.Inter-black,
.Inter-bold,
.Inter-light,
.Inter-medium,
.Inter-regular,
.Inter-thin {
font-family: Inter, sans-serif;
font-style: normal
}
li,
nav ul,
ul {
margin: 0;
padding: 0
}
.bg-img-career::before,
.bg-img::before {
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0
}
.bg-img-career::before,
.bg-img::before,
.bg-wires::before {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter: brightness(50%)
}
#successMessage,
input,
textarea {
padding-left: 10px
}
.Inter-thin {
font-weight: 100
}
.Inter-light {
font-weight: 300
}
.Inter-regular {
font-weight: 400
}
.Inter-medium {
font-weight: 500
}
.Inter-bold {
font-weight: 700
}
.Inter-black {
font-weight: 900
}
.Inter-black-italic,
.Inter-bold-italic,
.Inter-light-italic,
.Inter-medium-italic,
.Inter-regular-italic,
.Inter-thin-italic {
font-family: Inter, sans-serif;
font-style: italic
}
.Inter-thin-italic {
font-weight: 100
}
.Inter-light-italic {
font-weight: 300
}
.Inter-regular-italic {
font-weight: 400
}
.Inter-medium-italic {
font-weight: 500
}
.Inter-bold-italic {
font-weight: 700
}
.Inter-black-italic {
font-weight: 900
}
:root {
--ff-brand: "Inter", sans-serif;
--ff-heading: "Inter", sans-serif;
--fw-regular: 400;
--fw-medium: 500;
--fw-semibold: 600;
--clr-black: #000000;
--clr-white: #ffffff;
--clr-primary: #2A276C;
--clr-secondary: #F4C15A;
--clr-light-bg: #F9FAFB;
--clr-text: #667799;
--clr-heading: #0F1729;
--container-padding-inline: 200px;
--container-padding-block: 80px
}
@media (max-width:1470px) {
:root {
--container-padding-inline: 65px;
--container-padding-block: 60px
}
}
@media (max-width:768px) {
:root {
--container-padding-inline: 30px;
--container-padding-block: 50px
}
}
@media (max-width:600px) {
:root {
--container-padding-inline: 20px;
}
}
*,
::after,
::before {
box-sizing: border-box;
margin: 0;
scroll-behavior: smooth
}
body {
font-family: var(--ff-brand);
font-weight: var(--fw-regular);
font-size: 1rem;
line-height: 1.6;
color: var(--clr-text);
-webkit-font-smoothing: antialiased;
background-color: var(--clr-white);
}
.container {
width: 100%;
margin-inline: auto;
padding-inline: var(--container-padding-inline);
}
section {
padding-block: var(--container-padding-block);
}
img {
display: block;
max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--ff-heading);
color: var(--clr-heading);
line-height: 1.2;
}
a {
text-decoration: none;
color: inherit;
}
.navigation {
position: fixed;
z-index: 11;
width: 100%;
transition: background-color .3s;
padding-top: 10px;
padding-bottom: 10px;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
backdrop-filter: blur(6px);
top: 40px;
}
.nav-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.main-MIC_Logo {
max-height: 55px;
}
.nav-list {
display: flex;
align-items: center;
gap: 5px;
list-style: none;
}
nav ul li a {
color: #1F3347;
font-weight: var(--fw-medium);
padding: 10px 12px;
transition: color 0.3s;
border-radius: 6px;
font-weight: 500;
}
nav ul li a:hover {
color: var(--clr-secondary);
}
.nav-consultation-btn {
display: flex;
justify-content: center;
}
.nav-consultation-btn a {
color: var(--clr-white);
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
border-radius: 10px;
background: #C657A0;
width: fit-content;
}
.nav-consultation-btn a:hover {
color: #fff;
}
.nav-mobile {
display: none;
}
@media only screen and (max-width:1099px) {
.nav-mobile {
display: block;
position: absolute;
top: 0;
right: 0;
height: 70px;
width: 70px;
}
.center-align-nav {
width: 100%;
padding-top: 70px;
}
.nav-list {
display: none;
flex-direction: column;
position: absolute;
top: 70px;
right: 0;
background: var(--clr-white);
width: 100%;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
padding: 10px 0;
}
nav ul li {
float: none;
width: 100%;
text-align: center;
}
nav ul li a {
display: block;
padding: 15px;
}
}
@media screen and (min-width:1100px) {
.nav-list {
display: flex !important;
}
}
@media screen and (max-width:1100px) {
.submenu{
    position: relative !important;
}
}
#navbar-toggle {
position: absolute;
left: 18px;
top: 20px;
cursor: pointer;
padding: 10px 35px 16px 0;
}
#navbar-toggle span,
#navbar-toggle span:after,
#navbar-toggle span:before {
cursor: pointer;
border-radius: 2px;
height: 4px;
width: 35px;
background: var(--clr-primary);
position: absolute;
display: block;
content: '';
transition: all .3s ease-in-out;
}
#navbar-toggle span:before {
top: -10px;
}
#navbar-toggle span:after {
bottom: -10px;
}
#navbar-toggle.active span {
background-color: transparent;
}
#navbar-toggle.active span:before {
transform: rotate(45deg);
top: 0;
}
#navbar-toggle.active span:after {
transform: rotate(-45deg);
top: 0;
}
main {
padding-top: 70px;
}
.footer {
background: #1C2B4A;
color: #D1D5DB;
padding: 80px 0 20px 0;
font-size: 15px;
}
.footer-content-wrapper {
display: grid;
grid-template-columns: 1fr 0.7fr 0.7fr 1.2fr;
gap: 20px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-col {
min-width: 200px;
}
.footer-col h4 {
color: #FFFFFF;
font-size: 18px;
margin-top: 0;
margin-bottom: 25px;
font-weight: 600;
}
.footer-brand-info .brand-header {
display: flex;
flex-direction: column;
align-items: baseline;
margin-bottom: 20px;
}
.footer-logo-img {
max-width: 140px;
margin-bottom: 10px;
}
.brand-text h4 {
margin: 0;
font-size: 1.7rem;
font-weight: 600;
}
.brand-text p {
margin: 0;
font-size: 1rem;
color: #D1D5DB;
}
.brand-description {
line-height: 1.6;
margin-bottom: 25px;
font-size: 14px;
}
.brand-badges {
display: flex;
gap: 15px;
margin-bottom: 25px;
}
.badge {
padding: 8px 12px;
border-radius: 5px;
font-size: 14px;
font-weight: 500;
}
.success-rate {
background: #28BD5A;
color: #fff;
}
.iso-certified {
background: #23365C;
border: 1px solid #23365C;
color: #ffffff;
}
.footer-services .service-list,
.footer-quick-links .quick-link-list {
list-style: none;
padding: 0;
margin: 0;
}
.footer-services .service-list li,
.footer-quick-links .quick-link-list li {
margin-bottom: 10px;
}
.footer-services a,
.footer-quick-links a {
color: #D1D5DB;
text-decoration: none;
transition: color 0.3s ease;
font-size: 14px;
}
.footer-services a:hover,
.footer-quick-links a:hover {
color: #FFFFFF;
}
.contact-items-container {
display: flex;
flex-direction: column;
gap: 10px;
}
.contact-item-card {
display: flex;
align-items: flex-start;
gap: 15px;
font-size: 14px;
padding: 0;
border-radius: 0;
background: none;
backdrop-filter: none;
width: auto;
}
.contact-item-card strong {
color: #fff;
font-weight: 700;
}
.contact-item-card p,
.contact-item-card a {
margin: 0;
line-height: 1.4;
color: #D1D5DB;
text-decoration: none;
}
.contact-item-card.location>div {
display: flex;
flex-direction: column;
gap: 5px;
}
.contact-item-card.phone span,
.contact-item-card.email span,
.contact-item-card.hours span {
display: flex;
flex-direction: column;
gap: 5px;
}
.contact-link {
text-decoration: none;
color: inherit;
}
.footer-bottom-bar {
padding-top: 25px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 15px;
font-size: 13px;
color: #9CA3AF;
}
@media (max-width: 992px) {
.footer-content-wrapper {
display: flex;
flex-direction: column;
}
.footer-col {
min-width: 100%;
margin-bottom: 20px;
}
}
.top-bar-strip {
background-color: #1C2B4A;
color: var(--clr-white);
padding: 10px 0;
font-size: 0.85rem;
position: relative;
z-index: 10;
}
.top-bar-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.contact-info-left {
display: flex;
}
.contact-info-left a {
color: var(--clr-white);
margin-right: 25px;
transition: color 0.3s;
}
.contact-info-left a:hover {
color: var(--clr-secondary);
}
.contact-info-left i {
margin-right: 8px;
}
.hours-info-right span {
font-weight: var(--fw-medium);
}
.navigation {
padding-top: 10px;
padding-bottom: 10px;
top: 40px;
}
@media (max-width: 992px) {
.top-bar-content {
flex-direction: column;
text-align: center;
gap: 5px;
}
.contact-info-left {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 5px;
}
.contact-info-left a {
margin-right: 0;
}
.navigation {
top: 100px;
}
.center-align-nav {
padding-top: 70px;
}
}
@media screen and (min-width: 1100px) {
.navigation {
top: 40px;
}
}
.top-bar-strip svg path {
stroke: #FFFFFF;
}
.top-bar-strip {
background-color: #1C2B4A;
color: var(--clr-white);
padding: 10px 0;
font-size: 0.85rem;
position: relative;
z-index: 10;
}
.top-bar-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.contact-info-left a {
color: var(--clr-white);
margin-right: 25px;
transition: color 0.3s;
display: flex;
align-items: center;
gap: 8px;
}
.contact-info-left a:hover {
color: var(--clr-secondary);
}
.hours-info-right span {
font-weight: var(--fw-medium);
}
.top-bar-strip {
background-color: #1C2B4A;
color: var(--clr-white);
padding: 10px 0;
font-size: 0.85rem;
position: fixed;
top: 0;
width: 100%;
z-index: 12;
}
@media screen and (min-width: 1100px) {
.navigation {
top: 40px;
}
}
.top-bar-strip svg path {
stroke: #FFFFFF;
}
.top-bar-strip {
background-color: #1C2B4A;
color: var(--clr-white);
padding: 10px 0;
font-size: 0.85rem;
position: fixed;
top: 0;
width: 100%;
z-index: 12;
}
.nav-list .current-page a {
color: #D7428C;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 10px;
}
.nav-list .current-page a:hover {
color: #D7428C;
}
nav ul li:hover a {
color: #1F3347;
}
@media only screen and (max-width:1099px) {
.nav-list.active .current-page a {
color: #D7428C;
}
}
.cta-banner {
background: linear-gradient(to right, #C657A0, #E082B4, #F4C1E6);
padding-block: 100px;
text-align: center;
}
.cta-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.cta-heading {
color: var(--clr-white);
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.1;
}
.cta-subtext {
color: var(--clr-white);
font-size: 1.1rem;
font-weight: 400;
max-width: 650px;
margin-bottom: 40px;
line-height: 1.6;
}
.cta-buttons {
display: flex;
gap: 20px;
margin-bottom: 20px;
flex-wrap: wrap;
justify-content: center;
}
.cta-btn {
display: flex;
align-items: center;
gap: 8px;
padding: 14px 28px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
transition: all 0.3s ease;
min-width: 220px;
justify-content: center;
}
.btn-primary {
background-color: var(--clr-white);
color: #C657A0;
border: 2px solid var(--clr-white);
}
.btn-primary:hover {
background-color: #f0f0f0;
transform: translateY(-2px);
}
.btn-secondary {
background-color: transparent;
color: var(--clr-white);
border: 2px solid var(--clr-white);
}
.btn-secondary:hover {
background-color: var(--clr-white);
color: #C657A0;
transform: translateY(-2px);
}
.cta-call-link {
display: flex;
align-items: center;
gap: 5px;
color: var(--clr-white);
font-size: 0.95rem;
font-weight: 500;
text-decoration: none;
opacity: 0.8;
transition: opacity 0.3s;
}
.cta-call-link:hover {
opacity: 1;
}
.cta-phone-number {
font-weight: 700;
}
@media (max-width: 600px) {
.cta-banner {
padding-block: 60px;
}
.cta-heading {
font-size: 2rem;
}
.cta-subtext {
font-size: 1rem;
margin-bottom: 30px;
}
.cta-buttons {
flex-direction: column;
gap: 15px;
}
.cta-btn {
width: 100%;
max-width: 300px;
margin: 0 auto;
}
}
.doctors-section {
background-color: #F8F8F8;
text-align: center;
}
.doctors-header {
margin-bottom: 50px;
display: flex;
flex-direction: column;
align-items: center;
}
.tag-label {
background-color: #FCE6F5;
color: #C657A0;
padding: 8px 15px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
margin-bottom: 25px;
display: inline-flex;
align-items: center;
gap: 8px;
}
.section-title {
color: #1C2B4A;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.section-description {
color: #667799;
font-size: 1.1rem;
max-width: 800px;
}
.doctors-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
margin-bottom: 50px;
}
.doctor-card {
background-color: var(--clr-white);
padding: 30px 20px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.doctor-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.doctor-profile {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.doctor-avatar {
width: 80px;
height: 80px;
background: linear-gradient(135deg, #C657A0, #E082B4);
border-radius: 50%;
margin-bottom: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.doctor-avatar i {
font-size: 2.2rem;
color: var(--clr-white);
}
.doctor-name {
color: #2A276C;
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 5px;
}
.doctor-specialty {
color: #C657A0;
font-size: 1rem;
font-weight: 500;
margin-bottom: 10px;
}
.doctor-hospital {
color: #667799;
font-size: 0.9rem;
line-height: 1.4;
min-height: 40px;
margin-bottom: 15px;
}
.doctor-experience {
color: #28BD5A;
font-size: 0.95rem;
font-weight: 600;
}
.doctors-cta {
display: flex;
justify-content: center;
}
.book-consultation-btn {
background-color: #C657A0;
color: var(--clr-white);
padding: 15px 35px;
font-size: 1.1rem;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
transition: background-color 0.3s ease, transform 0.3s ease;
display: inline-flex;
align-items: center;
gap: 8px;
border: none;
}
.book-consultation-btn:hover {
background-color: #B04A8F;
transform: translateY(-2px);
}
@media (max-width: 768px) {
.section-title {
font-size: 2rem;
}
.doctors-cards-grid {
gap: 20px;
}
}
.video-gallery-section {
background-color: var(--clr-white);
text-align: center;
}
.video-gallery-header {
margin-bottom: 50px;
}
.video-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
}
.video-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.video-description {
color: #667799;
font-size: 1.1rem;
max-width: 800px;
margin: 0 auto;
}
.video-gallery-box {
background-color: var(--clr-white);
padding: 40px;
border-radius: 20px;
border: 2px solid transparent;
border-image: linear-gradient(to right bottom, #C657A0, #F4C1E6) 1;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
max-width: 1200px;
margin: 0 auto;
}
.video-gallery-title {
color: #0F1729;
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 30px;
text-align: center;
}
.video-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
}
.video-item {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 8px;
}
.video-placeholder,
.video-item img,
.video-item iframe,
.video-item video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.video-item img {
filter: brightness(0.85);
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 3rem;
color: var(--clr-white);
opacity: 0.8;
transition: opacity 0.3s;
z-index: 5;
}
.video-item:hover .play-button {
opacity: 1;
}
.live-tag {
position: absolute;
top: 10px;
left: 10px;
background-color: #E60000;
color: var(--clr-white);
padding: 3px 8px;
border-radius: 4px;
font-size: 0.75rem;
font-weight: 700;
z-index: 5;
}
.video-overlay-button {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
z-index: 5;
}
.view-all-videos-btn {
background-color: var(--clr-white);
color: #C657A0;
padding: 8px 15px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s;
}
.view-all-videos-btn:hover {
background-color: #f0f0f0;
}
.video-gallery-cta {
display: flex;
justify-content: center;
}
.view-more-btn {
background-color: var(--clr-white);
color: #555;
border: 1px solid #ccc;
padding: 10px 25px;
font-weight: 500;
border-radius: 5px;
text-transform: uppercase;
font-size: 0.9rem;
}
.view-more-btn:hover {
background-color: #f0f0f0;
color: #000;
}
@media (max-width: 992px) {
.video-gallery-box {
padding: 30px 20px;
}
.video-grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.video-gallery-title {
font-size: 1.5rem;
}
}
@media (max-width: 600px) {
.video-gallery-box {
padding: 20px 15px;
}
.video-grid {
grid-template-columns: 1fr;
}
}
.success-stories-section {
background: linear-gradient(180deg, #F9FAFB 0%, #F3F4F6 100%);
padding-bottom: var(--container-padding-block);
text-align: center;
}
.success-header {
margin-bottom: 50px;
}
.stories-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
}
.stories-title {
color: #0F1729;
font-size: 3rem;
font-weight: 700;
margin-bottom: 15px;
}
.stories-description {
color: #667799;
font-size: 1.1rem;
max-width: 700px;
margin: 0 auto;
}
.stories-content-grid {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 30px;
align-items: flex-start;
margin-bottom: 40px;
text-align: left;
}
.story-image-card {
position: relative;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
height: 100%;
}
.story-main-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: brightness(0.9);
}
.happy-families-count {
position: absolute;
top: 30px;
right: 30px;
background-color: var(--clr-white);
padding: 15px 20px;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
text-align: center;
}
.count-number {
color: #C657A0;
font-size: 1.8rem;
font-weight: 700;
margin: 0 0 5px 0;
line-height: 1;
}
.count-label {
color: #667799;
font-size: 0.9rem;
margin: 0;
}
.rating-overlay {
position: absolute;
bottom: 30px;
left: 30px;
background-color: rgba(255, 255, 255, 0.9);
padding: 10px 15px;
border-radius: 8px;
display: flex;
align-items: center;
gap: 5px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.rating-overlay i {
color: #F4C15A;
font-size: 1rem;
}
.rating-text {
color: #0F1729;
font-weight: 600;
font-size: 0.95rem;
}
.stories-right-column {
display: flex;
flex-direction: column;
gap: 20px;
}
.testimonial-card {
background-color: var(--clr-white);
padding: 25px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #eee;
}
.quote-icon {
font-size: 2.2rem;
color: #E082B4;
margin-bottom: 10px;
display: block;
}
.stars-rating i {
color: #F4C15A;
font-size: 1rem;
margin-bottom: 10px;
}
.testimonial-text {
color: #6B7C94;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 15px;
}
.testimonial-footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
border-top: 1px solid #E5E7EB;
padding-top: 15px;
}
.client-info {
line-height: 1.4;
margin: 0;
}
.client-info strong {
color: #0F1729;
font-weight: 700;
}
.client-location {
color: #9CA3AF;
font-size: 0.9rem;
}
.treatment-tag {
background-color: #FCE6F5;
color: #C657A0;
padding: 5px 10px;
border-radius: 5px;
font-size: 0.8rem;
font-weight: 600;
white-space: nowrap;
}
.slider-navigation {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: 10px;
padding-left: 15px;
}
.nav-arrow {
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
color: #9CA3AF;
transition: background-color 0.3s;
border: 1px solid #E2E4E9;
padding: 15px;
}
.nav-arrow:hover {
background-color: #eee;
}
.nav-dot {
width: 8px;
height: 8px;
background-color: #E0E2F3;
border-radius: 50%;
}
.active-dot {
background-color: #C657A0;
}
.stats-bar {
display: flex;
justify-content: center;
gap: 80px;
padding-top: 40px;
border-top: 1px solid #eee;
}
.stat-item {
text-align: center;
}
.stat-number {
color: #C657A0;
font-size: 2rem;
font-weight: 700;
margin-bottom: 5px;
line-height: 1.2;
}
.stat-label {
color: #667799;
font-size: 0.95rem;
font-weight: 500;
margin: 0;
}
@media (max-width: 992px) {
.stories-content-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.stories-left-column {
min-height: 400px;
}
.stories-title {
font-size: 2.5rem;
}
.slider-navigation {
justify-content: center;
}
}
@media (max-width: 600px) {
.stories-left-column {
min-height: 300px;
}
.happy-families-count,
.rating-overlay {
top: 15px;
right: 15px;
bottom: initial;
left: initial;
padding: 10px 12px;
}
.rating-overlay {
top: initial;
bottom: 15px;
}
.stats-bar {
flex-direction: column;
gap: 30px;
}
}
.facilities-section {
background: #ffffff;
padding-bottom: var(--container-padding-block);
text-align: center;
}
.facilities-header {
margin-bottom: 50px;
display: flex;
flex-direction: column;
align-items: center;
}
.facilities-title {
color: #C657A0 !important;
font-size: 3rem;
font-weight: 700;
margin-bottom: 15px;
}
.facilities-description {
color: #6B7C94;
font-size: 1.1rem;
max-width: 600px;
margin: 0 auto;
}
.facilities-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.facility-card {
background-color: var(--clr-white);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
text-align: left;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #9966FF33;
box-shadow: 0px 1px 2px 0px #0000000D;
}
.facility-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.facility-image-wrapper {
line-height: 0;
}
.facility-image {
width: 100%;
height: auto;
object-fit: cover;
height: 280px;
}
.facility-content {
padding: 15px 20px 25px 20px;
}
.facility-name {
color: #0F1729;
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 5px;
}
.facility-description-text {
color: #6B7280;
font-size: 0.95rem;
margin: 0;
line-height: 1.4;
}
@media (max-width: 992px) {
.facilities-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.facilities-title {
font-size: 2rem;
}
.facilities-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.facility-content {
padding: 15px 15px 20px 15px;
}
}
.support-section {
background: linear-gradient(112.92deg, #EEDDE6 0%, #F5EFF2 100%);
padding-block: var(--container-padding-block);
}
.support-container {
padding-inline: 0;
}
.support-content-box {
display: flex;
border-radius: 15px;
overflow: hidden;
max-width: 1200px;
margin: 0 auto;
gap:20px;
}
.support-image-column {
flex: 1;
min-width: 40%;
position: relative;
}
.support-illustration {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.support-text-column {
flex: 1.5;
padding: 60px;
display: flex;
flex-direction: column;
justify-content: center;
}
.support-tag-label {
background: #C657A01A;
color: #C657A0;
font-weight: 600;
margin-bottom: 20px;
align-self: flex-start;
}
.support-title {
color: #1C2B4A;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
text-align: left;
}
.support-intro-text {
color: #667799;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 30px;
text-align: left;
}
.support-features-list {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
}
.support-features-list li {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 25px;
}
.feature-icon {
width: 40px;
height: 40px;
background: linear-gradient(135deg, #C657A0 0%, #E996BF 100%);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.feature-icon i {
color: #C657A0;
font-size: 1.1rem;
}
.feature-title {
color: #1C2B4A;
font-size: 1.1rem;
font-weight: 600;
margin-top: 0;
margin-bottom: 3px;
}
.feature-description {
color: #667799;
font-size: 0.95rem;
margin: 0;
}
.learn-more-btn {
background-color: var(--clr-white);
color: #1F3347;
border: 1px solid #E2E4E9;
padding: 10px 20px;
font-size: 0.95rem;
font-weight: 600;
border-radius: 5px;
transition: background-color 0.3s;
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
}
.learn-more-btn:hover {
background-color: #FCE6F5;
}
@media (max-width: 1100px) {
.support-content-box {
max-width: 90%;
}
.support-text-column {
padding: 40px;
}
.support-title {
font-size: 2rem;
}
}
@media (max-width: 850px) {
.support-content-box {
flex-direction: column;
}
.support-image-column {
min-height: 300px;
}
.support-illustration {
height: 300px;
}
.support-text-column {
padding: 0px;
}
.learn-more-btn {
margin: 0 auto;
}
}
.technology-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
}
.technology-container {
display: flex;
justify-content: space-between;
gap: 50px;
align-items: center;
}
.technology-text-column {
flex: 1.2;
text-align: left;
}
.technology-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
display: inline-flex;
}
.technology-title {
color: #1C2B4A;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 20px;
}
.technology-intro-text {
color: #667799;
font-size: 1.05rem;
line-height: 1.6;
margin-bottom: 30px;
}
.technology-features-list {
list-style: none;
padding: 0;
margin: 0 0 40px 0;
}
.technology-features-list li {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 20px;
}
.tech-icon {
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
margin-top: 3px;
}
.tech-icon i {
color: #C657A0;
font-size: 1.2rem;
}
.tech-title {
color: #1C2B4A;
font-size: 1rem;
font-weight: 600;
margin-top: 0;
margin-bottom: 3px;
}
.tech-description {
color: #667799;
font-size: 0.9rem;
margin: 0;
}
.technology-btn {
background-color: #C657A0;
color: var(--clr-white);
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
transition: background-color 0.3s ease;
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
}
.technology-btn:hover {
background-color: #B04A8F;
}
.technology-image-column {
flex: 1;
min-width: 40%;
}
.consultation-image-card {
position: relative;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
.consultation-image {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
filter: brightness(0.7);
}
.image-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px;
color: var(--clr-white);
background: linear-gradient(to top, rgba(198, 87, 160, 0.8), rgba(198, 87, 160, 0.1));
}
.overlay-title {
font-size: 1.5rem;
font-weight: 700;
margin: 0;
}
.overlay-subtext {
font-size: 1rem;
font-weight: 400;
margin-top: 5px;
opacity: 0.9;
}
@media (max-width: 992px) {
.technology-container {
flex-direction: column;
gap: 40px;
}
.technology-text-column {
order: 2;
}
.technology-image-column {
order: 1;
min-width: 100%;
}
}
@media (max-width: 600px) {
.technology-title {
font-size: 2rem;
}
.technology-intro-text {
font-size: 1rem;
}
.image-overlay {
padding: 20px;
}
.overlay-title {
font-size: 1.3rem;
}
}
.stats-success-section {
background-image: url(/assets/images/Proven_Track_Record.svg);
position: relative;
overflow: hidden;
text-align: center;
padding-block: 80px;
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.stats-success-section::before,
.stats-success-section::after {
content: '';
position: absolute;
z-index: -1;
opacity: 0.3;
}
.stats-success-section::before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at 10% 10%, rgba(255, 192, 203, 0.2) 0, transparent 20%),
radial-gradient(circle at 80% 90%, rgba(210, 150, 250, 0.2) 0, transparent 15%);
}
.stats-header {
margin-bottom: 50px;
}
.stats-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.stats-title {
color: #1C2B4A !important;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.stats-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
margin-bottom: 70px;
}
.stat-card {
background-color: var(--clr-white);
padding: 30px 20px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
text-align: center;
border: 1px solid #E2E4E94D;
box-shadow: 0px 1px 2px 0px #0000000D;
backdrop-filter: blur(4px)
}
.stat-icon-wrapper {
width: 70px;
height: 70px;
border-radius: 50%;
margin: 0 auto 25px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5rem;
color: var(--clr-white);
}
.pink-card .stat-icon-wrapper {
background-color: #E082B4;
}
.pink-card .stat-number-main {
color: #E082B4;
}
.green-card .stat-icon-wrapper {
background-color: #28BD5A;
}
.green-card .stat-number-main {
color: #28BD5A;
}
.blue-card .stat-icon-wrapper {
background-color: #1C2B4A;
}
.blue-card .stat-number-main {
color: #1C2B4A;
}
.orange-card .stat-icon-wrapper {
background-color: #F4C15A;
}
.orange-card .stat-number-main {
color: #F4C15A;
}
.stat-number-main {
font-size: 2.2rem;
font-weight: 800;
margin: 0 0 10px 0;
line-height: 1;
}
.stat-label-main {
color: #0F1729;
font-size: 1.1rem;
font-weight: 700;
margin: 0 0 10px 0;
}
.stat-subtext {
color: #6B7280;
font-size: 0.9rem;
margin: 0;
line-height: 1.4;
}
.trust-heading {
color: #0F1729;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 25px;
}
.countries-served-row {
display: flex;
justify-content: center;
gap: 40px;
flex-wrap: wrap;
}
.country-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
padding: 10px;
}
.country-pin {
font-size: 1.5rem;
color: #C657A0;
margin-bottom: 5px;
}
.country-name {
color: #0F1729;
font-size: 0.9rem;
font-weight: 500;
}
@media (max-width: 992px) {
.stats-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.stats-title {
font-size: 2rem;
}
.stats-grid {
grid-template-columns: 1fr;
}
.countries-served-row {
gap: 25px;
}
}
.expert-profile-section {
background-color: #FDFCFC;
padding-block: var(--container-padding-block);
}
.expert-profile-container {
display: flex;
justify-content: space-between;
gap: 50px;
align-items: center;
}
.expert-image-column {
flex: 1;
min-width: 40%;
position: relative;
border-radius: 15px;
overflow: hidden;
}
.expert-illustration {
width: 100%;
height: auto;
display: block;
object-fit: cover;
border-radius: 15px;
}
.decorative-shield-bottom-left,
.decorative-badge-top-right {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--clr-white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
transform: translate(-50%, -50%);
}
.decorative-shield-bottom-left {
bottom: -18px;
left: 21px;
}
.decorative-badge-top-right {
top: 20px;
right: -17px;
}
.decorative-shield-bottom-left i {
color: #28BD5A;
font-size: 1.2rem;
}
.decorative-badge-top-right i {
color: #C657A0;
font-size: 1.2rem;
}
.expert-text-column {
flex: 1.2;
text-align: left;
}
.expert-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
display: inline-flex;
}
.expert-title {
color: #0F1729;
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 20px;
}
.expert-intro-text {
color: #667799;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 30px;
}
.expert-intro-text strong {
font-weight: 600;
color: #0F1729;
}
.expert-credentials-list {
list-style: none;
padding: 0;
margin: 0 0 40px 0;
}
.expert-credentials-list li {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 15px;
color: #667799;
font-size: 0.95rem;
}
.credential-icon {
color: #C657A0;
font-size: 0.8rem;
margin-top: 5px;
flex-shrink: 0;
}
.expert-learn-more-btn {
background-color: var(--clr-white);
color: #1F3347;
border: none;
font-weight: 600;
padding: 0;
font-size: 1rem;
transition: color 0.3s ease;
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
border: 1px solid #E2E4E9
}
.expert-learn-more-btn:hover {
color: #E082B4;
}
@media (max-width: 992px) {
.expert-profile-container {
flex-direction: column;
gap: 40px;
}
.expert-image-column {
min-width: 100%;
}
}
@media (max-width: 600px) {
.expert-title {
font-size: 1.8rem;
}
}
.services-solutions-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.solutions-header {
margin-bottom: 50px;
}
.solutions-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.solutions-title {
color: #0F1729;
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 15px;
}
.solutions-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.solutions-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-bottom: 40px;
}
.solution-card {
background-color: var(--clr-white);
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: left;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
border: 1px solid #E2E4E94D
}
.solution-card:hover {
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
border-color: #FCE6F5;
border: 1px solid #C657A0;
}
.treatment-overview-card:hover{
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border-color: #FCE6F5;
    border: 1px solid #C657A0;
}
.highlighted-card {
box-shadow: 0 8px 25px rgba(198, 87, 160, 0.2);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
backdrop-filter: blur(4px);
}
.solution-icon-wrapper {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #C657A0 0%, #E996BF 100%);
border-radius: 8px;
margin-bottom: 15px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
color: #C657A0;
}
.solution-name {
color: #0F1729;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 10px;
}
.solution-brief {
color: #6B7280;
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 20px;
min-height: 45px;
}
.learn-more-link {
color: #C657A0;
font-weight: 600;
font-size: 0.9rem;
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
transition: color 0.3s ease;
}
.learn-more-link:hover {
color: #E082B4;
}
.view-all-treatments-btn {
background-color: #C657A0;
color: var(--clr-white);
padding: 12px 30px;
font-size: 1rem;
font-weight: 500;
border-radius: 8px;
transition: background-color 0.3s ease;
text-transform: none;
}
.view-all-treatments-btn:hover {
background-color: #B04A8F;
}
@media (max-width: 992px) {
.solutions-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.solutions-title {
font-size: 1.8rem;
}
.solutions-grid {
grid-template-columns: 1fr;
}
.solution-card {
padding: 25px;
}
}
:root {
--clr-primary: #2A276C;
--clr-accent-pink: #C657A0;
--clr-white: #ffffff;
--clr-text-dark: #0F1729;
--clr-text-medium: #667799;
--clr-text-light: #6B7280;
}
.container {
max-width: var(--container-max-width);
margin: 0 auto;
padding-inline: var(--container-padding-inline);
}
.section-title {
font-family: 'Inter', sans-serif;
color: var(--clr-text-dark);
font-weight: 700;
}
.section-description {
font-size: 1rem;
line-height: 1.6;
}
.tag-label {
display: inline-flex;
align-items: center;
gap: 8px;
background: #C657A01A;
color: #C657A0;
padding: 8px 15px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
}
.tag-label i {
font-size: 0.9rem;
}
.cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 12px 25px;
border-radius: 8px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
cursor: pointer;
}
.hero-section {
background: url('/assets/images/hero-section-background.svg');
padding-top: 100px;
padding-bottom: var(--container-padding-block);
position: relative;
overflow: hidden;
}
.hero-section::before,
.hero-section::after {
content: '';
position: absolute;
background: radial-gradient(circle, rgba(255, 192, 203, 0.2) 0%, transparent 70%);
z-index: 0;
pointer-events: none;
}
.hero-section::before {
width: 300px;
height: 300px;
top: 5%;
left: 0%;
}
.hero-section::after {
width: 400px;
height: 400px;
bottom: -10%;
right: -5%;
}
.hero-content-wrapper {
display: flex;
gap: 50px;
align-items: center;
position: relative;
z-index: 1;
}
.hero-left-column {
flex: 1.2;
text-align: left;
}
.hero-tag-label {
margin-bottom: 10px;
}
.hero-title {
font-size: 3.5rem;
line-height: 1.1;
margin-top: 15px;
margin-bottom: 25px;
color: #1C2B4A;
}
.hero-description {
font-size: 1.1rem;
margin-bottom: 40px;
color: #667799;
width: 70%;
}
.highlight-text {
font-weight: 700;
color: var(--clr-accent-pink);
}
.hero-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin-bottom: 40px;
}
.feature-item {
display: flex;
align-items: flex-start;
gap: 15px;
background: #fff;
padding: 15px;
border: 1px solid #C657A033;
border-radius: 15px;
}
.feature-icon-circle {
width: 45px;
height: 45px;
background: linear-gradient(135deg, #C657A0 0%, #E996BF 100%);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
font-size: 1.1rem;
color: var(--clr-accent-pink);
}
.feature-title-small {
font-weight: 700;
color: #1C2B4A;
margin: 0 0 3px 0;
font-size: 1rem;
}
.feature-subtext {
color: #667799;
font-size: 0.9rem;
margin: 0;
}
.hero-cta-buttons {
display: flex;
gap: 20px;
margin-bottom: 40px;
flex-wrap: wrap;
}
.hero-btn-primary {
background: linear-gradient(97.29deg, #C657A0 0%, #E996BF 100%);
color: var(--clr-white);
}
.hero-btn-secondary {
background-color: #ffffff;
color: #1F3347;
border: 1.74px solid #C657A04D;
}
.hero-contact-info {
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.contact-item {
display: flex;
align-items: flex-start;
gap: 10px;
color: var(--clr-text-dark);
font-weight: 600;
}
.contact-item i {
color: var(--clr-accent-pink);
font-size: 1.2rem;
}
.contact-item span {
font-size: 1rem;
}
.contact-subtext {
color: #667799;
font-size: 14px !important;
}
.hero-right-column {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.hero-image-card {
position: relative;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
.hero-card-image {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
min-width: 380px;
}
.success-story-card .hero-card-image {
filter: brightness(0.8);
}
.success-rate-tag {
position: absolute;
top: 20px;
right: 20px;
background-color: #28BD5A;
color: var(--clr-white);
padding: 8px 15px;
border-radius: 20px;
font-size: 0.9rem;
font-weight: 600;
z-index: 2;
}
.hero-card-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 25px;
color: var(--clr-white);
background: linear-gradient(to top, rgba(198, 87, 160, 0.8), rgba(198, 87, 160, 0.1));
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.overlay-main-text {
font-size: 1.4rem;
font-weight: 700;
margin: 0;
}
.overlay-sub-text {
font-size: 0.9rem;
margin-top: 5px;
opacity: 0.9;
}
.lab-card .hero-card-image {
filter: brightness(0.7);
}
.lab-card .hero-card-overlay {
background: linear-gradient(to top, rgba(42, 39, 108, 0.8), rgba(42, 39, 108, 0.1));
}
.overlay-icon {
font-size: 1.8rem;
margin-bottom: 10px;
}
@media (max-width: 992px) {
.hero-content-wrapper {
flex-direction: column;
gap: 40px;
margin-top: 60px;
}
.hero-left-column,
.hero-right-column {
flex: auto;
width: 100%;
}
.hero-title {
font-size: 2.8rem;
}
.hero-right-column {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.hero-image-card {
max-width: 45%;
height: 300px;
}
}
@media (max-width: 768px) {
.hero-title {
font-size: 2.2rem;
}
.hero-features-grid {
grid-template-columns: 1fr;
}
.hero-cta-buttons {
flex-direction: column;
}
.hero-image-card {
max-width: 100%;
}
.hero-contact-info {
flex-direction: row;
gap: 20px;
}
.contact-item p {
position: static;
margin-left: 0;
text-align: left;
font-size: 0.8rem;
}
}
.final-cta-banner {
background-image: url('/assets/images/contact-us-background.svg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
padding-block: 100px;
text-align: center;
color: var(--clr-white);
}
.final-cta-content {
position: relative;
z-index: 2;
margin-inline: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.cta-tag-label {
background-color: rgba(255, 255, 255, 0.15);
color: var(--clr-white);
padding: 10px 20px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 25px;
font-size: 0.9rem;
font-weight: 500;
margin-bottom: 25px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.final-cta-heading {
color: var(--clr-white);
font-size: 3rem;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.1;
font-family: 'Montserrat', serif;
}
.final-cta-subtext {
color: rgba(255, 255, 255, 0.9);
font-size: 1.1rem;
max-width: 600px;
margin-bottom: 15px;
line-height: 1.5;
}
.emergency-line-btn {
background-color: rgba(255, 255, 255, 0.2);
color: var(--clr-white);
padding: 12px 25px;
border-radius: 30px;
border: 1px solid rgba(255, 255, 255, 0.3);
font-size: 1rem;
font-weight: 600;
transition: background-color 0.3s ease, border-color 0.3s ease;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
}
.emergency-line-btn:hover {
background-color: rgba(255, 255, 255, 0.3);
border-color: var(--clr-white);
}
@media (max-width: 768px) {
.final-cta-banner {
padding-block: 80px;
padding-top: 150px;
}
.final-cta-heading {
font-size: 2.2rem;
}
.final-cta-subtext {
font-size: 1rem;
}
.emergency-line-btn {
font-size: 0.95rem;
}
}
.contact-methods-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.contact-methods-header {
margin-bottom: 50px;
}
.contact-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.contact-methods-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
font-family: 'Montserrat', serif;
}
.contact-methods-description {
color: #667799;
font-size: 1rem;
max-width: 700px;
margin: 0 auto;
}
.methods-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.method-card {
background-color: var(--clr-white);
padding: 30px 20px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #eee;
text-align: center;
position: relative;
}
.recommended-card {
border-color: #C657A0;
box-shadow: 0 8px 25px rgba(198, 87, 160, 0.15);
padding-top: 50px;
}
.recommended-tag {
position: absolute;
top: 0;
right: 0;
background-color: #C657A0;
color: var(--clr-white);
padding: 5px 15px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 0.8rem;
font-weight: 600;
}
.method-icon-wrapper {
width: 60px;
height: 60px;
border-radius: 30%;
margin: 0 auto 20px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
color: var(--clr-white);
}
.pink-bg {
background-color: #E082B4;
}
.whatsapp-bg {
background-color: #E082B4;
}
.email-bg {
background-color: #E082B4;
}
.method-name {
color: #0F1729;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 10px;
}
.method-brief {
color: #667799;
font-size: 0.95rem;
line-height: 1.4;
margin-bottom: 20px;
}
.call-details,
.whatsapp-details,
.email-details {
margin-bottom: 25px;
min-height: 50px;
}
.call-details p,
.whatsapp-details p,
.email-details p {
margin: 3px 0;
font-size: 0.9rem;
color: #6B7280;
}
.email-details p:last-child {
display: none;
}
.contact-now-btn {
width: 80%;
margin: 0 auto;
display: flex;
justify-content: center;
padding: 10px;
font-size: 0.95rem;
border-radius: 8px;
}
.primary-btn {
background-color: #C657A0;
color: var(--clr-white);
border: none;
}
.primary-btn:hover {
background-color: #B04A8F;
}
.secondary-btn {
background-color: var(--clr-white);
color: #C657A0;
border: 1px solid #FCE6F5;
}
.secondary-btn:hover {
background-color: #FCE6F5;
}
@media (max-width: 992px) {
.methods-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.recommended-card {
grid-column: span 2;
max-width: 400px;
margin: 0 auto;
}
}
@media (max-width: 600px) {
.methods-grid {
grid-template-columns: 1fr;
}
.recommended-card {
grid-column: span 1;
max-width: 100%;
}
}
.contact-methods-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.contact-methods-header {
margin-bottom: 50px;
}
.contact-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.contact-methods-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
font-family: 'Montserrat', serif;
}
.contact-methods-description {
color: #667799;
font-size: 1rem;
max-width: 700px;
margin: 0 auto;
}
.methods-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.method-card {
background-color: var(--clr-white);
padding: 30px 20px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
text-align: center;
position: relative;
border: 1px solid #E2E4E94D;
}
.recommended-card {
border-color: #C657A0;
box-shadow: 0 8px 25px rgba(198, 87, 160, 0.15);
padding-top: 50px;
border: 1px solid #D7428C33
}
.recommended-tag {
position: absolute;
top: 0;
right: 0;
background-color: #C657A0;
color: var(--clr-white);
padding: 5px 15px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 0.8rem;
font-weight: 600;
}
.method-icon-wrapper {
width: 60px;
height: 60px;
border-radius: 30%;
margin: 0 auto 20px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
color: var(--clr-white);
}
.pink-bg {
background-color: #E082B4;
}
.whatsapp-bg {
background-color: #E082B4;
}
.email-bg {
background-color: #E082B4;
}
.method-name {
color: #0F1729;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 10px;
}
.method-brief {
color: #667799;
font-size: 0.95rem;
line-height: 1.4;
margin-bottom: 20px;
}
.call-details,
.whatsapp-details,
.email-details {
margin-bottom: 25px;
min-height: 50px;
}
.call-details p,
.whatsapp-details p,
.email-details p {
margin: 3px 0;
font-size: 0.9rem;
color: #6B7280;
}
.email-details p:last-child {
display: none;
}
.contact-now-btn {
width: 80%;
margin: 0 auto;
display: flex;
justify-content: center;
padding: 10px;
font-size: 0.95rem;
border-radius: 8px;
}
.primary-btn {
background-color: #C657A0;
color: var(--clr-white);
border: none;
}
.primary-btn:hover {
background-color: #B04A8F;
}
.secondary-btn {
background-color: var(--clr-white);
color: #C657A0;
border: 1px solid #FCE6F5;
}
.secondary-btn:hover {
background-color: #FCE6F5;
}
@media (max-width: 992px) {
.methods-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.recommended-card {
grid-column: span 2;
max-width: 400px;
margin: 0 auto;
}
}
@media (max-width: 600px) {
.methods-grid {
grid-template-columns: 1fr;
}
.recommended-card {
grid-column: span 1;
max-width: 100%;
}
}
.locations-section {
background-color: #FDF4FD;
padding-block: var(--container-padding-block);
text-align: center;
background: linear-gradient(114.28deg, #EEDDE6 0%, #F5EFF2 100%);
}
.locations-header {
margin-bottom: 50px;
}
.locations-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.locations-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.locations-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.locations-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.location-card {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
border: 1px solid #eee;
text-align: left;
}
.location-icon-wrapper {
width: 50px;
height: 50px;
background-color: #FCE6F5;
border-radius: 8px;
margin-bottom: 15px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5rem;
color: #C657A0;
background: linear-gradient(135deg, #C657A0 0%, #E996BF 100%);
}
.location-name {
color: #0F1729;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 15px;
}
.location-address {
font-style: normal;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #eee;
}
.location-address p {
color: #667799;
margin: 3px 0;
font-size: 0.95rem;
line-height: 1.4;
}
.location-details {
margin-bottom: 30px;
}
.detail-item {
display: flex;
align-items: center;
gap: 10px;
color: #667799;
font-size: 0.95rem;
}
.detail-icon {
color: #C657A0;
font-size: 1rem;
}
.directions-btn {
background-color: var(--clr-white);
color: #0F1729;
border: 1px solid #ccc;
padding: 10px 20px;
font-size: 0.9rem;
font-weight: 500;
border-radius: 5px;
transition: all 0.3s ease;
width: -webkit-fill-available;
}
.directions-btn:hover {
background-color: #f0f0f0;
border-color: #ccc;
}
@media (max-width: 992px) {
.locations-grid {
grid-template-columns: 1fr;
max-width: 500px;
}
}
@media (max-width: 600px) {
.locations-title {
font-size: 2rem;
}
.location-card {
padding: 25px;
}
}
.action-cards-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.action-cards-header {
margin-bottom: 50px;
}
.action-cards-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
font-family: 'Montserrat', serif;
}
.action-cards-description {
color: #667799;
font-size: 1rem;
max-width: 600px;
margin: 0 auto;
}
.actions-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.action-card {
background-color: var(--clr-white);
padding: 30px 20px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
border: 1px solid #f8f8f8;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #E2E4E94D
}
.action-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}
.action-icon-wrapper {
width: 60px;
height: 60px;
border-radius: 12px;
margin: 0 auto 20px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
color: var(--clr-white);
}
.pink-icon-bg {
background-color: #C657A0;
}
.green-icon-bg {
background-color: #28BD5A;
}
.purple-icon-bg {
background-color: #C657A0;
}
.action-card-title {
color: #0F1729;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 10px;
}
.action-card-description {
color: #6B7280;
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 25px;
min-height: 45px;
}
.learn-more-action-link {
color: #C657A0;
font-weight: 600;
font-size: 0.95rem;
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
transition: color 0.3s ease;
}
.learn-more-action-link:hover {
color: #E082B4;
}
@media (max-width: 992px) {
.actions-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.action-cards-title {
font-size: 2rem;
}
.actions-grid {
grid-template-columns: 1fr;
}
.action-card {
padding: 25px;
}
}
.final-step-cta-section {
background-color: var(--clr-white);
padding-block: 60px;
text-align: center;
}
.final-step-content-box {
max-width: 750px;
margin: 0 auto;
padding: 40px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
border: 1px solid #E2E4E94D
}
.final-step-title {
color: #0F1729;
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 15px;
font-family: 'Montserrat', serif;
}
.final-step-description {
color: #667799;
font-size: 1rem;
max-width: 600px;
margin: 0 auto 30px auto;
}
.final-step-buttons {
display: flex;
justify-content: center;
gap: 15px;
margin-bottom: 35px;
flex-wrap: wrap;
}
.call-now-btn {
background: linear-gradient(99.04deg, #C657A0 0%, #E996BF 100%);
color: var(--clr-white);
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
}
.call-now-btn:hover {
background-color: #B04A8F;
}
.whatsapp-chat-btn {
background-color: var(--clr-white);
color: #0F1729;
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
border: 1px solid #ccc;
display: inline-flex;
align-items: center;
gap: 8px;
}
.whatsapp-chat-btn i {
color: #28BD5A;
}
.whatsapp-chat-btn:hover {
background-color: #f8f8f8;
}
.confidence-checks {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
}
.check-item {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.9rem;
color: #6B7280;
font-weight: 500;
}
.check-item i {
color: #C657A0;
font-size: 1rem;
}
@media (max-width: 600px) {
.final-step-content-box {
padding: 30px 15px;
}
.final-step-title {
font-size: 1.8rem;
}
.final-step-buttons {
flex-direction: column;
width: 80%;
margin-inline: auto;
}
.call-now-btn,
.whatsapp-chat-btn {
width: 100%;
margin: 0;
}
.confidence-checks {
gap: 15px;
}
}
.blog-posts-section {
background-color: #F8F8F8;
padding-block: var(--container-padding-block);
}
.blog-content-grid {
display: grid;
grid-template-columns: 2.5fr 1fr;
gap: 40px;
}
.articles-main-title {
color: #0F1729;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 30px;
text-align: left;
}
.featured-articles-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 50px;
}
.article-card {
background-color: var(--clr-white);
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
padding: 20px;
text-align: left;
}
.featured-card {
padding: 0;
overflow: hidden;
}
.featured-card .article-image-placeholder {
height: 150px;
border-radius: 10px 10px 0 0;
position: relative;
}
.featured-card .article-meta,
.featured-card .article-title,
.featured-card .article-excerpt,
.featured-card .read-more-link {
padding-inline: 20px;
}
.featured-card .article-meta {
padding-top: 15px;
}
.featured-card .article-excerpt {
margin-bottom: 15px;
}
.featured-card .read-more-link {
padding-bottom: 20px;
display: inline-block;
}
.article-image-placeholder {
background-color: #E082B4;
display: flex;
justify-content: center;
align-items: center;
font-size: 2.5rem;
color: var(--clr-white);
}
.pink-bg-dark {
background: linear-gradient(135deg, #C657A0 0%, #E996BF 100%);
}
.pink-bg-light {
background: #C657A01A;
color: #E082B4;
}
.featured-label {
position: absolute;
top: 10px;
left: 10px;
background-color: rgba(255, 255, 255, 0.2);
color: var(--clr-white);
padding: 4px 10px;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 600;
}
.article-meta {
display: flex;
gap: 10px;
flex-wrap: wrap;
font-size: 0.8rem;
color: #9CA3AF;
margin-bottom: 10px;
}
.article-meta .category-tag {
color: #C657A0;
font-weight: 600;
}
.meta-item i {
margin-right: 5px;
}
.article-title {
color: #0F1729;
font-size: 1.15rem;
font-weight: 700;
margin-bottom: 10px;
line-height: 1.3;
}
.article-excerpt {
color: #6B7280;
font-size: 0.9rem;
line-height: 1.5;
}
.read-more-link {
color: #C657A0;
font-weight: 600;
font-size: 0.9rem;
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
transition: color 0.3s ease;
}
.read-more-link:hover {
color: #E082B4;
}
.more-articles-title {
color: #0F1729;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 20px;
text-align: left;
}
.list-card {
box-shadow: none;
border: 1px solid #f0f0f0;
padding: 15px;
margin-bottom: 15px;
}
.list-card-left {
display: flex;
gap: 15px;
}
.list-card .article-image-placeholder {
width: 60px;
min-width: 60px;
height: 60px;
border-radius: 8px;
font-size: 1.5rem;
}
.list-card .article-excerpt-list {
color: #6B7280;
font-size: 0.9rem;
line-height: 1.5;
margin-bottom: 10px;
}
.list-card .article-title {
font-size: 1rem;
margin-bottom: 5px;
}
.sidebar-column {
display: flex;
flex-direction: column;
gap: 20px;
}
.sidebar-block {
background-color: var(--clr-white);
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.categories-block {
background-color: var(--clr-white);
border: 1px solid #E2E4E94D;
box-shadow: 0px 1px 2px 0px #0000000D;
backdrop-filter: blur(4px)
}
.sidebar-title {
color: #0F1729;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 15px;
text-align: left;
}
.category-list {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.category-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #f0f0f0;
font-size: 0.95rem;
}
.category-list li:last-child {
border-bottom: none;
}
.category-list a {
color: #667799;
text-decoration: none;
transition: color 0.2s;
}
.category-list a:hover {
color: #C657A0;
}
.post-count {
color: #9CA3AF;
background-color: #f5f5ff;
padding: 2px 8px;
border-radius: 5px;
font-weight: 500;
}
.stay-updated-block {
background-color: #FDF4FD;
border: 1px solid #FCE6F5;
text-align: center;
border: 1px solid #C657A033;
box-shadow: 0px 1px 2px 0px #0000000D;
backdrop-filter: blur(4px)
}
.personalized-advice-block {
background-color: #EFFFF3;
border: 1px solid #E0F5E6;
text-align: center;
border: 1px solid #28BD5A33
}
.sidebar-block .cta-icon-wrapper {
width: 40px;
height: 40px;
border-radius: 50%;
margin: 0 auto 10px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
}
.stay-updated-block .cta-icon-wrapper {
background-color: #E082B4;
color: var(--clr-white);
}
.personalized-advice-block .cta-icon-wrapper {
background-color: #28BD5A;
color: var(--clr-white);
}
.sidebar-block .sidebar-title {
text-align: center;
margin-bottom: 10px;
}
.sidebar-cta-text {
color: #6B7280;
font-size: 0.9rem;
margin-bottom: 20px;
}
.subscribe-btn {
background-color: #C657A0;
color: var(--clr-white);
padding: 10px 20px;
font-weight: 600;
border-radius: 8px;
display: block;
width: 100%;
text-align: center;
}
.book-consultation-sidebar-btn {
background-color: var(--clr-white);
color: #28BD5A;
border: 1px solid #28BD5A;
padding: 10px 20px;
font-weight: 600;
border-radius: 8px;
display: block;
width: 100%;
text-align: center;
}
@media (max-width: 1100px) {
.blog-content-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.featured-articles-grid {
grid-template-columns: 1fr;
}
.more-articles-title {
margin-top: 30px;
}
}
.master-program-section {
padding-block: var(--container-padding-block);
position: relative;
overflow: hidden;
padding-top: 100px;
background: url('/assets/images/hero-section-background.svg');
}
.master-program-container {
display: flex;
justify-content: space-between;
gap: 50px;
align-items: center;
position: relative;
z-index: 1;
}
.program-left-column {
flex: 1;
text-align: left;
max-width: 550px;
}
.program-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
border: 1px solid #C657A033;
backdrop-filter: blur(4px)
}
.program-title {
color: #0F1729;
font-size: 3rem;
font-weight: 700;
line-height: 1.1;
margin-bottom: 20px;
}
.program-title .highlight-pink {
color: #C657A0;
}
.program-description {
color: #667799;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 40px;
}
.program-stats-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 40px;
}
.program-stats-grid2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 40px;
}
.program-stat-item {
text-align: center;
padding: 15px;
border-radius: 8px;
}
.program-stat-item .stat-number {
color: #C657A0;
font-size: 1.8rem;
font-weight: 800;
margin: 0 0 5px 0;
line-height: 1;
}
.program-stat-item .stat-label {
color: #6B7280;
font-size: 0.9rem;
margin: 0;
}
.apply-now-btn {
background-color: #E082B4;
color: var(--clr-white);
padding: 12px 30px;
font-weight: 600;
border-radius: 8px;
border: none;
}
.apply-now-btn:hover {
background-color: #C657A0;
transform: translateY(-2px);
}
.program-right-column {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}
.program-image-wrapper {
position: relative;
border-radius: 15px;
overflow: visible;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
background-color: var(--clr-white);
}
.program-illustration {
width: 650px;
height: auto;
display: block;
object-fit: cover;
border-radius: 10px;
}
.decorative-tag {
position: absolute;
background-color: var(--clr-white);
padding: 10px 15px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
font-size: 0.9rem;
font-weight: 600;
color: #667799;
display: flex;
align-items: center;
gap: 8px;
line-height: 1.3;
text-align: left;
}
.decorative-tag i {
font-size: 1.1rem;
}
.top-right-tag {
top: -20px;
right: -20px;
color: #1F3347;
}
.top-right-tag i {
color: #C657A0;
}
.bottom-left-tag {
bottom: -20px;
left: -20px;
color: #1F3347;
}
.bottom-left-tag i {
color: #28BD5A;
}
@media (max-width: 992px) {
.master-program-container {
flex-direction: column;
gap: 40px;
margin-top: 100px;
}
.program-left-column {
max-width: 100%;
text-align: center;
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        gap:10px;
}
.program-tag-label {
margin: 0 auto 15px auto;
}
.program-title {
font-size: 2.5rem;
}
.program-stats-grid {
justify-content: center;
}
.program-stats-grid2 {
justify-content: center;
}
.program-image-wrapper {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.decorative-tag {
font-size: 0.8rem;
padding: 8px 12px;
}
.top-right-tag {
top: -10px;
right: -10px;
}
.bottom-left-tag {
bottom: -10px;
left: -10px;
}
}
@media (max-width: 600px) {
.program-title {
font-size: 2rem;
}
.program-stats-grid {
grid-template-columns: 1fr;
max-width: 200px;
margin-inline: auto 40px auto;
}
.program-stats-grid2 {
grid-template-columns: 1fr;
max-width: 200px;
margin-inline: auto 40px auto;
}
}
.program-options-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.program-options-header {
margin-bottom: 50px;
}
.options-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.options-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.program-cards-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
align-items: stretch;
}
.program-card {
background-color: var(--clr-white);
padding: 25px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: left;
display: flex;
flex-direction: column;
border: 2px solid #E2E4E9;
box-shadow: 0px 1px 2px 0px #0000000D;
}
.program-header-info {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 20px;
}
.duration-tag {
background: #C657A01A !important;
color: #C657A0 !important;
padding: 5px 10px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
}
.fee-info {
text-align: right;
}
.fee-amount {
color: #C657A0;
font-size: 1.8rem;
font-weight: 800;
line-height: 1;
display: block;
}
.fee-label {
color: #667799;
font-size: 0.9rem;
display: block;
}
.program-name {
color: #0F1729;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 10px;
}
.program-stats {
display: flex;
align-items: center;
gap: 8px;
color: #667799;
font-size: 0.9rem;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.program-stats .rating {
color: #F4C15A;
font-weight: 600;
}
.program-stats .stat-item:nth-child(even) {
color: #667799;
}
.program-summary {
color: #6B7280;
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 20px;
flex-grow: 1;
font-size: 17px;
}
.program-features-list {
list-style: none;
padding: 0;
margin-bottom: 30px;
}
.program-features-list li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
color: #1F3347;
font-size: 0.9rem;
}
.program-features-list i {
color: #28BD5A;
font-size: 1rem;
flex-shrink: 0;
margin-top: 3px;
}
.program-actions {
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 20px;
}
.apply-btn {
background-color: #C657A0;
color: var(--clr-white);
padding: 10px 20px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
text-align: center;
}
.apply-btn:hover {
background-color: #B04A8F;
}
.learn-more-link {
color: #1F3347;
font-weight: 600;
font-size: 0.95rem;
text-decoration: none;
transition: color 0.3s ease;
text-align: center;
justify-content: center;
border: 1px solid #E2E4E9;
padding: 10px 20px;
border-radius: 8px;
}
.learn-more-link:hover {
color: #E082B4;
}
@media (max-width: 992px) {
.program-cards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 768px) {
.program-cards-grid {
grid-template-columns: 1fr;
}
.options-title {
font-size: 2rem;
}
}
.why-choose-training-section {
background-color: #F8F8FC;
padding-block: var(--container-padding-block);
text-align: center;
background: linear-gradient(90deg, rgba(215, 66, 140, 0.05) 0%, rgba(28, 43, 74, 0.05) 100%);
}
.training-choice-title {
color: #1C2B4A;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 50px;
}
.training-features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.feature-card-item {
background-color: var(--clr-white);
padding: 30px 20px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
border: 1px solid #f0f0f0;
text-align: center;
box-shadow: 0px 1px 2px 0px #0000000D;
border: 1px solid #E2E4E9;
display: flex;
flex-direction: column;
align-items: center;
}
.feature-icon-wrapper {
width: 60px;
height: 60px;
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
color: var(--clr-white);
}
.pink-bg-dark {
background-color: #C657A0;
}
.pink-bg-light {
background-color: #E082B4;
}
.purple-bg {
background-color: #794D99;
}
.orange-bg {
background-color: #D7428C;
}
.feature-name {
color: #1C2B4A;
font-size: 1.15rem;
font-weight: 700;
margin-bottom: 10px;
}
.feature-detail {
color: #6B7280;
font-size: 0.95rem;
line-height: 1.5;
margin: 0;
}
@media (max-width: 992px) {
.training-features-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.training-choice-title {
font-size: 2rem;
}
.training-features-grid {
grid-template-columns: 1fr;
}
.feature-card-item {
padding: 25px;
}
}
.learning-platform-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
}
.platform-container {
display: flex;
justify-content: space-between;
gap: 50px;
align-items: center;
}
.platform-left-column {
flex: 1;
text-align: left;
max-width: 500px;
}
.platform-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.platform-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 20px;
}
.platform-description {
color: #667799;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 40px;
}
.platform-stats-row {
display: flex;
gap: 50px;
margin-bottom: 40px;
text-align: left;
}
.platform-stat-item {
padding-right: 25px;
border-right: 1px solid #eee;
}
.platform-stat-item:last-child {
border-right: none;
}
.platform-stat-item .stat-number {
color: #C657A0;
font-size: 2.5rem;
font-weight: 800;
margin: 0 0 5px 0;
line-height: 1;
}
.platform-stat-item .stat-label {
color: #6B7280;
font-size: 0.95rem;
margin: 0;
}
.explore-platform-btn {
background-color: #E082B4;
color: var(--clr-white);
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
border: none;
}
.explore-platform-btn:hover {
background-color: #C657A0;
transform: translateY(-2px);
}
.platform-right-column {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.platform-image-wrapper {
max-width: 500px;
height: auto;
}
.platform-illustration {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 992px) {
.platform-container {
flex-direction: column;
gap: 40px;
}
.platform-left-column {
max-width: 100%;
text-align: center;
order: 2;
}
.platform-right-column {
order: 1;
}
.platform-tag-label {
margin: 0 auto 15px auto;
}
.platform-stats-row {
justify-content: center;
}
}
@media (max-width: 600px) {
.platform-title {
font-size: 2rem;
}
.platform-stats-row {
flex-direction: column;
gap: 20px;
}
.platform-stat-item {
border-right: none;
padding-right: 0;
text-align: center;
}
}
.career-success-stories-section {
background: linear-gradient(to bottom right, #FFF9FC 0%, #FEEFFF 100%);
padding-block: var(--container-padding-block);
text-align: center;
background: linear-gradient(135deg, rgba(28, 43, 74, 0.05) 0%, rgba(215, 66, 140, 0.05) 100%);
}
.success-stories-header {
margin-bottom: 50px;
}
.success-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.success-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
max-width: 900px;
margin: 0 auto;
}
.testimonial-card {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
border: 1px solid #f0f0f0;
text-align: left;
display: flex;
flex-direction: column;
gap: 10px;
}
.testimonial-card .stars {
color: #FFC107;
font-size: 1.1rem;
}
.testimonial-quote {
color: #667799;
font-size: 1.1rem;
line-height: 1.6;
font-style: italic;
flex-grow: 1;
}
.testimonial-author {
border-top: 1px solid #f0f0f0;
padding-top: 20px;
}
.author-name {
color: #0F1729;
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 5px;
}
.author-title {
color: #C657A0;
font-size: 0.95rem;
margin-bottom: 3px;
font-weight: 600;
}
.author-location {
color: #6B7280;
font-size: 0.95rem;
margin-bottom: 15px;
}
.author-program {
color: #C657A0B2;
font-size: 0.9rem;
font-weight: 600;
}
@media (max-width: 992px) {
.testimonials-grid {
grid-template-columns: 1fr;
max-width: 500px;
}
}
@media (max-width: 600px) {
.success-title {
font-size: 2rem;
}
.testimonial-card {
padding: 25px;
}
.testimonial-quote {
font-size: 1rem;
}
}
.career-cta-banner {
background: linear-gradient(90deg, #D7428C 0%, #E082B4 50%, #B04A8F 100%);
padding-block: 100px;
text-align: center;
color: var(--clr-white);
position: relative;
overflow: hidden;
}
.career-cta-content {
display: flex;
flex-direction: column;
align-items: center;
margin-inline: auto;
position: relative;
z-index: 2;
}
.cta-icon-large {
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
margin-bottom: 25px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
color: var(--clr-white);
}
.career-cta-heading {
color: var(--clr-white);
font-size: 3rem;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.1;
}
.career-cta-subtext {
color: rgba(255, 255, 255, 0.9);
font-size: 1.1rem;
max-width: 600px;
margin-bottom: 40px;
line-height: 1.5;
}
.career-cta-buttons {
display: flex;
gap: 20px;
margin-bottom: 20px;
flex-wrap: wrap;
justify-content: center;
}
.apply-training-btn {
background-color: var(--clr-white);
color: #C657A0;
font-weight: 700;
padding: 12px 30px;
border: 2px solid var(--clr-white);
}
.apply-training-btn:hover {
background-color: #f0f0f0;
color: #B04A8F;
transform: translateY(-2px);
}
.call-now-secondary-btn {
background-color: transparent;
color: var(--clr-white);
font-weight: 700;
padding: 12px 30px;
border: 2px solid var(--clr-white);
}
.call-now-secondary-btn:hover {
background-color: rgba(255, 255, 255, 0.1);
transform: translateY(-2px);
}
.career-cta-stats-row {
display: flex;
justify-content: center;
gap: 60px;
padding-top: 20px;
}
.career-stat-item {
text-align: center;
}
.career-stat-item .stat-number {
color: var(--clr-white);
font-size: 1.8rem;
font-weight: 800;
margin-bottom: 5px;
line-height: 1;
}
.career-stat-item .stat-label {
color: rgba(255, 255, 255, 0.8);
font-size: 0.9rem;
font-weight: 500;
margin: 0;
}
@media (max-width: 768px) {
.career-cta-banner {
padding-block: 80px;
}
.career-cta-heading {
font-size: 2.2rem;
}
.career-cta-buttons {
flex-direction: column;
width: 80%;
margin-inline: auto;
}
.apply-training-btn,
.call-now-secondary-btn {
width: 100%;
}
.career-cta-stats-row {
flex-wrap: wrap;
gap: 30px;
}
}
.core-treatments-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.treatments-header {
margin-bottom: 50px;
}
.treatments-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.treatments-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.treatments-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.treatments-cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
align-items: stretch;
}
.treatment-card {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
border: 1px solid #f0f0f0;
text-align: left;
display: flex;
flex-direction: column;
position: relative;
}
.most-popular {
border-color: #E082B4;
box-shadow: 0 8px 25px rgba(224, 130, 180, 0.15);
padding-top: 50px;
}
.most-popular-tag {
position: absolute;
top: 0;
right: 0;
background-color: #E082B4;
color: var(--clr-white);
padding: 5px 15px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 0.8rem;
font-weight: 600;
}
.treatment-icon-top {
width: 100px;
}
.treatment-icon-img {
max-width: 100%;
height: auto;
display: block;
display: flex;
justify-content: center;
}
.treatment-name {
color: #0F1729;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 5px;
margin-top: 5px;
text-align: center;
}
.treatment-tagline {
color: #C657A0;
font-size: 0.9rem;
margin-bottom: 20px;
text-align: center;
}
.treatment-stats {
display: flex;
gap: 20px;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #f0f0f0;
justify-content: center;
}
.treatment-stats .stat-item {
text-align: center;
}
.treatment-stats .stat-value {
font-size: 1.8rem;
font-weight: 800;
line-height: 1;
display: block;
margin-bottom: 5px;
}
.treatment-stats .primary-color {
color: #28BD5A;
}
.treatment-stats .secondary-color {
color: #C657A0;
}
.treatment-stats .stat-label {
color: #9CA3AF;
font-size: 0.8rem;
text-transform: uppercase;
font-weight: 500;
}
.treatment-summary {
color: #667799;
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 20px;
flex-grow: 1;
}
.features-heading {
color: #0F1729;
font-weight: 600;
font-size: 1rem;
margin-bottom: 10px;
}
.treatment-features-list {
list-style: none;
padding: 0;
margin-bottom: 30px;
}
.treatment-features-list li {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 8px;
color: #6B7280;
font-size: 0.9rem;
}
.treatment-features-list i {
color: #28BD5A;
font-size: 1rem;
flex-shrink: 0;
margin-top: 2px;
}
.book-consultation-btn {
background-color: #C657A0;
color: var(--clr-white);
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
text-align: center;
width: 100%;
}
.book-consultation-btn:hover {
background-color: #B04A8F;
}
.transparent-btn {
background-color: transparent;
color: #C657A0;
border: 1px solid #C657A0;
}
.transparent-btn:hover {
background-color: #FCE6F5;
}
@media (max-width: 992px) {
.treatments-cards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.treatment-card.most-popular {
grid-column: span 2;
max-width: 500px;
margin-inline: auto;
}
}
@media (max-width: 768px) {
.treatments-title {
font-size: 2rem;
}
.treatments-cards-grid {
grid-template-columns: 1fr;
}
.treatment-card {
padding: 25px;
}
.treatment-card.most-popular {
grid-column: span 1;
max-width: 100%;
}
}
.additional-services-section {
background: linear-gradient(to top, #fff 0%, #FDF4FD 100%);
padding-block: var(--container-padding-block);
text-align: center;
background-color: #FFCBE533;
}
.additional-services-header {
margin-bottom: 50px;
}
.services-additional-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.services-additional-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.additional-services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
align-items: stretch;
}
.service-card {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
border: 1px solid #f0f0f0;
text-align: center;
display: flex;
flex-direction: column;
border: 1px solid #E2E4E94D;
box-shadow: 0px 1px 2px 0px #0000000D;
backdrop-filter: blur(4px)
}
.service-icon-wrapper {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #C657A0 0%, #E996BF 100%);
border-radius: 50%;
margin: 0 auto 20px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
color: #C657A0;
}
.service-name {
color: #0F1729;
font-size: 1.15rem;
font-weight: 700;
margin-bottom: 10px;
}
.service-brief {
color: #6B7280;
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 20px;
flex-grow: 1;
}
.service-card .learn-more-link {
color: #C657A0;
font-weight: 600;
font-size: 0.95rem;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
transition: color 0.3s ease;
margin-top: auto;
}
.service-card .learn-more-link:hover {
color: #E082B4;
}
@media (max-width: 992px) {
.additional-services-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.services-additional-title {
font-size: 2rem;
}
.additional-services-grid {
grid-template-columns: 1fr;
}
.service-card {
padding: 25px;
}
}
.unsure-cta-section {
background-color: #FDF4FD;
padding-block: var(--container-padding-block);
text-align: center;
}
.unsure-content-box {
max-width: 800px;
margin: 0 auto;
background-color: var(--clr-white);
padding: 50px 40px;
border-radius: 15px;
border: 2px solid transparent;
border-image: linear-gradient(to right, #C657A0, #F4C1E6) 1;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
backdrop-filter: blur(4px);
box-shadow: 0px 9px 19px 0px #0000001A;
box-shadow: 0px 35px 35px 0px #00000017;
box-shadow: 0px 78px 47px 0px #0000000D;
box-shadow: 0px 139px 56px 0px #00000003;
box-shadow: 0px 217px 61px 0px #00000000;
border: 1px solid #C657A0
}
.unsure-play-icon-wrapper {
width: 60px;
height: 60px;
background-color: #E082B4;
border-radius: 50%;
margin: 0 auto 20px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
color: var(--clr-white);
}
.unsure-title {
color: #0F1729;
font-size: 2rem;
font-weight: 700;
margin-bottom: 20px;
}
.unsure-description {
color: #667799;
font-size: 1rem;
max-width: 550px;
margin: 0 auto 30px auto;
line-height: 1.6;
}
.unsure-buttons {
display: flex;
justify-content: center;
gap: 15px;
margin-bottom: 40px;
}
.book-consult-btn-cta {
background-color: #C657A0;
color: var(--clr-white);
padding: 10px 20px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
border: 2px solid #C657A0;
}
.book-consult-btn-cta:hover {
background-color: #B04A8F;
}
.meet-doctor-btn-cta {
background-color: var(--clr-white);
color: #667799;
padding: 10px 20px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
border: 1px solid #ccc;
}
.meet-doctor-btn-cta:hover {
background-color: #f0f0f0;
}
.unsure-stats-row {
display: flex;
justify-content: center;
gap: 40px;
padding-top: 30px;
border-top: 1px solid #f0f0f0;
}
.unsure-stat-item {
text-align: center;
}
.unsure-stat-item .stat-number {
font-size: 1.5rem;
font-weight: 800;
margin-bottom: 5px;
line-height: 1;
}
.unsure-stat-item .primary-color {
color: #C657A0;
}
.unsure-stat-item .secondary-color {
color: #28BD5A;
}
.unsure-stat-item .stat-label {
color: #6B7280;
font-size: 0.85rem;
font-weight: 500;
margin: 0;
}
@media (max-width: 600px) {
.unsure-content-box {
padding: 30px 15px;
}
.unsure-title {
font-size: 1.6rem;
}
.unsure-buttons {
flex-direction: column;
width: 80%;
margin-inline: auto;
}
.book-consult-btn-cta,
.meet-doctor-btn-cta {
width: 100%;
}
.unsure-stats-row {
gap: 20px;
}
}
.excellence-steps-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.excellence-header {
margin-bottom: 50px;
}
.excellence-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.excellence-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.excellence-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
.excellence-features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.excellence-feature-card {
background-color: var(--clr-white);
padding: 30px 20px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
border: 1px solid #f0f0f0;
text-align: center;
}
.excellence-feature-card .feature-icon-wrapper {
width: 60px;
height: 60px;
border-radius: 12px;
margin: 0 auto 20px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
color: var(--clr-white);
}
.blue-icon-bg {
background-color: #5A8DEF;
}
.green-icon-bg {
background-color: #28BD5A;
}
.purple-icon-bg {
background-color: #C657A0;
}
.orange-icon-bg {
background-color: #FF7B4F;
}
.excellence-feature-card .feature-title {
color: #0F1729;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 5px;
line-height: 1.2;
}
.excellence-feature-card .feature-highlight {
color: #C657A0;
font-size: 0.95rem;
font-weight: 600;
margin-bottom: 15px;
}
.excellence-feature-card .feature-detail {
color: #6B7280;
font-size: 0.9rem;
line-height: 1.5;
margin: 0;
}
@media (max-width: 992px) {
.excellence-features-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.excellence-title {
font-size: 2rem;
}
.excellence-features-grid {
grid-template-columns: 1fr;
}
.excellence-feature-card {
padding: 25px;
}
}
.admission-journey-section {
background-color: #FDF4FD;
padding-block: var(--container-padding-block);
text-align: center;
background: linear-gradient(90deg, rgba(215, 66, 140, 0.05) 0%, rgba(28, 43, 74, 0.05) 100%);
}
.journey-header {
margin-bottom: 50px;
}
.journey-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.journey-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
.journey-steps-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.step-card1 {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: left;
position: relative;
display: flex;
flex-direction: column;
}
.step-number-tag {
position: absolute;
top: -15px;
right: -15px;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: var(--clr-white);
font-weight: 700;
font-size: 1rem;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.step-even .step-number-tag {
background-color: #E082B4;
}
.step-odd .step-number-tag {
background-color: #C657A0;
}
.step-icon-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
.step-icon-header .icon-wrapper {
width: 45px;
height: 45px;
background-color: #FCE6F5;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
color: #C657A0;
}
.step-title {
color: #0F1729;
font-size: 1.2rem;
font-weight: 500;
margin-bottom: 5px;
}
.step-duration {
color: #E082B4;
font-size: 0.9rem;
font-weight: 600;
margin: 0;
}
.step-duration i {
margin-right: 5px;
}
.step-summary {
color: #667799;
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 20px;
flex-grow: 1;
}
.step-details-list {
list-style: none;
padding: 0;
}
.step-details-list li {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 8px;
color: #6B7280;
font-size: 0.9rem;
}
.step-details-list i {
color: #28BD5A;
font-size: 1rem;
flex-shrink: 0;
margin-top: 2px;
}
@media (max-width: 992px) {
.journey-steps-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
@media (max-width: 600px) {
.journey-title {
font-size: 2rem;
}
.step-card1 {
padding: 25px;
}
}
.documentation-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.documentation-header {
margin-bottom: 50px;
}
.documentation-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.documentation-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.documentation-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.docs-content-grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 50px;
align-items: center;
}
.docs-lists-column {
text-align: left;
display: flex;
flex-direction: column;
gap: 20px;
}
.document-group-card {
background-color: var(--clr-white);
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
border-width: 1px, 1px, 1px, 4px;
border-style: solid;
box-shadow: 0px 1px 2px 0px #0000000D;
border-left: 3px solid #C657A080;
}
.group-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.group-header .header-icon-wrapper {
width: 40px;
height: 40px;
background-color: #E082B4;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.1rem;
color: var(--clr-white);
flex-shrink: 0;
}
.group-title {
color: #0F1729;
font-size: 1.1rem;
font-weight: 700;
margin: 0;
}
.document-list {
list-style: none;
padding: 0;
}
.document-list li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
color: #1F3347;
font-size: 0.95rem;
}
.document-list i {
color: #28BD5A;
font-size: 0.9rem;
flex-shrink: 0;
}
.security-info-card {
background-color: #FDF4FD;
padding: 20px;
border-radius: 10px;
border: 1px solid #FCE6F5;
text-align: left;
display: flex;
flex-direction: row;
gap:10px;
background: linear-gradient(90deg, rgba(215, 66, 140, 0.05) 0%, rgba(28, 43, 74, 0.05) 100%);
border: 1px solid #C657A01A
}
.security-info-card .header-icon-wrapper {
background-color: #E082B4;
}
.pink-bg-light-small {
width: 30px;
height: 30px;
border-radius: 50%;
margin-bottom: 10px;
font-size: 0.9rem;
}
.security-title {
color: #0F1729;
font-size: 1rem;
font-weight: 700;
margin-bottom: 10px;
}
.security-text {
color: #6B7280;
font-size: 0.9rem;
line-height: 1.5;
margin: 0;
}
.docs-image-column {
display: flex;
justify-content: center;
align-items: center;
}
.documentation-illustration {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 992px) {
.docs-content-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.docs-image-column {
order: 1;
}
.docs-lists-column {
order: 2;
}
}
@media (max-width: 600px) {
.documentation-title {
font-size: 2rem;
}
.document-group-card,
.security-info-card {
padding: 15px;
}
}
.beyond-medical-section {
background-color: #FDF4FD;
padding-block: var(--container-padding-block);
text-align: center;
background: linear-gradient(135deg, rgba(28, 43, 74, 0.05) 0%, rgba(215, 66, 140, 0.05) 100%);
}
.beyond-medical-header {
margin-bottom: 50px;
}
.support-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.support-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
text-align: center;
margin-bottom: 15px;
}
.support-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.support-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
align-items: stretch;
}
.support-feature-card {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: left;
box-shadow: 0px 1px 2px 0px #0000000D;
border: 1px solid #E2E4E9
}
.feature-header-left {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 15px;
}
.support-feature-card .header-icon-wrapper {
width: 45px;
height: 45px;
background-color: #C657A0;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.1rem;
color: var(--clr-white);
flex-shrink: 0;
}
.support-feature-card .feature-title {
color: #0F1729;
font-size: 1.2rem;
font-weight: 700;
margin: 0;
}
.feature-summary {
color: #667799;
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.feature-checklist {
list-style: none;
padding: 0;
}
.feature-checklist li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
color: #1F3347;
font-size: 0.9rem;
}
.feature-checklist i {
color: #28BD5A;
font-size: 1rem;
flex-shrink: 0;
margin-top: 2px;
}
@media (max-width: 992px) {
.support-features-grid {
gap: 20px;
}
}
@media (max-width: 768px) {
.support-title {
font-size: 2rem;
}
.support-features-grid {
grid-template-columns: 1fr;
}
.support-feature-card {
padding: 25px;
}
}
.dr-sarita-intro-section {
background: linear-gradient(135deg, rgba(198, 87, 160, 0.1) 0%, rgba(198, 87, 160, 0.1) 50%, rgba(240, 194, 224, 0.1) 100%);
padding-block: var(--container-padding-block);
padding-top: 150px;
}
.dr-intro-container {
display: flex;
justify-content: space-between;
gap: 50px;
align-items: center;
}
.dr-intro-left-column {
flex: 1;
text-align: left;
max-width: 500px;
}
.dr-name-heading {
color: #C657A0;
font-size: 3rem;
font-weight: 700;
margin-bottom: 5px;
line-height: 1.1;
}
.dr-title-subtitle {
color: #667799;
font-size: 1.1rem;
font-weight: 500;
margin-bottom: 30px;
}
.dr-bio-text {
color: #667799;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 30px;
}
.dr-book-consult-btn {
background-color: #C657A0;
color: var(--clr-white);
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
border: none;
}
.dr-book-consult-btn:hover {
background-color: #B04A8F;
transform: translateY(-2px);
}
.dr-intro-right-column {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.dr-image-wrapper {
max-width: 600px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
.dr-profile-image {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 992px) {
.dr-intro-container {
flex-direction: column;
gap: 40px;
}
.dr-intro-left-column {
order: 2;
max-width: 100%;
text-align: center;
}
.dr-intro-right-column {
order: 1;
}
.dr-name-heading {
font-size: 2.5rem;
}
.dr-book-consult-btn {
margin: 0 auto;
}
}
@media (max-width: 600px) {
.dr-name-heading {
font-size: 2rem;
}
}
.qualifications-section {
background-color: #ffffff;
padding-block: var(--container-padding-block);
text-align: center;
}
.qualifications-header {
margin-bottom: 50px;
}
.qualifications-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.qualifications-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.qualifications-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.qualifications-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
max-width: 900px;
margin: 0 auto;
}
.qualification-item {
background-color: var(--clr-white);
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
border: 1px solid #f0f0f0;
text-align: left;
display: flex;
align-items: center;
gap: 15px;
border-width: 1px, 1px, 1px, 4px;
border-left: 3px solid #C657A080;
}
.qualification-item .icon-wrapper {
width: 35px;
height: 35px;
background-color: #FCE6F5;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1rem;
color: #C657A0;
flex-shrink: 0;
}
.qualification-text {
color: #667799;
font-size: 0.95rem;
line-height: 1.4;
margin: 0;
}
.qualification-text strong {
color: #0F1729;
font-weight: 600;
}
.qualification-item.single-column-span {
grid-column: 1 / -1;
max-width: 440px;
margin-inline: auto;
}
@media (max-width: 768px) {
.qualifications-grid {
grid-template-columns: 1fr;
}
.qualification-item.single-column-span {
grid-column: 1;
max-width: 100%;
}
.qualifications-title {
font-size: 2rem;
}
}
.comprehensive-treatments-section {
background: linear-gradient(180deg, #FFFFFF 0%, rgba(240, 194, 224, 0.1) 100%);
padding-block: var(--container-padding-block);
text-align: center;
}
.comp-treatments-header {
margin-bottom: 50px;
}
.comp-treatments-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.comp-treatments-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.comp-treatments-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.service-card:hover{
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border-color: #FCE6F5;
    border: 1px solid #C657A0;
}
.program-card:hover{
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border-color: #FCE6F5;
    border: 2px solid #C657A0;
}
.treatment-card{
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border-color: #FCE6F5;
    border: 1px solid #C657A0;
}
.treatment-overview-card {
background-color: var(--clr-white);
padding: 25px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
border: 1px solid #f0f0f0;
text-align: left;
display: flex;
flex-direction: column;
border: 1px solid #E5E7EB;
box-shadow: 0px 1px 2px 0px #0000000D;
align-items: baseline;
height: 200px;
}
.treatment-overview-card .icon-wrapper {
width: 40px;
height: 40px;
background: #C657A01A;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.1rem;
color: #C657A0;
margin-bottom: 15px;
}
.treatment-overview-card .treatment-name {
color: #0F1729;
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 10px;
}
.treatment-overview-card .treatment-summary {
color: #6B7280;
font-size: 0.9rem;
line-height: 1.5;
margin: 0;
flex-grow: 1;
}
@media (max-width: 992px) {
.comp-treatments-grid {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
}
@media (max-width: 600px) {
.comp-treatments-title {
font-size: 2rem;
}
.comp-treatments-grid {
grid-template-columns: 1fr;
}
.treatment-overview-card {
padding: 20px;
}
}
.achievements-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
background: linear-gradient(113.38deg, #EEDDE6 0%, #F5EFF2 100%);
}
.achievements-container {
display: flex;
justify-content: space-between;
gap: 0px;
align-items: center;
flex-direction: column;
}
.achievements-container2 {
display: flex;
justify-content: space-between;
gap: 0px;
align-items: center;
flex-direction: row;
}
.achievements-left-column {
flex: 1.2;
text-align: left;
}
.achievements-title {
color: #0F1729;
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 30px;
}
.achievement-list-items {
display: flex;
flex-direction: column;
gap: 15px;
}
.achievement-item {
background-color: var(--clr-white);
padding: 15px 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
border: 1px solid #f0f0f0;
display: flex;
align-items: center;
gap: 15px;
border-left: 3px solid #C657A0;
}
.achievement-item .icon-wrapper {
width: 35px;
height: 35px;
background-color: #FCE6F5;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1rem;
color: #C657A0;
flex-shrink: 0;
}
.achievement-text {
color: #131E39;
font-size: 0.95rem;
line-height: 1.4;
margin: 0;
}
.achievements-right-column {
flex: 1;
display: flex;
justify-content: center;
align-items: flex-start;
}
.achievement-image-stack {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 450px;
}
.achievement-image-top,
.achievement-image-bottom {
width: 100%;
height: auto;
border-radius: 12px;
display: block;
}
@media (max-width: 992px) {
.achievements-container {
flex-direction: column;
gap: 40px;
}
.achievements-container2 {
flex-direction: column;
gap: 40px;
}
.achievements-left-column,
.achievements-right-column {
max-width: 100%;
text-align: center;
}
.achievements-title {
text-align: center;
font-size: 2rem;
}
.achievement-item {
max-width: 500px;
}
.achievement-image-stack {
max-width: 500px;
margin-inline: auto;
}
}
@media (max-width: 600px) {
.achievement-item {
flex-direction: column;
text-align: center;
padding: 15px;
}
.achievement-item .icon-wrapper {
margin-bottom: 10px;
}
}
.dr-philosophy-section {
background: linear-gradient(135deg, rgba(198, 87, 160, 0.1) 0%, rgba(198, 87, 160, 0.1) 50%, rgba(240, 194, 224, 0.1) 100%);
padding-block: var(--container-padding-block);
text-align: center;
}
.philosophy-container {
margin: 0 auto;
}
.philosophy-title {
color: #0F1729;
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 30px;
}
.philosophy-quote {
font-size: 1.4rem;
font-style: italic;
line-height: 1.5;
color: #667799;
max-width: 800px;
margin: 0 auto 30px auto;
padding: 0;
border: none;
font-weight: 500;
}
.philosophy-body-text {
color: #667799;
font-size: 1rem;
line-height: 1.6;
max-width: 750px;
margin: 0 auto 40px auto;
}
.schedule-consult-btn {
background-color: #C657A0;
color: var(--clr-white);
padding: 12px 30px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
border: none;
}
.schedule-consult-btn:hover {
background-color: #B04A8F;
transform: translateY(-2px);
}
@media (max-width: 768px) {
.philosophy-title {
font-size: 1.8rem;
}
.philosophy-quote {
font-size: 1.2rem;
padding-inline: 15px;
}
}
.contact-form-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.form-page-header {
margin-bottom: 50px;
}
.form-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 10px;
}
.form-title .highlight-pink {
color: #C657A0;
}
.form-description {
color: #667799;
font-size: 1rem;
max-width: 600px;
margin: 0 auto;
}
.contact-form-box {
max-width: 1000px;
margin: 0 auto;
background-color: var(--clr-white);
padding: 40px;
border-radius: 15px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
}
.form-box-title {
color: #0F1729;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 5px;
text-align: left;
}
.form-box-subtitle {
color: #667799;
font-size: 1rem;
margin-bottom: 30px;
text-align: left;
}
.main-contact-form {
display: flex;
flex-direction: column;
gap: 15px;
}
.form-row {
display: flex;
gap: 20px;
}
.form-group {
flex: 1;
display: flex;
flex-direction: column;
text-align: left;
}
.form-group label {
color: #667799;
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 5px;
}
.form-group input,
.form-group select,
.form-group textarea {
padding: 12px;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 1rem;
transition: border-color 0.3s;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
border-color: #C657A0;
outline: none;
}
.form-group textarea {
resize: vertical;
}
.form-checkbox-group {
display: flex;
align-items: flex-start;
gap: 10px;
margin-top: 5px;
margin-bottom: 15px;
font-size: 0.9rem;
color: #6B7280;
}
.form-checkbox-group input[type="checkbox"] {
margin-top: 4px;
accent-color: #C657A0;
}
.send-message-btn {
background-color: #C657A0;
color: var(--clr-white);
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
border: none;
cursor: pointer;
width: 100%;
}
.send-message-btn:hover {
background-color: #B04A8F;
}
.initial-consultation-info {
display: flex;
align-items: flex-start;
gap: 15px;
background-color: #FDF4FD;
padding: 15px 20px;
border-radius: 8px;
margin-top: 25px;
border: 1px solid #FCE6F5;
}
.initial-consultation-info i {
color: #C657A0;
font-size: 1.2rem;
flex-shrink: 0;
margin-top: 3px;
}
.initial-consultation-info h4 {
color: #0F1729;
font-size: 1rem;
font-weight: 700;
margin: 0 0 3px 0;
text-align: left;
}
.initial-consultation-info p {
color: #6B7280;
font-size: 0.9rem;
margin: 0;
line-height: 1.4;
text-align: left;
}
@media (max-width: 600px) {
.form-title {
font-size: 2rem;
}
.contact-form-box {
padding: 25px 15px;
}
.form-row {
flex-direction: column;
gap: 15px;
}
.form-checkbox-group {
font-size: 0.85rem;
}
}
.global-stats-section {
background-color: var(--clr-white);
padding-block: 60px;
text-align: center;
}
.global-stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
max-width: 1100px;
margin: 0 auto;
}
.global-stat-card {
background-color: var(--clr-white);
padding: 30px 20px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: center;
border: 1px solid #E2E4E9
}
.global-stat-card .stat-icon-wrapper {
width: 60px;
height: 60px;
background-color: #E082B4;
border-radius: 12px;
margin: 0 auto 15px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
color: var(--clr-white);
}
.global-stat-card .stat-number {
color: #C657A0;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 5px;
line-height: 1.2;
}
.global-stat-card .stat-label {
color: #1F3347;
font-size: 0.95rem;
line-height: 1.4;
margin: 0;
margin-bottom: 5px;
}
@media (max-width: 992px) {
.global-stats-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.global-stats-grid {
grid-template-columns: 1fr;
}
}
.why-kenya-section {
background: linear-gradient(to top, #fff 0%, #FDF4FD 100%);
padding-block: var(--container-padding-block);
text-align: center;
background: linear-gradient(90deg, rgba(215, 66, 140, 0.05) 0%, rgba(28, 43, 74, 0.05) 100%);
}
.kenya-header {
margin-bottom: 50px;
}
.kenya-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.kenya-title {
color: #1C2B4A;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.kenya-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.kenya-features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.kenya-feature-card {
background-color: var(--clr-white);
padding: 30px 20px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
border: 1px solid #f0f0f0;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid #E2E4E9;
box-shadow: 0px 1px 2px 0px #0000000D;
}
.kenya-feature-card .feature-icon-wrapper {
width: 60px;
height: 60px;
border-radius: 12px;
margin: 0 auto 20px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
color: var(--clr-white);
}
.green-bg {
background-color: #28BD5A;
}
.blue-bg {
background-color: #5A8DEF;
}
.purple-bg {
background-color: #A067E6;
}
.orange-bg {
background-color: #FF7B4F;
}
.kenya-feature-card .feature-name {
color: #1C2B4A;
font-size: 1.15rem;
font-weight: 700;
margin-bottom: 10px;
}
.kenya-feature-card .feature-detail {
color: #6B7280;
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 20px;
flex-grow: 1;
}
.feature-info-tag {
background-color: #FCE6F5;
color: #C657A0;
padding: 6px 12px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
background: #C657A01A;
}
@media (max-width: 992px) {
.kenya-features-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.kenya-title {
font-size: 2rem;
}
.kenya-features-grid {
grid-template-columns: 1fr;
}
.kenya-feature-card {
padding: 25px;
}
}
.pricing-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.pricing-header {
margin-bottom: 50px;
}
.pricing-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.pricing-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.pricing-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.pricing-cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
align-items: stretch;
}
.pricing-card {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: left;
display: flex;
flex-direction: column;
position: relative;
box-shadow: 0px 1px 2px 0px #0000000D;
border: 1px solid #E2E4E9
}
.most-popular-card {
border-color: #C657A0;
box-shadow: 0 8px 25px rgba(198, 87, 160, 0.15);
padding-top: 50px;
border: 1px solid #E2E4E9;
box-shadow: 0px 8px 10px -6px #0000001A;
box-shadow: 0px 20px 25px -5px #0000001A;
box-shadow: 0px 0px 0px 2px #D7428C33
}
.most-popular-tag {
position: absolute;
top: 0;
right: 0;
background-color: #C657A0;
color: var(--clr-white);
padding: 5px 15px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 0.8rem;
font-weight: 600;
}
.package-name {
color: #0F1729;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 10px;
}
.package-price-from {
color: #667799;
font-size: 1.1rem;
font-weight: 500;
margin-bottom: 10px;
}
.package-price-from .price-value {
color: #C657A0;
font-size: 2.5rem;
font-weight: 800;
line-height: 1;
margin-right: 5px;
}
.package-price-was {
color: #9CA3AF;
font-size: 0.95rem;
text-decoration: line-through;
margin-bottom: 15px;
}
.package-meta {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 25px;
justify-content: center;
}
.save-tag,
.duration-tag {
background-color: #DCFCE7;
color: #15803D;
padding: 4px 8px;
border-radius: 50px;
font-size: 0.8rem;
font-weight: 600;
}
.success-tag {
background-color: #DBEAFE;
color: #1D4ED8;
padding: 4px 8px;
border-radius: 50px;
font-size: 0.8rem;
font-weight: 600;
}
.package-features {
list-style: none;
padding: 0;
margin-bottom: 30px;
flex-grow: 1;
}
.package-features li {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 10px;
color: #1F3347;
font-size: 0.95rem;
}
.package-features i {
color: #28BD5A;
font-size: 1rem;
flex-shrink: 0;
margin-top: 2px;
}
.package-details-btn {
width: 100%;
text-align: center;
padding: 12px 20px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
margin-top: auto;
}
.primary-btn {
background-color: #C657A0;
color: var(--clr-white);
border: none;
}
.primary-btn:hover {
background-color: #B04A8F;
}
.secondary-btn {
background-color: var(--clr-white);
color: #C657A0;
border: 1px solid #C657A0;
}
.secondary-btn:hover {
background-color: #FCE6F5;
}
@media (max-width: 992px) {
.pricing-cards-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pricing-card:nth-child(3) {
grid-column: span 2;
max-width: 400px;
margin-inline: auto;
}
}
@media (max-width: 768px) {
.pricing-title {
font-size: 2rem;
}
.pricing-card,
.pricing-card:nth-child(3) {
max-width: 100%;
}
}
.journey-parenthood-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
background: linear-gradient(135deg, rgba(28, 43, 74, 0.05) 0%, rgba(215, 66, 140, 0.05) 100%);
}
.journey-parenthood-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 10px;
}
.journey-parenthood-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto 50px auto;
}
.journey-steps-grid-international {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
max-width: 1000px;
margin: 0 auto;
justify-content: center;
}
.step-card {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid #E2E4E9;
box-shadow: 0px 1px 2px 0px #0000000D;
}
.step-card:nth-child(n+4) {
max-width: 300px;
margin-inline: auto;
}
.step-number-wrapper {
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: var(--clr-white);
font-weight: 700;
font-size: 1rem;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.pink-bg-dark {
background-color: #C657A0;
}
.step-icon-wrapper {
width: 45px;
height: 45px;
background-color: #FCE6F5;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
color: #C657A0;
}
.step-name {
color: #0F1729;
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 10px;
}
.step-summary {
color: #667799;
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 20px;
flex-grow: 1;
}
.step-duration-tag {
color: #C657A0;
font-size: 0.9rem;
font-weight: 600;
margin-top: auto;
}
@media (max-width: 992px) {
.journey-steps-grid-international {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.step-card:nth-child(n+4) {
max-width: 100%;
margin-inline: 0;
}
}
@media (max-width: 600px) {
.journey-parenthood-title {
font-size: 2rem;
}
.journey-steps-grid-international {
grid-template-columns: 1fr;
}
.step-card {
padding: 25px;
}
}
.international-care-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
}
.care-container {
display: flex;
justify-content: space-between;
gap: 50px;
align-items: center;
}
.care-features-column {
flex: 1.5;
max-width: 600px;
}
.care-header {
text-align: left;
margin-bottom: 30px;
}
.care-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
display: inline-flex;
}
.care-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.care-description {
color: #667799;
font-size: 1rem;
line-height: 1.6;
}
.care-feature-card {
background-color: var(--clr-white);
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
margin-bottom: 15px;
text-align: left;
border: 1px solid #E2E4E9;
box-shadow: 0px 1px 2px 0px #0000000D;
}
.feature-header-left {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 10px;
}
.care-feature-card .header-icon-wrapper {
width: 35px;
height: 35px;
background-color: #E082B4;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1rem;
color: var(--clr-white);
flex-shrink: 0;
}
.care-feature-card .feature-title {
color: #0F1729;
font-size: 1.1rem;
font-weight: 700;
margin: 0;
}
.feature-summary {
color: #667799;
font-size: 0.9rem;
line-height: 1.4;
margin-bottom: 15px;
}
.feature-checklist-row {
display: flex;
gap: 20px;
}
.feature-checklist {
list-style: none;
padding: 0;
flex: 1;
}
.feature-checklist li {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 5px;
color: #6B7280;
font-size: 0.85rem;
}
.feature-checklist i {
color: #28BD5A;
font-size: 0.9rem;
flex-shrink: 0;
}
.care-illustration-column {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.illustration-wrapper {
max-width: 100%;
}
.care-illustration {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
.care-container {
flex-direction: column;
gap: 40px;
}
.care-features-column,
.care-illustration-column {
max-width: 100%;
width: 100%;
}
.care-header {
text-align: center;
}
.care-tag-label {
margin: 0 auto 15px auto;
}
}
@media (max-width: 600px) {
.care-title {
font-size: 2rem;
}
.feature-checklist-row {
flex-direction: column;
gap: 10px;
}
.care-feature-card {
padding: 15px;
}
}
.international-testimonials-section {
background-color: #FDF4FD;
padding-block: var(--container-padding-block);
text-align: center;
background: linear-gradient(90deg, rgba(215, 66, 140, 0.05) 0%, rgba(28, 43, 74, 0.05) 100%);
}
.testimonials-header {
margin-bottom: 50px;
}
.testimonials-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.testimonials-cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.testimonial-card {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: left;
display: flex;
flex-direction: column;
}
.client-name {
color: #0F1729;
font-size: 1.15rem;
font-weight: 700;
margin-bottom: 3px;
}
.client-location {
color: #9CA3AF;
font-size: 0.9rem;
}
.client-quote {
font-size: 1rem;
line-height: 1.5;
color: #667799;
padding: 0;
border: none;
flex-grow: 1;
}
.testimonial-details-row {
border-top: 1px solid #f0f0f0;
padding-top: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.detail-item {
display: flex;
justify-content: left;
}
.detail-label {
color: #9CA3AF;
font-size: 0.9rem;
font-weight: 500;
margin: 0;
}
.detail-value {
font-size: 0.95rem;
font-weight: 700;
margin: 0;
}
.dark-text {
color: #0F1729;
}
.pink-text {
color: #C657A0;
}
.green-text {
color: #28BD5A;
}
@media (max-width: 992px) {
.testimonials-cards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.testimonial-card:nth-child(3) {
grid-column: 1 / -1;
max-width: 500px;
margin-inline: auto;
}
}
@media (max-width: 768px) {
.testimonials-title {
font-size: 2rem;
}
.testimonials-cards-grid {
grid-template-columns: 1fr;
}
.testimonial-card,
.testimonial-card:nth-child(3) {
max-width: 100%;
}
}
.about-us-condition-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
}
.about-condition-container {
display: flex;
gap: 50px;
align-items: flex-start;
}
.about-condition-left-column {
flex: 1.2;
text-align: left;
}
.about-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
display: inline-flex;
}
.condition-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 25px;
}
.condition-paragraph-1,
.condition-paragraph-2,
.condition-paragraph-3 {
color: #667799;
font-size: 1rem;
line-height: 1.7;
margin-bottom: 20px;
}
.highlight-pink-bold {
color: #C657A0;
font-weight: 700;
}
.highlight-green-bold {
color: #28BD5A;
font-weight: 700;
}
.condition-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-bottom: 40px;
}
.feature-tag {
padding: 10px 15px;
border-radius: 8px;
font-size: 0.9rem;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
}
.feature-tag i {
font-size: 1rem;
}
.feature-tag-pink {
background-color: #FCE6F5;
color: #667799;
background: linear-gradient(90deg, rgba(215, 66, 140, 0.05) 0%, rgba(233, 150, 191, 0.05) 100%);
}
.feature-tag-green {
background: linear-gradient(90deg, rgba(40, 189, 90, 0.05) 0%, rgba(40, 189, 90, 0.1) 100%);
color: #667799;
}
.consult-btn-condition {
background-color: #C657A0;
color: var(--clr-white);
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
border: none;
}
.consult-btn-condition:hover {
background-color: #B04A8F;
}
.about-condition-right-column {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.image-feature-card {
position: relative;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
.card-image-background {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
filter: brightness(0.7);
}
.card-content-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
color: var(--clr-white);
text-align: left;
background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.consultation-card .card-content-overlay {
background: linear-gradient(to top, rgba(42, 39, 108, 0.7) 0%, rgba(42, 39, 108, 0.1) 100%);
}
.laboratory-card .card-content-overlay {
background: linear-gradient(to top, rgba(198, 87, 160, 0.8) 0%, rgba(198, 87, 160, 0.1) 100%);
}
.overlay-icon-badge {
position: absolute;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
background-color: var(--clr-white);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #C657A0;
font-size: 1rem;
}
.overlay-title {
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 5px;
margin-top: 50px;
}
.overlay-subtitle {
font-size: 0.9rem;
margin: 0;
}
@media (max-width: 992px) {
.about-condition-container {
flex-direction: column;
gap: 40px;
}
.about-condition-left-column {
max-width: 100%;
}
.about-condition-right-column {
width: 100%;
}
.condition-features-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.condition-title {
font-size: 2rem;
}
.card-content-overlay {
padding: 15px;
}
}
.achievements-section {
background: linear-gradient(to top, #fff 0%, #FDF4FD 100%);
padding-block: var(--container-padding-block);
text-align: center;
background: linear-gradient(113.38deg, #EEDDE6 0%, #F5EFF2 100%);
}
.achievements-header {
margin-bottom: 50px;
}
.achievements-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
}
.achievements-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.achievements-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.achievements-cards-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
max-width: 1300px;
margin: 0 auto;
}
.achievement-card {
background-color: var(--clr-white);
padding: 30px 20px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid #E2E4E94D;
}
.achievement-icon-wrapper {
width: 60px;
height: 60px;
border-radius: 12px;
margin: 0 auto 20px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
color: var(--clr-white);
}
.pink-bg-dark {
background-color: #C657A0;
}
.achievement-metric {
color: #C657A0;
font-size: 1.9rem;
font-weight: 800;
margin-bottom: 5px;
line-height: 1.1;
}
.achievement-highlight {
color: #0F1729;
font-size: 0.95rem;
font-weight: 600;
margin-bottom: 10px;
}
.achievement-detail {
color: #6B7280;
font-size: 0.9rem;
line-height: 1.5;
margin: 0;
}
@media (max-width: 1100px) {
.achievements-cards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.achievements-title {
font-size: 2rem;
}
.achievements-cards-grid {
grid-template-columns: 1fr;
}
.achievement-card {
padding: 25px;
}
}
.dr-sarita-full-profile-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
}
.dr-full-profile-container {
display: flex;
justify-content: space-between;
gap: 50px;
align-items: flex-start;
}
.dr-profile-left-column {
flex: 1.5;
text-align: left;
}
.profile-tag-label {
background-color: #FCE6F5;
color: #C657A0;
font-weight: 600;
margin-bottom: 15px;
display: inline-flex;
}
.dr-name-heading {
color: #1C2B4A;
font-size: 3rem;
font-weight: 700;
margin-bottom: 5px;
line-height: 1.1;
}
.dr-title-subtitle {
color: #C657A0;
font-size: 1.1rem;
font-weight: 500;
margin-bottom: 30px;
}
.dr-bio-text {
color: #667799;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 30px;
}
.education-list-wrapper {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 40px;
}
.education-item {
display: flex;
gap: 15px;
align-items: flex-start;
padding: 10px;
border: 1px solid #f0f0f0;
border-radius: 8px;
border: 1px solid #E2E4E94D;
box-shadow: 0px 1px 2px 0px #0000000D;
backdrop-filter: blur(4px);
padding: 25px;
}
.education-item .icon-wrapper {
width: 35px;
height: 35px;
background-color: #FCE6F5;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1rem;
color: #C657A0;
flex-shrink: 0;
margin-top: 5px;
}
.education-details {
text-align: left;
}
.education-details p {
margin: 0;
line-height: 1.4;
font-size: 0.95rem;
}
.education-details .school-name {
color: #0F1729;
font-weight: 700;
}
.education-details .degree-info {
color: #667799;
}
.education-details .extra-info {
color: #9CA3AF;
font-size: 0.85rem;
font-style: italic;
}
.profile-actions {
display: flex;
gap: 15px;
}
.consult-btn-profile {
background-color: #C657A0;
color: var(--clr-white);
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
border: none;
}
.consult-btn-profile:hover {
background-color: #B04A8F;
}
.treatments-btn-profile {
background-color: var(--clr-white);
color: #C657A0;
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 8px;
border: 1px solid #C657A0;
}
.treatments-btn-profile:hover {
background-color: #FCE6F5;
}
.dr-profile-right-column {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}
.dr-image-stats-card {
background-color: #FDF4FD;
padding: 40px 20px;
border-radius: 15px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
min-height: 450px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
text-align: center;
width: 550px;
background-image: url('/assets/images/Dr_Sarita_Sukhija.jpeg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.dr-profile-right-column .decorative-badge-top-right {
top: 20px;
right: 20px;
color: #C657A0;
}
.dr-profile-right-column .decorative-shield-bottom-left {
bottom: 20px;
left: 20px;
color: #28BD5A;
}
.dr-profile-right-column .decorative-badge-top-right,
.dr-profile-right-column .decorative-shield-bottom-left {
position: absolute;
width: 35px;
height: 35px;
border-radius: 50%;
background-color: var(--clr-white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
font-size: 1rem;
transform: none;
}
.dr-avatar-circle {
width: 100px;
height: 100px;
background-color: #E082B4;
border-radius: 50%;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
font-size: 3rem;
font-weight: 700;
color: var(--clr-white);
}
.card-dr-name {
color: #0F1729;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 10px;
}
.card-dr-title {
color: #667799;
font-size: 0.95rem;
margin-bottom: 10px;
}
.dr-stats-row {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.dr-stat-separator {
width: 1px;
height: 30px;
background-color: #C657A0;
opacity: 0.5;
}
.dr-stat-item {
text-align: center;
}
.dr-stat-item .dr-stat-number {
font-size: 1.1rem;
font-weight: 700;
color: #C657A0;
margin-bottom: 3px;
}
.dr-stat-item .dr-stat-label {
color: #6B7280;
font-size: 0.85rem;
margin: 0;
}
.highlight-green-text {
color: #28BD5A !important;
}
@media (max-width: 992px) {
.dr-full-profile-container {
flex-direction: column;
gap: 40px;
align-items: center;
}
.dr-profile-left-column {
order: 2;
max-width: 100%;
text-align: center;
}
.dr-profile-right-column {
order: 1;
}
.dr-name-heading {
font-size: 2rem;
}
.dr-title-subtitle {
font-size: 1rem;
}
.profile-actions {
justify-content: center;
}
.education-list-wrapper {
text-align: left;
}
}
@media (max-width: 600px) {
.dr-full-profile-container {
padding-inline: 15px;
}
.dr-profile-right-column {
width: 100%;
}
.dr-image-stats-card {
width: 100%;
padding: 30px 15px;
}
.education-item {
flex-direction: column;
align-items: baseline;
text-align: center;
}
.education-item .icon-wrapper {
margin-top: 0;
}
.profile-actions {
flex-direction: column;
}
.consult-btn-profile,
.treatments-btn-profile {
width: 100%;
}
}
.why-myra-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
background-color: #FDF8FA;
}
.myra-header {
margin-bottom: 50px;
}
.myra-tag-label {
background-color: #E6FFF0;
color: #28BD5A;
font-weight: 600;
margin-bottom: 15px;
}
.myra-tag-label i {
color: #28BD5A;
}
.myra-title {
color: #1C2B4A;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.myra-description {
color: #667799;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
.myra-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
max-width: 1100px;
margin: 0 auto;
}
.myra-feature-card {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: left;
display: flex;
flex-direction: column;
gap:10px;
}
.myra-feature-card .feature-icon-wrapper {
width: 50px;
height: 50px;
border-radius: 50%;
margin-bottom: 15px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5rem;
color: var(--clr-white);
}
.myra-feature-card:nth-child(1) .feature-icon-wrapper {
background-color: #E082B4;
color: var(--clr-white);
}
.myra-feature-card:nth-child(2) .feature-icon-wrapper {
background: linear-gradient(135deg, #C657A0 0%, #E996BF 100%);
color: #E082B4;
border-radius: 8px;
}
.myra-feature-card:nth-child(3) .feature-icon-wrapper {
background: linear-gradient(135deg, #C657A0 0%, #E996BF 100%);
color: #E082B4;
border-radius: 8px;
}
.myra-feature-card:nth-child(4) .feature-icon-wrapper {
background-color: #E082B4;
color: var(--clr-white);
}
.myra-feature-card .feature-title {
color: #0F1729;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 10px;
}
.myra-feature-card .feature-detail {
color: #6B7280;
font-size: 0.95rem;
line-height: 1.5;
margin: 0;
}
@media (max-width: 768px) {
.myra-title {
font-size: 2rem;
}
.myra-features-grid {
grid-template-columns: 1fr;
}
}
.combined-locations-cta-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
text-align: center;
}
.locations-header {
margin-bottom: 50px;
}
.locations-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.locations-grid-small {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
max-width: 900px;
margin: 0 auto 80px auto;
}
.location-card-small {
background-color: var(--clr-white);
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: left;
border: 1px solid #E2E4E94D;
box-shadow: 0px 1px 2px 0px #0000000D;
backdrop-filter: blur(4px)
}
.location-icon-wrapper-small {
width: 45px;
height: 45px;
background-color: #FCE6F5;
border-radius: 8px;
margin-bottom: 15px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
background: linear-gradient(135deg, #C657A0 0%, #E996BF 100%)
}
.location-name-small {
color: #0F1729;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 15px;
}
.location-address-small {
font-style: normal;
color: #667799;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #f0f0f0;
font-size: 0.95rem;
line-height: 1.4;
}
.location-details-small {
display: flex;
flex-direction: column;
gap: 10px;
}
.detail-item-small {
display: flex;
align-items: center;
gap: 10px;
color: #667799;
font-size: 0.95rem;
}
.detail-icon-small {
color: #C657A0;
font-size: 1rem;
flex-shrink: 0;
}
.meet-team-cta-block {
max-width: 650px;
margin: 0 auto;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
border: 1px solid #f0f0f0;
border: 1px solid #E2E4E94D;
box-shadow: 0px 1px 2px 0px #0000000D;
backdrop-filter: blur(4px)
}
.meet-team-title {
color: #0F1729;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 15px;
}
.meet-team-subtitle {
color: #667799;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 30px;
}
.meet-team-actions {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.schedule-consult-btn-small {
background-color: #C657A0;
color: var(--clr-white);
padding: 10px 20px;
font-size: 0.95rem;
font-weight: 600;
border-radius: 8px;
}
.schedule-consult-btn-small:hover {
background-color: #B04A8F;
}
.explore-services-btn-small {
background-color: var(--clr-white);
color: #C657A0;
padding: 10px 20px;
font-size: 0.95rem;
font-weight: 600;
border-radius: 8px;
border: 1px solid #C657A0;
}
.explore-services-btn-small:hover {
background-color: #FCE6F5;
}
@media (max-width: 768px) {
.locations-grid-small {
grid-template-columns: 1fr;
max-width: 450px;
}
.locations-title {
font-size: 2rem;
}
}
.specialists-team-section {
background-color: #F8F8FC;
padding-block: var(--container-padding-block);
text-align: center;
}
.specialists-header {
margin-bottom: 50px;
}
.specialists-tag-label {
background: #C657A01A;
color: #131E39;
font-weight: 600;
margin-bottom: 15px;
}
.specialists-title {
color: #131E39;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
}
.specialists-description {
color: #6B7C94;
font-size: 1rem;
max-width: 800px;
margin: 0 auto;
}
.specialists-cards-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
}
.specialist-card {
background-color: var(--clr-white);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
text-align: left;
transition: transform 0.3s ease;
box-shadow: 0px 1px 2px 0px #0000000D;
}
.specialist-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.specialist-image-wrapper {
position: relative;
width: 100%;
padding-bottom: 100%;
height: 0;
}
.specialist-photo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.9);
}
.name-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
color: var(--clr-white);
font-weight: 600;
font-size: 0.9rem;
text-align: left;
background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
z-index: 2;
background: #C657A0;
padding-inline: 10px;
padding-block: 6px;
border-radius: 15px;
width: fit-content;
margin: 8px;
}
.specialist-info {
padding: 15px 20px 20px 20px;
}
.dr-name {
color: #131E39;
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 3px;
}
.dr-role {
color: #C657A0;
font-size: 0.95rem;
font-weight: 500;
margin-bottom: 5px;
}
.dr-hospital {
color: #6B7C94;
font-size: 0.85rem;
line-height: 1.4;
margin-bottom: 10px;
min-height: 30px;
}
.dr-experience {
color: #16A34A;
font-size: 0.9rem;
font-weight: 600;
}
.dr-experience i {
color: #28BD5A;
margin-right: 5px;
}
@media (max-width: 1100px) {
.specialists-cards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 600px) {
.specialists-title {
font-size: 2rem;
}
.specialists-cards-grid {
grid-template-columns: 1fr;
}
}
.stories-right-column {
overflow: hidden;
position: relative;
}
.slider-track {
display: flex;
gap:20px;
transition: transform 0.5s ease-in-out;
}
.testimonial-card {
flex: 0 0 50%;
box-sizing: border-box;
}
.slider-navigation {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
gap: 15px;
}
.nav-dots-container {
display: flex;
gap: 8px;
}
.nav-dot {
height: 8px;
width: 8px;
background-color: #ccc;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s;
}
.nav-dot.active-dot {
background-color: #C657A0;
}
.nav-arrow {
cursor: pointer;
font-size: 18px;
color: #C657A0;
padding: 5px;
transition: color 0.3s;
}
.nav-arrow[style*="pointer-events: none"] {
color: #ccc !important;
}
@media (max-width: 768px) {
.testimonial-card {
flex: 0 0 100%;
width: 100%;
}
}
.error-message {
display: block;
color: #dc3545;
font-size: 0.875em;
margin-top: 5px;
min-height: 1.2em;
}
.form-group input.input-error,
.form-group select.input-error,
.form-group textarea.input-error {
border-color: #dc3545;
}
.about-us-main{
display: flex;
flex-direction: row;
gap:20px;
justify-content: center;
}
.card-container {
display: flex;
justify-content: space-between;
gap: 30px;
flex-wrap: wrap;
padding: 0 15px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.info-card {
flex: 1 1 30%;
width: 260px;
padding: 20px 10px;
text-align: center;
}
.icon-circle {
display: inline-flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
margin-bottom: 15px;
}
.card-heading {
font-size: 1.2rem;
color: white;
margin-bottom: 5px;
font-weight: 500;
}
.card-text {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.7);
margin: 0;
}
@media (max-width: 900px) {
.info-card {
flex: 1 1 45%;
}
}
@media (max-width: 600px) {
.info-card {
flex: 1 1 100%;
min-width: unset;
}
}
.blog-inner-page-section {
background-color: var(--clr-white);
padding-block: var(--container-padding-block);
}
.blog-main-content-grid {
display: grid;
grid-template-columns: 2.5fr 1fr;
gap: 40px;
text-align: left;
}
.post-main-title {
color: #0F1729;
font-size: 2.5rem;
font-weight: 800;
line-height: 1.2;
margin-bottom: 20px;
}
.post-meta-details {
color: #9CA3AF;
font-size: 0.9rem;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.post-meta-details .meta-item i {
color: #C657A0;
margin-right: 5px;
}
.post-body p {
margin-bottom: 20px;
}
.post-body strong {
color: #0F1729;
font-weight: 700;
}
.post-heading {
color: #C657A0;
font-size: 1.5rem;
font-weight: 700;
margin-top: 30px;
margin-bottom: 15px;
}
.difference-table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
border-radius: 8px;
overflow: hidden;
}
.difference-table th,
.difference-table td {
padding: 15px;
border: 1px solid #f0f0f0;
vertical-align: top;
}
.difference-table thead th {
background-color: #FDF4FD;
color: #C657A0;
font-weight: 700;
font-size: 1rem;
text-align: center;
}
.difference-table tbody tr:nth-child(odd) {
background-color: #fcfcfc;
}
.difference-table tbody td {
color: #4B5563;
font-size: 0.95rem;
line-height: 1.5;
}
.difference-table tbody td strong {
color: #0F1729;
}
.sidebar-column {
display: flex;
flex-direction: column;
gap: 20px;
}
.personalized-advice-block {
background-color: #EFFFF3;
border: 1px solid #E0F5E6;
text-align: center;
padding: 25px;
border-radius: 10px;
}
.personalized-advice-block .cta-icon-wrapper {
width: 40px;
height: 40px;
background-color: #28BD5A;
color: var(--clr-white);
border-radius: 50%;
margin: 0 auto 10px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
}
.book-consultation-sidebar-btn {
background-color: var(--clr-white);
color: #28BD5A;
border: 1px solid #28BD5A;
padding: 10px 20px;
font-weight: 600;
border-radius: 8px;
display: block;
width: 100%;
text-align: center;
}
.categories-block {
background-color: var(--clr-white);
padding: 25px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.categories-block .sidebar-title {
color: #0F1729;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 15px;
text-align: left;
}
.categories-block .category-list {
list-style: none;
padding: 0;
}
.categories-block .category-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #f0f0f0;
}
@media (max-width: 992px) {
.blog-main-content-grid {
grid-template-columns: 1fr;
}
.post-main-title {
font-size: 2rem;
}
}
@media (max-width: 600px) {
.post-main-title {
font-size: 1.8rem;
}
.difference-table {
display: block;
overflow-x: auto;
}
}
.nav-list > .has-submenu {
position: relative;
}
.submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 1000;
list-style: none;
padding: 10px;
margin: 0;
grid-template-columns: 1fr 1fr;
min-width: 450px;
gap: 5px 0;
}
.submenu li a {
padding: 8px 15px;
display: block;
text-decoration: none;
color: #333;
white-space: nowrap;
}
.submenu li a:hover {
background-color: #f0f0f0;
}
.nav-list > .has-submenu:hover > .submenu {
display: grid;
}
@media screen and (max-width: 768px) {
.submenu {
grid-template-columns: 1fr;
min-width: 100%;
left: 0;
right: 0;
border: none;
box-shadow: none;
}
.submenu {
max-height: 40vh;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: 20px;
}
.nav-list {
width: 100%;
text-align: center;
}
.nav-list > li {
width: 100%;
}
}
.treatment-page-hero {
background: linear-gradient(to right, #fff 0%, #FDF4FD 100%);
padding-block: 50px 70px;
text-align: center;
}
.treatment-page-hero .treatments-tag-label {
margin: 0 auto 15px auto;
}
.treatment-page-hero .treatments-title {
font-size: 3rem;
margin-bottom: 10px;
}
.treatment-page-hero .treatments-description {
max-width: 700px;
margin: 0 auto;
}
.treatment-content-section {
padding-block: var(--container-padding-block);
background-color: var(--clr-white);
}
.treatment-content-grid {
display: grid;
grid-template-columns: 2.5fr 1fr;
gap: 50px;
text-align: left;
}
.treatment-main-container .post-main-title {
color: #0F1729;
font-size: 2rem;
font-weight: 700;
margin-top: 0;
margin-bottom: 25px;
}
.treatment-main-container .mt-50 {
margin-top: 50px;
}
.treatment-detail-column p {
color: #4B5563;
line-height: 1.7;
margin-bottom: 20px;
}
.treatment-detail-column strong {
color: #0F1729;
font-weight: 700;
}
.treatment-detail-column .highlight-paragraph {
background-color: #FDF4FD;
padding: 15px;
border-left: 4px solid #C657A0;
border-radius: 4px;
font-style: italic;
}
.ivf-step-block {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px dashed #eee;
}
.step-heading {
color: #C657A0;
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 15px;
}
.sidebar-info-box {
background-color: #F8F8F8;
padding: 30px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}
.sidebar-box-title {
color: #0F1729;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 10px;
}
.sidebar-box-text {
color: #6B7280;
font-size: 0.95rem;
margin-bottom: 20px;
}
.sidebar-cta {
display: block;
width: 100%;
text-align: center;
padding: 12px;
background-color: #C657A0;
color: var(--clr-white);
border-radius: 8px;
font-weight: 600;
}
.sidebar-cta:hover {
background-color: #B04A8F;
}
.feature-list-small {
list-style: none;
padding: 0;
}
.feature-list-small li {
display: flex;
align-items: center;
gap: 10px;
color: #4B5563;
font-size: 0.9rem;
margin-bottom: 8px;
}
.feature-list-small i {
color: #28BD5A;
}
@media (max-width: 992px) {
.treatment-content-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.treatment-page-hero .treatments-title {
font-size: 2.5rem;
}
}
@media (max-width: 600px) {
.treatment-page-hero .treatments-title {
font-size: 2rem;
}
.treatment-main-container .post-main-title {
font-size: 1.5rem;
}
.step-heading {
font-size: 1.2rem;
}
}
.internal-link{
color: #C657A0;
text-decoration: underline;
}
@media(max-width:768px){
    .about-us-main{
        flex-direction: column;
        align-items: center;
    }
    .hero-description{
        width: 100%;
    }
}
.blog-placeholder-image{
    width: 100px;
    height: 100px;
    border-radius: 10px;
}

@media only screen and (max-width: 1099px) {
  /* Hide submenu initially */
  .nav-list > .has-submenu .submenu {
    display: none;
    top: 100%; /* Position submenu below parent item */
    left: 0;
    width: 100%;
    background: var(--clr-light-grey);
    padding-left: 15px;
    z-index: 999; /* Ensure submenu appears above other items */
    height: 150px;
    border-top: 1px solid #C657A0;
    border-bottom: 1px solid #C657A0;
  }
}
.social-icons-footer{
    display: flex;
    flex-direction: row;
    gap:10px;
}
/* --- ART Confirmation Banner Styles --- */

/* Outer container to apply the box shadow and centering */
.art-confirmation-banner {
    /* Optional: Add padding to ensure the shadow/border has space */
    padding: 20px; 
    text-align: center;
    background-color: #f7f7f7; /* Light background for contrast, if needed */
    padding-block: 100px;
}

/* Inner container that holds the content and the pink border */
.art-confirmation-content {
    display: flex;
    align-items: center;
    max-width: 800px; /* Adjust max width as needed */
    margin: 0 auto;
    padding: 20px 30px;
    background-color: white;
    
    /* Pink border matching the screenshot's color and rounded corners */
    border: 1px solid #E996BF; 
    border-radius: 8px;
    
    /* Box shadow for a lift effect, if desired, similar to the image's framing */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); 
}

/* Style for the ICMR logo */
.icmr-logo {
    width: 155px;
    height: auto;
    margin-right: 10px;
    flex-shrink: 0;
}

/* Style for the main text paragraph */
.confirmation-text {
    text-align: left;
    font-size: 1.15rem;
    line-height: 1.6;
    color: #333;
    margin: 0; /* Remove default paragraph margin */
    font-size: 24px;
}

/* Style for the bold, highlighted text */
.confirmation-text .highlight {
    font-weight: 700;
    color: #333; /* Use a dark color for bold text */
    /* If you want the pink color: color: #E996BF; */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 650px) {
    .art-confirmation-content {
        flex-direction: column; /* Stack logo and text vertically */
        text-align: center;
        padding: 20px 15px;
    }

    .icmr-logo {
        margin-right: 0;
        margin-bottom: 15px;
        width: 80px; /* Slightly smaller logo on mobile */
    }

    .confirmation-text {
        text-align: center;
        font-size: 1rem;
    }
}
.program-options-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media(min-width:1086px){
    .program-cards-grid{
        width: 1000px;
    }
}

/* --- How to Take Admission Section Styles --- */

.admission-process-section {
    background-color: var(--clr-white);
    padding-block: var(--container-padding-block);
    text-align: center;
}

.admission-header {
    margin-bottom: 60px;
}

.admission-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.admission-description {
    color: #4B5563;
    font-size: 1rem;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

.admission-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.admission-step-card {
    background-color: var(--clr-white);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    text-align: left;
    position: relative;
    padding-top: 50px; /* Space for the step number */
    transition: transform 0.3s ease;
}
.admission-step-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}


.step-number {
    position: absolute;
    top: -15px; /* Position above the card */
    left: 20px;
    background-color: #C657A0; /* Pink background for the number */
    color: var(--clr-white);
    font-size: 0.9rem;
    font-weight: 600;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.step-icon-wrapper {
    width: 45px;
    height: 45px;
    background-color: #FCE6F5; /* Light pink background */
    border-radius: 8px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    color: #C657A0;
}

.step-title {
    color: #0F1729;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.step-description {
    color: #6B7280;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 20px;
    min-height: 60px; /* Ensure consistent height for descriptions */
}

.step-action-link {
    color: #C657A0;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    transition: color 0.3s ease;
}
.step-action-link:hover {
    color: #B04A8F;
}
.step-action-link i {
    font-size: 0.8rem;
}


/* Responsive adjustments */
@media (max-width: 992px) {
    .admission-steps-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    .admission-title {
        font-size: 2rem;
    }
}

@media (max-width: 600px) {
    .admission-steps-grid {
        grid-template-columns: 1fr;
    }
    .admission-step-card {
        padding: 40px 20px 20px 20px; /* Adjust padding for smaller cards */
    }
    .step-description {
        min-height: auto; /* Remove fixed height on small screens */
    }
}

/* --- Training Schedule Section Styles --- */

.training-schedule-section {
    background-color: var(--clr-white);
    padding-block: var(--container-padding-block);
    text-align: center;
    background: linear-gradient(90deg, rgba(215, 66, 140, 0.05) 0%, rgba(28, 43, 74, 0.05) 100%);

}

.schedule-header {
    margin-bottom: 50px;
}

.schedule-tag-label {
    background-color: #FCE6F5;
    color: #C657A0;
    font-weight: 600;
    margin-bottom: 15px;
}

.schedule-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
}

/* Schedule Table Styling */
.schedule-table-wrapper {
    max-width: 800px;
    margin: 0 auto;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
}

.course-schedule-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.course-schedule-table th {
    background-color: #C657A0; /* Pink header background */
    color: var(--clr-white);
    padding: 15px;
    font-size: 1rem;
    font-weight: 600;
}

.course-schedule-table td {
    background-color: var(--clr-white);
    padding: 15px;
    border: 1px solid #f0f0f0;
    color: #4B5563;
    font-size: 0.95rem;
}

.course-schedule-table tbody tr td:last-child {
    color: #C657A0;
    font-weight: 600;
}

/* Candidate Categories Block */
.candidate-categories-block {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #E0E2F3; /* Light blue border */
    border-radius: 8px;
    background-color: #F8F8FC; /* Very light background */
    text-align: left;
}

.category-icon-header {
    color: #1C2B4A; /* Dark blue/purple text */
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
}

.category-icon-header i {
    color: #5A8DEF; /* Blue icon color */
    font-size: 1.2rem;
}

.category-details p {
    color: #4B5563;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 10px;
}
.category-details p strong {
    color: #0F1729;
    font-weight: 700;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .schedule-title {
        font-size: 2rem;
    }
    .schedule-table-wrapper {
        overflow-x: auto; /* Enable horizontal scroll for table on small screens */
        white-space: nowrap;
    }
    .course-schedule-table {
        min-width: 600px;
    }
}
/* --- Seat Availability Section Styles --- */

.seat-availability-section {
    background-color: var(--clr-white);
    padding-block: var(--container-padding-block);
    text-align: center;
}

.availability-header {
    margin-bottom: 50px;
}

.availability-title {
    color: #1C2B4A; /* Dark blue/purple heading */
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.availability-description {
    color: #4B5563;
    font-size: 1rem;
    max-width: 700px;
    margin: 0 auto;
}

.availability-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 850px;
    margin: 0 auto;
}

.availability-card {
    background-color: var(--clr-white);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.card-icon-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.availability-card .icon-wrapper {
    width: 45px;
    height: 45px;
    background-color: #E082B4;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    color: var(--clr-white);
    flex-shrink: 0;
}

.course-name {
    color: #0F1729;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
}

/* Stat Rows */
.stat-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.highlight-row-light {
    background-color: #FDF4FD; /* Very light pink background */
    border-bottom: 1px solid #FCE6F5;
}

.highlight-row-dark {
    background-color: #F8F8FC; /* Slightly darker background */
}

.stat-label {
    color: #4B5563;
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

.stat-value {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}
.pink-text {
    color: #C657A0;
}

.duration-fee-info {
    background-color: #FDF4FD;
    padding: 15px;
    border-radius: 6px;
    margin-top: 10px;
}
.duration-fee-info p {
    color: #6B7280;
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .availability-title {
        font-size: 2rem;
    }
    .availability-cards-grid {
        grid-template-columns: 1fr;
    }
    .availability-card {
        max-width: 400px;
        margin-inline: auto;
    }
}

/* --- Entrance Exam & Eligibility Section Styles --- */

.eligibility-section {
    /* Subtle background gradient */
    background: linear-gradient(90deg, rgba(28, 43, 74, 0.05) 0%, rgba(215, 66, 140, 0.05) 100%);
    padding-block: var(--container-padding-block);
    text-align: center;
}

.eligibility-header {
    margin-bottom: 50px;
}

.eligibility-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.eligibility-description {
    color: #4B5563;
    font-size: 1rem;
    max-width: 700px;
    margin: 0 auto;
}

.eligibility-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 900px;
    margin: 0 auto 50px auto;
}

.eligibility-item-card {
    background-color: var(--clr-white);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    text-align: left;
    display: flex;
    flex-direction: column;
    border: 1px solid #E2E4E9;
    box-shadow: 0px 1px 2px 0px #0000000D;
}

.eligibility-item-card .card-icon-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.eligibility-item-card .icon-wrapper {
    width: 40px;
    height: 40px;
    background-color: #FCE6F5;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    color: #C657A0;
    flex-shrink: 0;
}

.eligibility-item-card .card-title {
    color: #0F1729;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
}

.eligibility-item-card .card-detail {
    color: #4B5563;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}
.eligibility-item-card .card-detail strong {
    color: #C657A0;
    font-weight: 700;
}

/* Important Notice Box */
.important-notice-box {
    max-width: 900px;
    margin: 0 auto;
    background-color: var(--clr-white);
    padding: 30px;
    border-radius: 15px;
    text-align: left;
    border-left: 3px solid #D7428C !important;

}

.notice-title {
    color: #0F1729;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}

.notice-text {
    color: #4B5563;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 15px;
}
.notice-text:last-child {
    margin-bottom: 0;
    color: #C657A0;
    font-style: italic;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .eligibility-title {
        font-size: 2rem;
    }
    .eligibility-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .important-notice-box {
        padding: 25px;
    }
}

/* --- Payment Method Section Styles --- */

.payment-method-section {
    background-color: var(--clr-white);
    padding-block: 80px; /* Adjust padding as needed */
    text-align: center;
}

.payment-header {
    margin-bottom: 50px;
}

.payment-tag-label {
    background-color: #FCE6F5;
    color: #C657A0;
    font-weight: 600;
    margin-bottom: 15px;
}

.payment-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
}

.payment-contact-box {
    max-width: 550px;
    margin: 0 auto;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    text-align: center;
    background-color: var(--clr-white);
}

.payment-contact-box .contact-icon-wrapper {
    width: 60px;
    height: 60px;
    background-color: #FCE6F5;
    border-radius: 50%;
    margin: 0 auto 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    color: #C657A0;
}

.payment-contact-box .contact-title {
    color: #0F1729;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.payment-contact-box .contact-subtext {
    color: #4B5563;
    font-size: 1rem;
    margin-bottom: 25px;
}

.email-link-btn {
    background-color: #C657A0;
    color: var(--clr-white);
    padding: 12px 25px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    transition: background-color 0.3s;
}
.email-link-btn i {
    margin-right: 5px;
}
.email-link-btn:hover {
    background-color: #B04A8F;
}


/* Responsive adjustments */
@media (max-width: 600px) {
    .payment-title {
        font-size: 2rem;
    }
    .payment-contact-box {
        padding: 30px 15px;
    }
}

/* --- Trainees Feedback Section Styles --- */

.trainees-feedback-section {
    background-color: #F8F8FC; /* Light background from the image */
    padding-block: var(--container-padding-block);
    text-align: center;
    background: linear-gradient(135deg, rgba(215, 66, 140, 0.05) 0%, rgba(28, 43, 74, 0.05) 100%);

}

.feedback-header {
    margin-bottom: 50px;
}

.feedback-tag-label {
    background-color: #FCE6F5;
    color: #C657A0;
    font-weight: 600;
    margin-bottom: 15px;
}

.feedback-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.feedback-description {
    color: #4B5563;
    font-size: 1rem;
    max-width: 700px;
    margin: 0 auto;
}

.video-cta-box {
    max-width: 600px;
    margin: 0 auto;
    background-color: var(--clr-white);
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
}

.video-link-content {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    justify-content: center;
}

.play-icon-wrapper {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    color: #E082B4; /* Pink play icon color */
    flex-shrink: 0;
}
.play-icon-wrapper i {
    font-size: 2rem;
}

.video-text-details {
    text-align: left;
}

.video-title-small {
    color: #0F1729;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.video-subtitle-small {
    color: #4B5563;
    font-size: 0.95rem;
    margin: 0;
}

.watch-testimonials-btn {
    background-color: var(--clr-white);
    color: #0F1729; /* Dark text */
    padding: 10px 20px;
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid #ddd;
    transition: background-color 0.3s;
}
.watch-testimonials-btn:hover {
    background-color: #f0f0f0;
}
.watch-testimonials-btn i {
    color: #C657A0;
    margin-right: 5px;
    transform: rotate(90deg); /* Rotate arrow to point down */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .feedback-title {
        font-size: 2rem;
    }
    .video-link-content {
        flex-direction: column;
        text-align: center;
    }
    .video-text-details {
        text-align: center;
    }
}

/* --- Admission Application Form Section Styles --- */

.admission-form-section {
    background-color: var(--clr-white);
    padding-block: var(--container-padding-block);
    text-align: center;
}

.admission-header {
    margin-bottom: 40px;
}

.admission-form-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.admission-form-description {
    color: #4B5563;
    font-size: 1rem;
    max-width: 600px;
    margin: 0 auto;
}

.admission-form-box {
    max-width: 900px;
    margin: 0 auto;
    background-color: var(--clr-white);
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
}

.admission-application-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.admission-application-form .form-row {
    display: flex;
    gap: 20px;
}

.admission-application-form .form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.admission-application-form label {
    color: #4B5563;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.admission-application-form input,
.admission-application-form select,
.admission-application-form textarea {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 1rem;
    transition: border-color 0.3s;
    background-color: var(--clr-white);
}

.admission-application-form input:focus,
.admission-application-form select:focus,
.admission-application-form textarea:focus {
    border-color: #C657A0;
    outline: none;
}

.admission-application-form textarea {
    resize: vertical;
}

.submit-application-btn {
    background-color: #C657A0;
    color: var(--clr-white);
    padding: 15px 30px;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    width: auto;
    margin-top: 10px;
    align-self: center; /* Center the submit button */
}
.submit-application-btn:hover {
    background-color: #B04A8F;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .admission-form-title {
        font-size: 2rem;
    }
    .admission-form-box {
        padding: 20px;
    }
    .admission-application-form .form-row {
        flex-direction: column;
        gap: 20px;
    }
    .submit-application-btn {
        width: 100%;
    }
}
/* --- Patient Process Section Styles --- */

.patient-process-section {
    background-color: var(--clr-white);
    padding-block: var(--container-padding-block);
}

.process-main-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    align-items: flex-start;
}

/* Left Column: Process Steps */
.process-steps-column {
    text-align: left;
}

.process-block {
    margin-bottom: 40px;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border: 2px solid #C657A033;
    box-shadow: 0px 4px 6px -4px #0000001A;
    box-shadow: 0px 10px 15px -3px #0000001A;

}

.process-block .block-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.process-block .block-icon {
    width: 40px;
    height: 40px;
    background-color: #FCE6F5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    color: #C657A0;
    flex-shrink: 0;
}

.process-block .block-title {
    color: #0F1729;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
}

.process-checklist {
    list-style: none;
    padding: 0;
}

.process-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    color: #4B5563;
    font-size: 0.95rem;
    line-height: 1.5;
}

.process-checklist i {
    color: #C657A0; /* Pink checkmarks */
    font-size: 0.9rem;
    flex-shrink: 0;
    margin-top: 5px;
}


/* Right Column: Contact Sidebar */
.contact-sidebar-column {
    text-align: left;
}

/* Get In Touch Form Box */
.sidebar-contact-box {
    background-color: #C657A0; /* Dark pink background */
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(198, 87, 160, 0.2);
    color: var(--clr-white);
    margin-bottom: 30px;
}

.contact-box-header {
    margin-bottom: 25px;
}

.sidebar-icon {
    font-size: 1.8rem;
    margin-bottom: 15px;
    display: block;
}

.sidebar-contact-box .sidebar-title {
    color: var(--clr-white);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.sidebar-contact-box .sidebar-subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
    margin: 0;
}

.sidebar-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar-form input,
.sidebar-form textarea {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    font-size: 0.95rem;
    background-color: rgba(255, 255, 255, 0.9);
    color: #4B5563;
}

.sidebar-form input::placeholder,
.sidebar-form textarea::placeholder {
    color: #9CA3AF;
}

.send-inquiry-btn {
    background-color: #E082B4; /* Lighter pink button */
    color: var(--clr-white);
    padding: 12px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 6px;
    border: none;
    margin-top: 10px;
}
.send-inquiry-btn:hover {
    background-color: #B04A8F;
}

/* Quick Information Box */
.sidebar-quick-info-box {
    background-color: #F8F8FC;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #E2E4E9;
    box-shadow: 0px 1px 2px 0px #0000000D;

}

.info-box-title {
    color: #0F1729;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.info-item {
    margin-bottom: 15px;
}

.info-label {
    color: #4B5563;
    font-size: 0.95rem;
    margin-bottom: 5px;
    display: flex;
    gap:5px;
    align-items: center;
}
.info-label i {
    color: #C657A0;
    margin-right: 8px;
}

.info-value {
    color: #0F1729;
    font-size: 0.95rem;
    font-weight: 600;
    margin-left: 20px;
}


/* Responsive adjustments */
@media (max-width: 992px) {
    .process-main-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .process-block {
        padding: 20px;
    }
}
@media (max-width: 600px) {
    .process-main-grid {
        padding-inline: 15px;
    }
    .process-block .block-title {
        font-size: 1.3rem;
    }
    .process-checklist li {
        font-size: 0.9rem;
    }
}

/* --- Treatment Packages Section Styles --- */

.treatment-packages-section {
    background-color: var(--clr-white);
    padding-block: var(--container-padding-block);
    text-align: center;
}

.packages-header {
    margin-bottom: 50px;
}

.packages-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}

