:root{
--navy:#03285d;
--gold:#e6b12b;
--green:#2f5a32;
--light:#faf8f4;
}

html {
max-width: 100vw;
overflow-x: hidden;
}

body{
font-family:'Poppins',sans-serif;
background:#fff;
color:#222;
max-width: 100vw;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1280px;
padding: 0px 20px;
}

.custom-navbar{
background:var(--navy);
padding:15px 0;
}

.navbar-brand img{
height:70px;
}

.nav-link{
color:#fff !important;
font-weight:500;
margin:0 15px;
}

.nav-link.active{
border-bottom:3px solid var(--gold);
}

.custom-btn{
border: solid 2px #f4b21f;
background: #f4b21f;
color: #ffffff;
padding:8px 22px;
font-weight:600;
border-radius:10px;
}

.custom-btn:hover,
.custom-btn:active{
background: #f4b21f !important;
color: #ffffff !important;
}

.hero-section{
padding:50px 0;
overflow: hidden;
position: relative;
}

.profile-image{
width:350px;
height:350px;
object-fit:cover;
border-radius:50%;
border:8px solid #e8dfcb;
}

.hero-name{
font-family:'Playfair Display',serif;
font-size:68px;
color:var(--navy);
margin-top:20px;
}

.hero-subtitle{
color:var(--green);
font-weight:500;
font-size:24px;
line-height:1.8;
}

.gold-divider{
width:120px;
height:4px;
background:var(--gold);
margin:20px auto;
border-radius:50px;
}

.intro-content p{
font-size:18px;
line-height:1.5;
margin-bottom:10px;
}

.mission-text{
font-family: "Cormorant Garamond", serif;
color:#1E2E73;
font-weight:700;
line-height:1.5;
max-width: 900px;
margin: 20px auto 0px auto;
text-align: center;
font-size: 32px;
}

.services-section{
padding:30px 0;
background: #FBFAF9;
}

.service-card{
display: flex;
flex-wrap: nowrap;
gap: 14px;
height:100%;
transition:.3s;
position: relative;
}

.service-card::after{
content: "";
background: #dddddd;
width: 2px;
height: 75%;
position: absolute;
top: 0;
right: -8px;
}

.service-wrap:last-child .service-card::after{
content: none;
}

.service-card:hover{
transform:translateY(-8px);
}

.service-icon{
width:80px;
height:80px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
}

.service-content {
width: calc(100% - 90px);
}

.service-content h6 {
color: #1E2E73;
font-weight: 800;
}

.service-content p {
font-size: 14px;
font-weight: 500;
line-height: 2;
margin: 0;
}

.green{
background:#eef5ea;
color:#2d6a35;
}

.orange{
background:#fff2e5;
color:#f06d00;
}

.blue{
background:#eef5ff;
color:#0060d9;
}

.purple{
background:#f5efff;
color:#6d30d8;
}

.content-section{
padding:30px 0;
background: #FBFAF9;
}

.content-box{
display:flex;
gap:25px;
border-bottom: solid 1px #dddddd;
}

.icon-col{
font-size:38px;
color:var(--green);
}

.university-section{
padding:30px 0;
}

.university-card{
border:1px solid #ece5d8;
border-radius:15px;
padding:25px;
}

.university_logo {
    border-right: solid 2px #03285d;
}

.university_logo img {
    padding: 0px 20px;
}

.university_logo:last-child {
    border: none;
}

.university_logo:first-child img {
    padding-left: 0px;
}

.uni-logo{
max-width:50;
max-height:70px;
}

.cta-section{
padding:50px 0;
background: #FBFAF9;
overflow: hidden; 
position: relative;
}

.cta-box{
background:#f7f0e7;
padding:0px 40px;
border-radius:18px;
}

.cta-box h1{
font-family:'Playfair Display',serif;
color:var(--navy);
font-weight:700;
margin-bottom: 20px;
}

.cta-box p{
    line-height: 2;
    max-width: 425px;
    font-weight: 400;
}

.image-wrapper {
position: relative;
overflow: hidden;
max-width: 700px;
}

