@import url("https://fonts.googleapis.com/css2?family=Kablammo&family=Lexend&display=swap");
body {
	font-family: "Montserrat";
	text-align: center;
	background-color: #265f6a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* font-family: "Montserrat-Bold"; */
	font-family: "Lexend";
}

p {
	/* color: #8f8f8f; */
	color: #ff4c68;
	/* color: #8f8f8f; */
}

/* Headings */

.big-heading {
	font-family: "Lexend";
	/* font-family: 'Kablammo', cursive; */
	font-size: 2.2rem;
	line-height: 1.3;
	color: #f7ce16;
}

.section-heading {
	font-size: 3rem;
	line-height: 1.5;
}

/* Containers */

.container-fluid {
	padding: 3% 10%;
}

/* Sections */

.colored-section {
	background-color: #265f6a;
	color: #fff;
	/* color: blue; */
}

.white-section {
	background-color: #fff;
}

/* Navigation Bar */

.navbar {
	padding: 0 0 2.5rem;
}

.navbar-brand {
	font-family: "Ubuntu";
	font-size: 2.5rem;
	font-weight: bold;
}

.nav-item {
	padding: 0 18px;
}

.nav-link {
	font-size: 1.2rem;
	font-family: "Lexend";
}

/* Buttons */

.download-button {
	margin: 5% 3% 5% 0;
}

/* Title Section */

#title {
	background-color: #265f6a;
	/* background-color: red; */

	color: #fff;
	/* color: blue; */
	text-align: left;
}

#title .container-fluid {
	padding: 3% 6% 5%;
}

.dropdown {
	margin: 2rem 0rem;
}

/* Title Image */

.human-image {
	width: 200%;
	transform: rotate(0deg);
	position: relative;
	right: 60%;

	/* position: relative; */
	margin: 1rem 1rem 1rem 1rem;
	transition: transform 3s;
}

.Organ-image {
	width: 30%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
	transition: transform 0.1s;
}

.Organ-image:hover {
	transform: scale3d(1.2, 1.2, 1) rotate(15deg);
}

.Organ-text {
	color: #fff;
	font-family: "Lexend";
	font-weight: 00;
	/* margin-bottom: 1rem; */
}

.Organ-text:hover {
	color: #cfd3ce;
}

.left-organ-col {
	position: relative;
	left: 5%;
}

.right-organ-col {
	position: relative;
	right: 5%;
}

.Organ-text {
	position: relative;
	right: 0%;
}

.thyroid-img {
	position: relative;
	left: 35%;
	z-index: 999;
}

/* .thyroid-link {
  position: relative;
  right: 35%;
} */

.thyroid-text {
	position: relative;
	left: 35%;
	z-index: 999;
}

.brain-img {
	position: relative;
	right: 35%;
}

.brain-text {
	position: relative;
	right: 35%;
}

.intestines-img {
	position: relative;
	left: 30%;
	z-index: 999;
}

.intestines-text {
	position: relative;
	left: 30%;
	z-index: 999;
}

.prostate-img {
	position: relative;
	right: 30%;
}

.prostate-text {
	position: relative;
	right: 30%;
}
/* Features Section */

#features {
	position: relative;
}

.feature-title {
	font-size: 1.5rem;
	font-family: "Lexend";
}

.feature-box {
	padding: 4.5%;
}

.icon {
	color: #ef8172;
	margin-bottom: 1rem;
}

.icon:hover {
	color: #ff4c68;
}

/* Testimonial Section */

#testimonials {
	background-color: #265f6a;
}

.testimonial-text {
	font-size: 3rem;
	line-height: 1.5;
}

.testimonial-image {
	width: 10%;
	border-radius: 100%;
	margin: 20px;
}

#press {
	background-color: #265f6a;
	padding-bottom: 3%;
}

.press-logo {
	width: 15%;
	margin: 20px 20px 50px;
}

/* Pricing Section */

#pricing {
	padding: 100px;
}

.price-text {
	font-size: 3rem;
	line-height: 1.5;
}

.pricing-column {
	padding: 3% 2%;
}

/* CTA Section */

/* Footer Section */

.social-icon {
	margin: 20px 10px;
}

@media (max-width: 1028px) {
	#title {
		text-align: center;
	}

	.title-image {
		position: static;
		transform: rotate(0);
	}
}

/* Lung Cancer page */
.lung-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Bladder Cancer page */
.bladder-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Breast Cancer page */
.breast-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Colorectal Cancer page */
.colorectal-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Kidney Cancer page */
.kidney-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Lymphoma Cancer page */
.lymphoma-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Melanoma Cancer page */
.melanoma-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Oropharyngeal Cancer page */
.oropharyngeal-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Pancreatic Cancer page */
.pancreatic-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Thyroid Cancer page */
.thyroid-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Stomach Cancer page */
.stomach-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Liver Cancer page */
.liver-cancer-image {
	width: 80%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Brain Cancer page */
.brain-cancer-image {
	width: 80%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

/* Prostate Cancer page */
.prostate-cancer-image {
	width: 90%;
	border-radius: 100%;
	/* right: 80%; */
	/* position: center; */
	/* background-color: red; */
	margin: 0.4rem;
}

.contactUs-cancer-image {
	width: 90%;
	margin: 0.4rem;
}

.sub-heading {
	color: #a5f716;
	font-family: "Lexend";
	left: 5%;
}

.sub-contents {
	text-align: left;
	max-width: 95%;
	left: 5%;
}

.subcontents {
	font-family: "Lexend";
	font-size: 1.25rem;
}

/* <style> */
a:link {
	color: yellow;
	/* font-size: 30px; */
	background-color: transparent;
	text-decoration: none;
}

a:visited {
	color: yellow;
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	color: #656a26;
	background-color: transparent;
	text-decoration: underline;
}

a:active {
	color: #656a26;
	background-color: transparent;
	text-decoration: underline;
}
/* </style> */

.listType {
	font-size: 25px;
	text-decoration: none;
}