.packages-subtitle {
    color: #4B5563;
    font-size: 1rem;
    max-width: 800px;
    margin: 0 auto;
}

.packages-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 700px;
    margin: 0 auto 30px auto;
}

.package-card {
    background-color: var(--clr-white);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 2px solid #E2E4E9;
    box-shadow: 0px 1px 2px 0px #0000000D;

}


.package-name-header {
    padding: 15px 20px;
    text-align: left;
    color: #0F1729;
}
.pink-bg-header {
    background-color: #FDF4FD;
}
.grey-bg-header {
    background-color: #F8F8FC;
}
.grey-bg-header-light {
    background-color: #F8F8FC;
}
.transparent-bg-header {
    background-color: var(--clr-white);
}


.package-name {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
}

.package-content {
    padding: 20px;
    flex-grow: 1;
    text-align: left;
}

.package-detail {
    color: #4B5563;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 30px;
    min-height: 50px; /* Ensure visual consistency */
}

.package-price {
    color: #C657A0;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
}
.package-price .price-value {
    font-size: 2rem;
    font-weight: 800;
}
.custom-quote {
    color: #C657A0;
    font-size: 1.5rem;
    font-weight: 700;
}


/* Final Note Styling */
.package-note-box {
    max-width: 700px;
    margin: 0 auto;
    background: #F3F4F680;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #E2E4E9
}
.package-note-box p {
    color: #6B7280;
    font-size: 0.9rem;
    margin: 0;
    line-height: 1.5;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .packages-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .packages-title {
        font-size: 2rem;
    }
    .package-card {
        max-width: 400px;
        margin-inline: auto;
    }
}
.packages-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* --- Course Details Section Styles --- */

