*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

 body{
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
}

img{
    max-width: 100%;
    height: auto;
}

/* Navbar Font */
.navfont {
    font-size: 15px;

}

.navbar-brand{
    font-family: 'Great Vibes', cursive;
    word-spacing:5px;
    color:#0b1238 !important;
}

/* navbar background */
.white{
    background-color: #FBF9F8;
}

.navbar{
    background:#FBF9F8;
    width:100%;
    z-index:9999;
    padding: 20px 0px 20px 0px;
}

/* Default Nav Link */
.navbar .nav-link {
    color: #47464E !important;
    transition: all 0.3s ease;
}

/* Hover */
.navbar .nav-link:hover {
    color: #735D00 !important;
}

/* Active Page */
.navbar .nav-link.active {
    color: #735D00 !important;
    font-weight: 600;
}

.darknavyblue{
    background:#0B1238;
    color:#fff;
    border:none;
    padding:7px 30px 7px 30px;
    border-radius:8px;
    transition:.3s;
    font-size: 15px;
}

.darknavyblue:hover{
    background:#735D00;
    color:#fff;
}

/* hero section */
.hero-section{
    align-items:center;
    justify-content:center;
    padding-top: calc(3rem + 76px); 
    text-align:center;
    background:
    radial-gradient(circle at 15% 50%, rgba(193,159,73,.18) 0%, transparent 30%),
    radial-gradient(circle at 50% 10%, rgba(193,159,73,.12) 0%, transparent 35%),
    radial-gradient(circle at 85% 50%, rgba(193,159,73,.18) 0%, transparent 30%),
    linear-gradient(90deg,#F7F6F3,#FFFDF9,#FDF8ED,#FFFDF9,#F7F6F3);
    background-repeat:no-repeat;
    
}

.gold{
    color: #735D00;
    padding-top: 80px;
}

.herocontent{
    color: #47464E;
}

/* Hero Divider */
.hero-divider{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.hero-divider .line{
    width: 60px;
    height: 2px;
    margin-top: 17px;
    background: #FED65B; 
}

.hero-divider .star-icon{
    color: #735D00;
    font-size: 20px;
}

.ourvision{
    font-size: 32px;
}
.ourvision1{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #47464E;
}

/* Vision Section */

.vision-card{
    background:#F5F3F3;
    border-left:4px solid #735D00;
    padding:10px;
    transition:.3s;
}

.vision-icon i{
    color:#735D00;
    font-size:25px;
}

.vision-card h5{
    color:#0B1238;
    font-size:14px;
}

.vision-card p{
    color:#666;
    line-height:1.7;
    margin-top:5px;
}

.contentp{
    font-size: 14px;
}

/* Our Services */
.service-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s;

    display:flex;
    flex-direction:column;
    height:100%;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.service-img{
    width:100%;
    height:240px;
    object-fit:cover;
    padding:12px;
    border-radius:28px;
}

.service-content{
    padding:18px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.service-content h4{
    font-size:20px;
    font-weight:600;
    line-height:1.35;
    min-height:56px;      /* Same title height */
    color:#0B1238;
}

.service-content p{
    font-size:15px;
    line-height:1.7;
    color:#666;
    flex:1;               /* Makes all cards equal height */
}

.righticon{
    color:#735D00;
    font-size:22px;
}

.expert-section{
    background:#fff;
}

.image-wrapper{
    position:relative;
    display:inline-block;
}

.bg-box{
    position:absolute;
    width:96%;
    height:98%;
    background:#FFF5D8;
    border-radius:18px;
    left:20px;
    top:20px;
    z-index:0;
}

.expert-img{
    position:relative;
    z-index:2;
    border-radius:16px;
    width:95%;
    max-width:520px;
    box-shadow:0 10px 35px rgba(0,0,0,.15);
}

.expert-title{
    color:#0B1238;
    font-size:25px;
}

.expert-text{
    color:#555;
    font-size:15px;
    line-height:1.4;
}

.small-title{
    color:#0B1238;
    font-weight:700;
    font-size:18px;
    margin-bottom:20px;
}

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

.expert-list li{
    font-size:14px;
    color:#555;
    margin-bottom:15px;
}

.expert-list i{
    color:#8A6A00;
    margin-right:10px;
}

.consult-btn{
    background:#081041;
    color:#fff;
    text-decoration:none;
    padding:8px 14px;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
   
    transition:.3s;
}

.consult-btn:hover{
    background:#735D00;
    color:#fff;
}

.footer-section{
    background:#07052D;
    color:#fff;
}

.footer-logo{
    font-size:24px;
    font-weight:700;
}

.footer-text{
    font-size:14px;
    color:#d4d4d4;
    line-height:1.6;
    max-width:500px;
}

.footer-title{
    font-size:24px;
    font-weight:600;
    margin-bottom:25px;
}

.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:18px;
}

.footer-links a{
    color:#d6d6d6;
    text-decoration:none;
    font-size:14px;
    transition:.3s;
}

.footer-links a:hover{
    color:#FED65B;
}

.newsletter-box{
    display:flex;
    align-items:center;
    border-bottom:2px solid rgba(255,255,255,.4);
    padding-bottom:15px;
}

.newsletter-box input{
    width:100%;
    background:transparent;
    border:none;
    outline:none;
    color:#fff;
    font-size:24px;
}

.newsletter-box input::placeholder{
    color:#d6d6d6;
}

.newsletter-box button{
    border:none;
    background:none;
    color:#fff;
    font-size:40px;
    transition:.3s;
}

.newsletter-box button:hover{
    color:#FED65B;
}

.copyright{
    color:#cfcfcf;
    font-size:14px;
}

@media(max-width:992px){

    .footer-logo{
        font-size:40px;
    }

    .footer-text{
        font-size:18px;
    }

    .footer-title{
        font-size:22px;
    }

    .footer-links a{
        font-size:18px;
    }

    .newsletter-box input{
        font-size:18px;
    }

    .newsletter-box button{
        font-size:28px;
    }

    .copyright{
        font-size:14px;
    }
}

/* ==========================================
   Large Devices (Laptop)
========================================== */
@media (max-width: 1199px) {

    .service-content h4{
        font-size:18px;
        min-height:65px;
    }

    .expert-title{
        font-size:28px;
    }

    .footer-logo{
        font-size:28px; 
    }

}


/* ==========================================
   Tablet
========================================== */
@media (max-width:991px){

    .navbar{
        padding:12px 0;
    }

    .navbar-nav{
        text-align:center;
        padding-top:15px;
    }

    .darknavyblue{
        width:100%;
        margin-top:15px;
    }

     .hero-section{
        padding:70px 15px;
        padding-top: calc(70px + 76px);   /* ← ADD THIS LINE */
    }

    .hero-section h1{
        font-size:38px;
        line-height:1.4;
    }

    .herocontent{
        font-size:16px;
    }

    .ourvision{
        font-size:30px;
        text-align:center;
    }

    .ourvision1{
        text-align:center;
    }

    .vision-card{
        margin-bottom:20px;
    }

    .vision-card h5{
        font-size:18px;
    }

    .contentp{
        font-size:15px;
    }

    .service-img{
        height:230px;
    }

    .service-content h4{
        font-size:20px;
        min-height:auto;
    }

    .expert-section{
        text-align:center;
    }

    .bg-box{
        display:none;
    }

    .expert-img{
        width:100%;
        max-width:450px;
    }

    .consult-btn{
        display:inline-block;
        margin-top:20px;
    }

    .footer-logo{
        font-size:30px;
    }

    .footer-title{
        font-size:22px;
        margin-top:15px;
    }

    .newsletter-box input{
        font-size:18px;
    }

}


/* ==========================================
   Mobile
========================================== */
@media (max-width:767px){

    section{
        padding-top:50px !important;
        padding-bottom:50px !important;
    }

.hero-section{
        padding:50px 10px;
        padding-top: calc(50px + 66px);   /* ← ADD THIS LINE */
    }
    .gold{
        font-size:13px;
    }

    .hero-section h1{
        font-size:28px;
        line-height:1.4;
    }

    .herocontent{
        font-size:15px;
        line-height:1.8;
    }

    .hero-divider .line{
        width:40px;
    }

    .ourvision{
        font-size:26px;
        text-align:center;
    }

    .ourvision1{
        font-size:15px;
        text-align:center;
    }

    .vision-card{
        padding:18px;
    }

    .vision-icon i{
        font-size:22px;
    }

    .vision-card h5{
        font-size:17px;
    }

    .contentp{
        font-size:14px;
    }

    .service-img{
        height:220px;
    }

    .service-content{
        padding:18px;
    }

    .service-content h4{
        font-size:18px;
        min-height:auto;
    }

    .service-content p{
        font-size:14px;
    }

    .righticon{
        font-size:20px;
    }

    .expert-title{
        font-size:24px;
        text-align:center;
    }

    .expert-text{
        font-size:14px;
        text-align:justify;
    }

    .small-title{
        text-align:center;
    }

    .expert-list li{
        font-size:14px;
    }

    .consult-btn{
        display:block;
        width:100%;
        text-align:center;
    }

    .footer-section{
        text-align:center;
    }

    .footer-logo{
        font-size:28px;
    }

    .footer-title{
        font-size:22px;
    }

    .newsletter-box{
        margin-top:15px;
    }

    .newsletter-box input{
        font-size:16px;
    }

    .newsletter-box button{
        font-size:24px;
    }

}


/* ==========================================
   Small Mobile
========================================== */
@media (max-width:575px){

    .container{
        padding-left:18px;
        padding-right:18px;
    }

    .navbar-brand{
        font-size:20px;
    }

    .hero-section h1{
        font-size:24px;
    }

    .herocontent{
        font-size:14px;
    }

    .ourvision{
        font-size:24px;
    }

    .service-img{
        height:200px;
    }

    .service-content h4{
        font-size:17px;
    }

    .expert-title{
        font-size:22px;
    }

    .footer-logo{
        font-size:24px;
    }

    .footer-title{
        font-size:20px;
    }

}