.image-wrapper::after {
content: "";
position: absolute;
left: -25px;
top: 0;
width: 180px;
height: 100%;
z-index: 2;
pointer-events: none;
background: linear-gradient(to right, #f7f0e7 50%, rgba(247, 240, 231, 0.95) 15%, rgba(247, 240, 231, 0) 35%);
filter: blur(20px);
}

.image-wrapper::before {
content: "";
position: absolute;
right: -25px;
top: 0;
width: 180px;
height: 100%;
z-index: 2;
pointer-events: none;
background: linear-gradient(to left, #f7f0e7 50%, rgba(247, 240, 231, 0.95) 15%, rgba(247, 240, 231, 0) 35%);
filter: blur(20px);
}

.email{
font-weight:600;
color:var(--green);
}

.cta-btn{
background:#c88e23;
color:#fff;
padding:8px 25px;
border-radius:6px;
}

.cta-btn:hover,
.cta-btn:active{
background:#ce9838 !important;
color:#fff !important;
}

.footer{
background:var(--navy);
color:#fff;
padding:20px;
text-align:center;
font-weight:500;
}

@media(max-width:1200px){

.navbar-brand img {
height: 54px;
}

.custom-navbar .nav-link {
margin: 0 5px;
}

}

@media(max-width:991px){

.custom-btn{
    margin-top: 15px;
}

.hero-name{
font-size:48px;
}

.profile-image{
width:280px;
height:280px;
}

.content-box{
flex-direction:column;
}

.service-wrap:nth-child(even) .service-card::after{
content: none;
}

.cta-box {
padding: 0px 40px 20px;
}

}

.parents-hero{
padding:70px 0;
overflow: hidden;
position: relative;
}

.section-title{
font-family:'Playfair Display',serif;
font-size:58px;
color:#2f5a32;
}

.hero-image{
max-width:650px;
}

.dual-card{
background:#faf8f3;
border:1px solid #ece6db;
border-radius:20px;
padding:40px;
height:100%;
}

.purple-card{
background:#fbf8ff;
}

.check-list li{
margin-bottom:14px;
}

.journey-card{
background:#fff;
border-radius:18px;
padding:30px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
height:100%;
}

.number-circle{
width:70px;
height:70px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
font-weight:700;
}

.green-bg{
background:#edf5ea;
}

.blue-bg{
background:#eef5ff;
}

.purple-bg{
background:#f4ecff;
}

.container:has(.start_conversation_popup_container) {
    overflow: hidden;
}

.container:has(.start_conversation_popup_container.show) {
    overflow: unset;
}

.start_conversation_popup_container {
    position: absolute;
    bottom: -1000px;
    right: 20px;
    width: calc(100% - 40px);
    max-width: 550px;
    background: #ffffff;
    border-radius: 10px 10px 0px 0px;
    z-index: 999;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.5s linear;
}

.start_conversation_popup_container.show {
    bottom: 0px;
}

.start_conversation_popup_container h6 {
    font-weight: 600;
}

.start_conversation_popup_container .close {
    padding: 0;
    border: none;
    background: transparent;
    position: absolute;
    top: 18px;
    right: 18px;
}

.start_conversation_popup_container .form-label {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.start_conversation_popup_container .form-label.required {
    position: relative;
}

.start_conversation_popup_container .form-label.required::after {
    content: "*";
    color: #ff0000;
}

.start_conversation_popup_container .form-control {
    font-size: 14px;
}

.contact_form_popup {
    position: absolute;
    top: 0;
    right: -1000px;
    width: calc(100% - 40px);
    max-width: 450px;
    background: #ffffff;
    border-radius: 0px 0px 0px 10px;
    z-index: 999;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.5s linear;
}

.contact_form_popup.show {
    right: 0px;
}

.contact_form_popup h6 {
    font-weight: 600;
}

.contact_form_popup .close {
    padding: 0;
    border: none;
    background: transparent;
    position: absolute;
    top: 18px;
    right: 18px;
}

.contact_form_popup .form-label {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.contact_form_popup .form-label.required {
    position: relative;
}

.contact_form_popup .form-label.required::after {
    content: "*";
    color: #ff0000;
}

.contact_form_popup .form-control {
    font-size: 14px;
}

.send_message_popup_container {
    position: absolute;
    bottom: -1000px;
    right: 20px;
    width: calc(100% - 40px);
    max-width: 550px;
    background: #ffffff;
    border-radius: 10px 10px 0px 0px;
    z-index: 999;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.5s linear;
}

.send_message_popup_container.show {
    bottom: 0px;
}

.send_message_popup_container h6 {
    font-weight: 600;
}

.send_message_popup_container h6.section_title {
    font-size: 13px;
    margin-top: 12px;
}

.send_message_popup_container .form-check {
    font-size: 14px;
    font-weight: 500;
}

.send_message_popup_container .close {
    padding: 0;
    border: none;
    background: transparent;
    position: absolute;
    top: 18px;
    right: 18px;
}

.send_message_popup_container .form-label {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.send_message_popup_container .form-label.required {
    position: relative;
}

.send_message_popup_container .form-label.required::after {
    content: "*";
    color: #ff0000;
}

.send_message_popup_container .form-control {
    font-size: 14px;
}

.send_message_popup_container .cta-btn {
    background: #330c4e;
}

@media(max-width:767px){

.service-icon {
width: 70px;
height: 70px;
}

.cta-box {
padding: 0px 20px 20px;
}

}

@media(max-width:575px){

.navbar-brand img{
height: 55px;
}

.service-wrap .service-card::after{
content: none;
}

}