.course-details-section {
    background-color: var(--clr-white);
    padding-block: var(--container-padding-block);
    text-align: center;
}

/* Top Row: Key Course Metrics */
.course-metrics-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.metric-item {
    flex: 1;
    min-width: 150px;
    padding: 20px 10px;
    border: 1px solid #E2E4E9; /* Light border effect from image */
    border-radius: 8px;
    text-align: center;
}

.metric-icon-wrapper {
    width: 50px;
    height: 50px;
    background-color: #FCE6F5;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    color: #C657A0;
}
.metric-item:nth-child(2) .metric-icon-wrapper { color: #4B5563; } /* Grey icon for fee */


.metric-value {
    color: #0F1729;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.2;
}

.metric-label {
    color: #6B7280;
    font-size: 0.9rem;
    margin: 0;
}

/* Course Description Box */
.course-description-box {
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    margin-bottom: 40px;
    text-align: left;
}

.course-description-box .box-title {
    color: #0F1729;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.description-paragraph {
    color: #4B5563;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 15px;
}
.description-paragraph:last-child {
    margin-bottom: 0;
}

/* Course Director Box */
.course-director-box {
    padding: 30px;
    border-radius: 12px;
    background-color: #FDF4FD; /* Light pink background */
    border: 1px solid #FCE6F5;
    display: flex;
    gap: 30px;
    align-items: flex-start;
    text-align: left;
}

.director-avatar-wrapper {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    background-color: #E082B4; /* Pink avatar background */
    border-radius: 50%;
    /* Add logic here if actual image is used */
}
.director-avatar-placeholder {
    width: 100%;
    height: 100%;
}


.director-details {
    flex-grow: 1;
}

.director-title {
    color: #0F1729;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.director-name {
    color: #C657A0;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.director-qualifications-list {
    list-style: none;
    padding: 0;
}
.director-qualifications-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 5px;
    color: #4B5563;
    font-size: 0.9rem;
    line-height: 1.4;
}
.director-qualifications-list i {
    color: #C657A0;
    font-size: 0.5rem; /* Small pink circle icon */
    margin-top: 5px;
    flex-shrink: 0;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .course-metrics-row {
        flex-direction: column;
        gap: 15px;
    }
    .metric-item {
        min-width: 100%;
        padding: 15px;
    }
    .course-description-box {
        padding: 20px;
    }
    .course-director-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 15px;
    }
    .director-qualifications-list {
        text-align: left;
    }
}

/* --- Course Objectives Section Styles --- */

.course-objectives-section {
    background-color: #FDF4FD; /* Light pink background */
    padding-block: var(--container-padding-block);
    text-align: center;
}

.objectives-header {
    margin-bottom: 50px;
}

.objectives-tag-label {
    background-color: #FCE6F5;
    color: #C657A0;
    font-weight: 600;
    margin-bottom: 15px;
}

.objectives-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.objectives-description {
    color: #4B5563;
    font-size: 1rem;
    max-width: 700px;
    margin: 0 auto;
}

.objectives-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
}

.objective-card {
    background-color: var(--clr-white);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border: 1px solid #f0f0f0;
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.icon-check-wrapper {
    width: 35px;
    height: 35px;
    background-color: #E082B4; /* Icon box color */
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: var(--clr-white);
    flex-shrink: 0;
    margin-top: 5px;
}

.objective-text {
    color: #4B5563;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .objectives-title {
        font-size: 2rem;
    }
    .objectives-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* --- IVF Curriculum Section Styles --- */

.ivf-curriculum-section {
    background-color: var(--clr-white);
    padding-block: var(--container-padding-block);
    text-align: center;
}

.curriculum-header {
    margin-bottom: 50px;
}

.curriculum-tag-label {
    background-color: #FCE6F5;
    color: #C657A0;
    font-weight: 600;
    margin-bottom: 15px;
}

.curriculum-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.curriculum-description {
    color: #4B5563;
    font-size: 1rem;
    max-width: 700px;
    margin: 0 auto;
}

.topics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
}

.topic-card {
    background-color: var(--clr-white);
    padding: 18px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border: 1px solid #f0f0f0;
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.topic-icon {
    width: 35px;
    height: 35px;
    background-color: #FCE6F5;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: #C657A0;
    flex-shrink: 0;
    margin-top: 2px;
}

.topic-text {
    color: #4B5563;
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .topics-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .curriculum-title {
        font-size: 2rem;
    }
}

@media (max-width: 600px) {
    .topics-grid {
        grid-template-columns: 1fr;
    }
    .topic-card {
        padding: 15px;
    }
    .topic-text {
        font-size: 0.9rem;
    }
}

/* --- Detailed Course Modules Section Styles --- */

.course-modules-section {
    background-color: var(--clr-white);
    padding-block: var(--container-padding-block);
    text-align: center;
}

.modules-header {
    margin-bottom: 50px;
}

.modules-title {
    color: #4B5563; /* Medium grey heading color from image */
    font-size: 2.5rem;
    font-weight: 700;
}

.modules-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
}

.module-card {
    background-color: var(--clr-white);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border: 1px solid #f0f0f0;
    text-align: left;
    position: relative;
}

.module-number-tag {
    position: absolute;
    top: 17px;
    left: 12px;
    width: 25px;
    height: 25px;
    background-color: #FCE6F5;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #C657A0;
    font-size: 0.9rem;
    font-weight: 700;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.module-title-small {
    color: #0F1729;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 15px;
    margin-left: 30px; /* Offset title to align with text below */
}

.module-checklist {
    list-style: none;
    padding: 0;
    margin-left: 30px;
}

.module-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
    color: #4B5563;
    font-size: 0.95rem;
    line-height: 1.5;
}

.module-checklist i {
    color: #28BD5A; /* Green checkmark */
    font-size: 0.9rem;
    flex-shrink: 0;
    margin-top: 2px;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .modules-title {
        font-size: 2rem;
    }
    .modules-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .module-card {
        padding: 15px;
        padding-top: 40px;
    }
    .module-title-small,
    .module-checklist {
        margin-left: 15px;
    }
    .module-number-tag {
        left: 15px;
    }
}
/* --- Course Fees & Accommodation Section Styles --- */

.course-fees-section {
    background-color: var(--clr-white);
    padding-block: var(--container-padding-block);
    text-align: center;
    background: linear-gradient(135deg, rgba(28, 43, 74, 0.05) 0%, rgba(215, 66, 140, 0.05) 100%);
}

.fees-header {
    margin-bottom: 50px;
}

.fees-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
}

.fees-cards-grid {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 50px;
}

.fee-card {
    flex: 1;
    max-width: 300px;
    background-color: var(--clr-white);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fee-icon-wrapper {
    width: 60px;
    height: 60px;
    background-color: #E082B4; /* Icon background */
    border-radius: 50%;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    color: var(--clr-white);
}

.candidate-type {
    color: #0F1729;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.fee-amount {
    color: #C657A0;
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 5px;
    line-height: 1;
}

.fee-program {
    color: #6B7280;
    font-size: 0.95rem;
    margin: 0;
}


/* What's Included Block */
.inclusions-block {
    max-width: 750px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
    text-align: left;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.inclusions-title {
    color: #0F1729;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.inclusions-checklist-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

.inclusions-list {
    list-style: none;
    padding: 0;
}

.inclusions-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    color: #4B5563;
    font-size: 0.95rem;
}

.inclusions-list i {
    color: #28BD5A; /* Green checkmark */
    font-size: 0.9rem;
    flex-shrink: 0;
}

.fee-note-box {
    background-color: #F8F8FC;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
}
.fee-note-box p {
    color: #6B7280;
    font-size: 0.85rem;
    margin: 0;
    line-height: 1.4;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .fees-title {
        font-size: 2rem;
    }
    .fees-cards-grid {
        flex-direction: column;
        align-items: center;
    }
    .fee-card {
        max-width: 100%;
        width: 80%;
    }
    .inclusions-checklist-grid {
        grid-template-columns: 1fr;
    }
}
/* --- Evaluation and Certification Section Styles --- */

.certification-section {
    background-color: var(--clr-white);
    padding-block: 80px; /* Adjust padding to give it space */
    text-align: center;
}

.certification-content-box {
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.certification-icon-wrapper {
    width: 80px;
    height: 80px;
    background-color: #E082B4; /* Icon background */
    border-radius: 50%;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    color: var(--clr-white);
}

.certification-title {
    color: #0F1729;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.certification-text {
    color: #4B5563;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 650px;
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .certification-title {
        font-size: 2rem;
    }
}

/* --- Training Call to Action Section Styles --- */

.training-cta-section {
    background: linear-gradient(to top, #FDF4FD 0%, #E6F3F9 100%); /* Soft gradient background */
    padding-block: var(--container-padding-block);
    text-align: center;
}

.training-cta-box {
    max-width: 800px;
    margin: 0 auto;
    background-color: var(--clr-white);
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.training-cta-box .cta-title {
    color: #0F1729;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.training-cta-box .cta-description {
    color: #4B5563;
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 650px;
    margin-inline: auto;
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.cta-btn.primary-btn {
    background-color: #C657A0;
    color: var(--clr-white);
    padding: 15px 30px;
    font-size: 1.05rem;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    transition: background-color 0.3s;
}
.cta-btn.primary-btn:hover {
    background-color: #B04A8F;
}
.cta-btn.primary-btn i {
    margin-left: 8px;
}

.cta-btn.secondary-btn {
    background-color: var(--clr-white);
    color: #0F1729;
    padding: 15px 30px;
    font-size: 1.05rem;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid #ddd;
    transition: background-color 0.3s, border-color 0.3s;
}
.cta-btn.secondary-btn:hover {
    background-color: #f0f0f0;
    border-color: #ccc;
}
.cta-btn.secondary-btn i {
    color: #C657A0;
    margin-right: 8px;
}

.contact-info-footer {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.contact-link {
    color: #4B5563;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s;
}
.contact-link:hover {
    color: #C657A0;
}
.contact-link i {
    color: #E082B4; /* Icon accent color */
    font-size: 1rem;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .training-cta-box {
        padding: 40px 20px;
    }
    .training-cta-box .cta-title {
        font-size: 1.8rem;
    }
    .cta-buttons {
        flex-direction: column;
        gap: 15px;
    }
    .cta-btn {
        width: 100%;
        max-width: 300px;
        margin-inline: auto;
    }
    .contact-info-footer {
        flex-direction: column;
        gap: 10px;
    }
}
/* --- Need Assistance Section Styles --- */

.need-assistance-section {
    background-color: var(--clr-white);
    padding-block: 40px; /* Smaller padding for a utility section */
    text-align: center;
}

.assistance-content-box {
    max-width: 800px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #FCE6F5; /* Light pink border */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    background-color: var(--clr-white);
    border: 1.49px solid #D7428C33;
    box-shadow: 0px 1.49px 2.98px 0px #0000000D;
}

.assistance-title {
    color: #0F1729;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 25px;
}

.contact-line {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.6;
}

.contact-line p {
    color: #4B5563;
    margin: 0;
    text-align: left;
}

.contact-line i {
    font-size: 1.2rem;
    flex-shrink: 0;
    margin-top: 4px;
}

.contact-line .phone-icon {
    color: #D7428C; /* Rose/Red color */
}
.contact-line .email-icon {
    color: #D7428C; /* Rose/Red color */
}

.contact-line .phone-number {
    color: #D7428C;
    font-weight: 600;
}

.email-link {
    color: #D7428C;
    font-weight: 600;
    text-decoration: none;
}

.cc-text {
    color: #C657A0; /* Pink color */
    font-size: 0.95rem;
}

.website-links {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #eee;
    font-size: 0.95rem;
}

.website-links a {
    color: #C657A0;
    text-decoration: none;
    transition: color 0.3s;
}
.website-links a:hover {
    text-decoration: underline;
}

.dot-separator {
    color: #9CA3AF;
    padding: 0 10px;
}


/* Responsive adjustments */
@media (max-width: 600px) {
    .assistance-content-box {
        padding: 20px 15px;
    }
    .contact-line {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 5px;
    }
    .contact-line p {
        text-align: center;
    }
    .contact-line i {
        margin-top: 0;
    }
}