:root{
  --navy:#0a1a3d; --navy-2:#14245c; --navy-3:#1b2f7a;
  --gold:#c9a84c; --gold-2:#f0d78c; --gold-3:#a8862f;
  --ink:#0b1226; --paper:#f7f5ee;
}
*{box-sizing:border-box}
body{
    font-family:'Manrope',sans-serif;
    color:#1e2540;
    background:#fff;
    line-height:1.7;
    font-size:16px;
    font-weight:500;
    font-variant-numeric:lining-nums;
}
h1,h2,h3,h4,h5,h6{
    font-family:'Playfair Display',serif;
    color:var(--navy);
    font-weight:700;
    letter-spacing:.3px;
}
a{text-decoration:none;color:var(--gold-3);transition:.25s}
a:hover{color:var(--gold)}
.text-gold{color:var(--gold)!important}
.bg-navy{background:var(--navy)!important;color:#fff}
.bg-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2))!important;color:var(--navy)}
.btn,
.btn-gold,
.btn-outline-gold{
    font-family:'Manrope',sans-serif;
    font-weight:700;
    letter-spacing:.3px;
}

.amount,
.highlight-strip .num,
h1,
h2,
.badge-top{
    font-variant-numeric:lining-nums;
}

/* Topbar + Nav */
.topbar{background:var(--ink);color:#e9e4d0}
.topbar a{color:#e9e4d0}
.topbar a:hover{color:var(--gold)}
.main-nav{background:linear-gradient(90deg,var(--navy),var(--navy-2));box-shadow:0 4px 20px rgba(10,26,61,.25)}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-title{font-family:'Playfair Display',serif;color:var(--gold);font-size:1.15rem;font-weight:800;letter-spacing:.5px}
.brand-sub{font-size:.65rem;color:#e9e4d0;letter-spacing:2px}
/*=========================
NAVIGATION
=========================*/
.navbar-nav .nav-link{color:#fff !important;font-family:'Manrope',sans-serif;font-size:18px;font-weight:700;letter-spacing:.4px;padding:.8rem 1.2rem !important;position:relative;transition:.3s;}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover{color:var(--gold)!important;}
.navbar-nav .nav-link.active::after,
.navbar-nav .nav-link:hover::after{content:"";position:absolute;left:18%;right:18%;bottom:4px;height:2px;background:var(--gold);}
.navbar-brand img{height:78px;width:auto;transition:.3s;}
.navbar-brand img:hover{transform:scale(1.03);}

/* Buttons */
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy)!important;border:0;font-weight:700;padding:.65rem 1.5rem;border-radius:6px;box-shadow:0 4px 14px rgba(201,168,76,.35)}
.btn-gold:hover{background:linear-gradient(135deg,var(--gold-2),var(--gold));transform:translateY(-2px)}
.btn-outline-gold{border:px solid var(--gold);color:var(--gold);background:transparent;font-weight:600;padding:.6rem 1.4rem;border-radius:6px}
.btn-outline-gold:hover{background:var(--gold);color:var(--navy)}

/* Hero Slider */
.hero-slider .carousel-item{height:86vh;min-height:520px;background-size:cover;background-position:center;position:relative}
.hero-slider .carousel-item::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,26,61,.92) 0%,rgba(10,26,61,.6) 55%,rgba(10,26,61,.3) 100%)}
.hero-slider .carousel-caption{top:50%;transform:translateY(-50%);bottom:auto;text-align:left;left:8%;right:8%;max-width:640px}
.hero-slider h1{color:#fff;font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;margin-bottom:1rem}
.hero-slider h1 .accent{color:var(--gold);display:block}
.hero-slider p{color:#eee;font-size:1.1rem;margin-bottom:1.5rem}
.hero-slider .badge-top{display:inline-block;background:rgba(201,168,76,.18);border:1px solid var(--gold);color:var(--gold);padding:.4rem 1rem;border-radius:30px;font-size:.8rem;letter-spacing:2px;margin-bottom:1rem}
.carousel-indicators [data-bs-target]{width:40px;height:3px;background:var(--gold)}

/* Page hero */
.page-hero{background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff;padding:6rem 0 4rem;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(201,168,76,.15),transparent 60%)}
.page-hero h1{color:#fff;font-size:clamp(2rem,3.5vw,3rem)}
.page-hero .breadcrumb{color:var(--gold-2)}
.page-hero .breadcrumb a{color:var(--gold-2)}

/* Sections */
section{padding:5rem 0}
.section-title{text-align:center;margin-bottom:3rem}
.section-title .kicker{color:var(--gold);letter-spacing:3px;font-size:.10rem;font-weight:700;text-transform:uppercase}
.section-title h2{font-size:clamp(1.8rem,2.6vw,2.6rem);margin-top:.5rem}
.section-title .sep{width:60px;height:3px;background:var(--gold);margin:1rem auto 0}

/* Cards */
.feature-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:2rem;height:100%;transition:.3s;text-align:center}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(10,26,61,.12);border-color:var(--gold)}
.feature-card .icon{width:70px;height:70px;margin:0 auto 1.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--gold);font-size:1.6rem}
.feature-card h5{margin-bottom:.5rem}
.feature-card p,
.service-card p,
.card p{
    font-family:'Manrope',sans-serif;
    font-size:15.8px;
    line-height:1.8;
}

.service-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06);height:100%;border-top:4px solid var(--gold);transition:.3s}
.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(10,26,61,.15)}
.service-card .body{padding:2rem}
.service-card .icon{width:60px;height:60px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1rem}

/* Highlight strip */
.highlight-strip{background:linear-gradient(90deg,var(--navy),var(--navy-2));color:#fff;padding:3rem 0}
.highlight-strip .num{font-family:'Playfair Display',serif;color:var(--gold);font-size:2.5rem;font-weight:800;display:flex;
    align-items:center;
    justify-content:center;}
.highlight-strip .lbl{color:#e9e4d0;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}

/* CTA */
.cta-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff;padding:4rem 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(201,168,76,.2),transparent 50%)}
.cta-band h2{color:#fff}
.cta-band .container{position:relative;z-index:2}

/* Forms */
.form-card{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 20px 50px rgba(10,26,61,.1)}
.form-control,.form-select{border:1.5px solid #dfe1ea;padding:.75rem 1rem;border-radius:8px}
.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.2)}
.form-label{font-weight:600;color:var(--navy);font-size:.9rem}

.alert-success{background:#e8f5e9;border-color:#2e7d32;color:#1b5e20}
.alert-danger{background:#ffebee;border-color:#c62828;color:#b71c1c}

/* Footer */
.site-footer{background:var(--ink);color:#c9cbd6}
.site-footer h6{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;margin-bottom:1rem}
.site-footer a{color:#c9cbd6}
.site-footer a:hover{color:var(--gold)}

/* Whatsapp float */
.whatsapp-float{position:fixed;bottom:22px;right:22px;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 6px 20px rgba(37,211,102,.5);z-index:999;transition:.3s}
.whatsapp-float:hover{transform:scale(1.1);color:#fff}

/* Investment box */
.invest-box{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy);padding:2rem;border-radius:16px;text-align:center;box-shadow:0 10px 30px rgba(201,168,76,.4)}
.invest-box .amount{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:800;line-height:1}
.invest-box small{display:block;margin-top:.5rem;font-weight:600}

/* Telugu text style */
.te{
    font-family:'Noto Sans Telugu',sans-serif;
    font-size:15px;
    font-weight:500;
    color:#d7b55d;
}


@media(max-width:768px){
  .hero-slider .carousel-item{height:70vh;min-height:460px}
  section{padding:3.5rem 0}
  .brand-sub{display:none}
}
/* ===== SERVICE POPUP ===== */

.modal-content{
    border:none;
    border-radius:20px;
}

.modal-header{
    background:linear-gradient(135deg,var(--navy),var(--navy-2));
    color:#fff;
    border:none;
}

.modal-header h4{
    color:#fff;
}

.modal-body{
    padding:30px;
    font-size:17px;
    line-height:1.8;
}

.modal-footer{
    border:none;
    padding:20px 30px;
}
/*====================================================
 HERO SECTION
====================================================*/

#heroSlider{
    position:relative;
}

#heroSlider .carousel-item{
    height:90vh;
    min-height:700px;
    background-size:cover;
    background-position:center;
    position:relative;
}

#heroSlider .hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(7,20,50,.90),
        rgba(7,20,50,.60),
        rgba(7,20,50,.25)
    );
}

#heroSlider .container{
    height:100%;
    display:flex;
    align-items:center;
    position:relative;
    z-index:2;
}

#heroSlider .hero-content{
    max-width:650px;
    color:#fff;
}

#heroSlider .hero-badge{
    display:inline-block;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.25);
    padding:10px 24px;
    border-radius:40px;
    color:#FFD972;
    font-size:.8rem;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:25px;
}

#heroSlider h1{
    color:#fff;
    font-size:4.5rem;
    font-weight:800;
    line-height:1.1;
    margin-bottom:10px;
}

#heroSlider h1 span{
    display:block;
    color:#FFD972;
}

#heroSlider h2{
    color:#fff;
    font-size:2rem;
    margin-bottom:25px;
}

#heroSlider p{
    color:#f3f3f3;
    font-size:1.15rem;
    line-height:1.8;
}

#heroSlider .te{
    color:#FFE8A3;
    margin:20px 0 35px;
    font-size:1rem;
}

#heroSlider .hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

#heroSlider .btn{
    padding:14px 34px;
    border-radius:50px;
}

#heroSlider .carousel-indicators{
    bottom:35px;
}

#heroSlider .carousel-indicators button{
    width:45px;
    height:4px;
    border-radius:10px;
}

@media(max-width:768px){

#heroSlider .carousel-item{
    height:75vh;
    min-height:600px;
}

#heroSlider .hero-content{
    text-align:center;
}

#heroSlider h1{
    font-size:2.4rem;
}

#heroSlider h2{
    font-size:1.3rem;
}

#heroSlider .hero-buttons{
    justify-content:center;
}

#heroSlider .btn{
    width:100%;
}

}

/* ==========================================
   HERO ANIMATIONS
========================================== */

#heroSlider .hero-content{
    animation:heroFade .9s ease;
}

#heroSlider .carousel-item.active .hero-badge{
    animation:slideDown .8s ease;
}

#heroSlider .carousel-item.active h1{
    animation:slideLeft 1s ease;
}

#heroSlider .carousel-item.active h2{
    animation:slideRight 1.1s ease;
}

#heroSlider .carousel-item.active p{
    animation:slideUp 1.2s ease;
}

#heroSlider .carousel-item.active .te{
    animation:slideUp 1.3s ease;
}

#heroSlider .carousel-item.active .hero-buttons{
    animation:slideUp 1.4s ease;
}

/* Animations */

@keyframes heroFade{

from{
opacity:0;
}

to{
opacity:1;
}

}

@keyframes slideLeft{

from{
opacity:0;
transform:translateX(-70px);
}

to{
opacity:1;
transform:translateX(0);
}

}

@keyframes slideRight{

from{
opacity:0;
transform:translateX(70px);
}

to{
opacity:1;
transform:translateX(0);
}

}

@keyframes slideUp{

from{
opacity:0;
transform:translateY(50px);
}

to{
opacity:1;
transform:translateY(0);
}

}

@keyframes slideDown{

from{
opacity:0;
transform:translateY(-40px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/*==========================
PREMIUM CTA
===========================*/

.cta-band{

background:

linear-gradient(rgba(10,26,61,.90),

rgba(10,26,61,.90)),

url("../img/slide3.jpg");

background-size:cover;

background-position:center;

padding:90px 0;

position:relative;

overflow:hidden;

}

.cta-band::before{

content:"";

position:absolute;

width:600px;

height:600px;

background:rgba(255,255,255,.03);

border-radius:50%;

top:-250px;

right:-250px;

}

.cta-band h2{

font-size:46px;

font-weight:700;

color:#fff;

margin-bottom:20px;

}

.cta-band p{

color:#eee;

font-size:18px;

}

.cta-band .btn{

padding:15px 36px;

font-size:18px;

}
.cta-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.cta-buttons .btn{

    min-width:240px;

    height:58px;

    border-radius:50px;

    font-weight:600;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.cta-buttons .btn:hover{

    transform:translateY(-4px);

}

.btn-outline-light{

    border:2px solid rgba(255,255,255,.35);

    color:#fff;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(8px);

}

.btn-outline-light:hover{

    background:#fff;

    color:#07142d;

    border-color:#fff;

}
/*==========================
FOOTER
===========================*/
.footer-logo{

    height:68px;

    width:auto;

}

.site-footer{

background:#07142d;

    padding:70px 0 35px;

}

.site-footer ul li{

margin-bottom:12px;

}

.site-footer .fa-phone,

.site-footer .fa-envelope,

.site-footer .fa-map-marker-alt{

width:22px;

text-align:center;

}

.site-footer p{

margin-bottom:14px;

}

.site-footer a{

word-break:break-word;

}

/*==========================
SCROLL ANIMATION
===========================*/

.reveal{

opacity:0;

transform:translateY(40px);

transition:opacity .8s ease,transform .8s ease;

}

.reveal.active{

opacity:1;

transform:none;

}

/*========================
CTA
========================*/

.cta-band{
    background:linear-gradient(135deg,#0a1a3d,#162c6b);
    padding:90px 0;
    color:#fff;
    text-align:center;
}

.cta-band h2{
    color:#fff;
    font-size:44px;
    margin-bottom:20px;
}

.cta-band .lead{
    color:#ddd;
    max-width:760px;
    margin:auto;
}

.cta-band .badge-top{
    display:inline-block;
    padding:10px 25px;
    border-radius:30px;
    background:rgba(255,255,255,.12);
    color:#ffd76b;
    border:1px solid rgba(255,255,255,.2);
}

/*========================
Modal
========================*/

.modal-content{
    border-radius:18px;
    border:none;
}

.modal-header{
    background:#0a1a3d;
}

.modal-header h4{
    color:#fff;
}

.modal-body{
    padding:30px;
}

.modal-footer{
    padding:20px 30px;
}

/*========================
Hover Effects
========================*/

.feature-card,
.service-card{
    transition:.35s;
}

.feature-card:hover,
.service-card:hover{
    transform:translateY(-10px);
}

.highlight-strip .num{
    font-size:3rem;
    font-weight:700;
}

.highlight-strip .lbl{
    font-size:1.15rem;
}

/*========================
Responsive
========================*/

@media(max-width:768px){

.cta-band h2{
    font-size:32px;
}

.highlight-strip .num{
    font-size:2rem;
}

}
.service-card .body{
    padding:2.5rem;
}
/*=========================================================
                WHY CHOOSE US
=========================================================*/

.why-us-section{

    margin:0;

     padding:70px 0 20px;

}

.why-wrapper{

    width:100%;

    padding:90px 8%;

    background:linear-gradient(
        135deg,
        #07142d,
        #0b2347
    );

    overflow:hidden;

    position:relative;
     border-bottom:1px solid rgba(212,175,55,.18);

}
/* Gold Glow */

.why-wrapper::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    right:-180px;

    top:-180px;

    background:radial-gradient(circle,
    rgba(212,175,55,.12),
    transparent 70%);

}

.why-wrapper::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    left:-180px;

    bottom:-180px;

    background:radial-gradient(circle,
    rgba(255,255,255,.04),
    transparent 70%);

}

/*=====================================
Heading
=====================================*/

/* Heading Content */
.why-content h2{

    font-size:58px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:18px;

}

.why-content h2 .text-white{

    color:#ffffff;

}

.why-content h2 .text-gold{

    color:#d4af37;

}

.why-desc{

    margin-bottom:0;
    line-height:1.7;

}

/* Cards */
.why-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    transform:translateY(-50px);
    margin-bottom:0;
     padding-bottom:0;


}
.section-subtitle{

    display:inline-block;

    color:#D4AF37;

    letter-spacing:3px;

    font-size:13px;

    font-weight:700;

    margin-bottom:12px;

}

.why-content h2 span{

    color:#D4AF37;

}
.why-content span{

    color:#e9e5d9;

}

.why-desc{

    color:#d5d9e7;

    max-width:760px;

    margin:auto;

    font-size:17px;

    line-height:1.9;

}

/*=====================================
Grid
=====================================*/

.why-grid{

    display:grid;

    grid-template-columns:repeat(4, minmax(280px,1fr));

    gap:22px;

    max-width:1280px;

    margin:70px auto 0;

    padding:0 30px;

}
/*=====================================
Cards
=====================================*/

.why-card{

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    min-height:300px;

    padding:40px;

    background:rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    transition:.4s;

    position:relative;

    overflow:hidden;

}
.why-card:nth-child(even){

    margin-top:35px;

}
/* Gold top line */

.why-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0;

    height:4px;

    background:#D4AF37;

    transition:.45s;

}

.why-card:hover::before{

    width:100%;

}

/* Icon */

.why-icon{

    width:64px;

    height:64px;

    margin-bottom:18px;

    border-radius:18px;

    background:rgba(212,175,55,.10);

    border:1px solid rgba(212,175,55,.25);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.45s;

}

.why-icon i{

    font-size:30px;

    color:#D4AF37;

    transition:.45s;

}

/* Title */

.why-card h4{

    color:#fff;

    font-size:22px;

    margin-bottom:14px;

}

/* Paragraph */

.why-card p{

    color:#cfd5e7;

    font-size:15px;
    margin:0;

    line-height:1.75;

}

/* Hover */

.why-card:hover{

    transform:translateY(-12px);

    border-color:#D4AF37;

    background:#0d2958;

    box-shadow:

        0 20px 45px rgba(0,0,0,.28),

        0 0 30px rgba(212,175,55,.12);

}

.why-card:hover .why-icon{

    background:#D4AF37;

    transform:rotate(-8deg);

}

.why-card:hover .why-icon i{

    color:#07142d;

}

/*=====================================
Responsive
=====================================*/

@media(max-width:1200px){

.why-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.why-wrapper{

padding:50px 30px;

}

.why-content h2{

font-size:36px;

}

.why-grid{

grid-template-columns:1fr;

}

}

.services-section{

   padding-top:25px;

}

/*==================================
        COMPANY STATS
==================================*/

.company-stats{

    background:#fff;

    padding:22px 0;

}

.company-stats .row{

    align-items:center;

}

.stat-item{

    position:relative;

    padding:10px 8px; 

    transition:.35s;

}

.stat-item:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:55px;

    background:#ececec;

}

/* Icon */

.stat-item i{

    font-size:28px;

    color:#d4af37;

    margin-bottom:10px;

    transition:.35s;

}

/* Number */

.stat-item h3{

    font-size:38px;

    font-weight:800;

    color:#07142d;

    margin-bottom:4px;

    transition:.35s;

}

/* Text */

.stat-item span{

    display:block;

    font-size:16px;

    color:#666;

    font-weight:600;

}

/* Hover */

.stat-item:hover{

    transform:translateY(-6px);

}

.stat-item:hover i{

    transform:scale(1.18) rotate(10deg);

    color:#c89b2c;

}

.stat-item:hover h3{

    color:#d4af37;

    text-shadow:0 6px 20px rgba(212,175,55,.35);

}

.stat-item:hover span{

    color:#07142d;

}
/*=========================================================
                    FAQ PAGE
=========================================================*/

.faq-page{
    padding:90px 0;
    background:#f7f9fc;
}

/*========================
LEFT HELP CARD
========================*/

.faq-help-card{

    background:linear-gradient(135deg,#07142d,#0b2347);

    border-radius:22px;

    padding:40px 35px;

    color:#fff;

    position:sticky;

    top:120px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.18);

}

.faq-help-card::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(212,175,55,.08);

    right:-80px;

    top:-80px;

}

.help-icon{

    width:85px;

    height:85px;

    border-radius:50%;

    background:rgba(212,175,55,.12);

    border:2px solid rgba(212,175,55,.35);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.help-icon i{

    font-size:34px;

    color:#d4af37;

}

.faq-help-card h3{

    color:#fff;

    margin-bottom:18px;

}

.faq-help-card p{

    color:#d9dce7;

    line-height:1.8;

    margin-bottom:25px;

}

.help-list{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.help-list li{

    margin-bottom:16px;

    color:#fff;

    display:flex;

    align-items:center;

    gap:12px;

}

.help-list i{

    color:#d4af37;

}

/*========================
RIGHT ACCORDION
========================*/

.faq-container{

    display:flex;

    flex-direction:column;

    gap:18px;

}

/*========================
ITEM
========================*/




/*========================
QUESTION
========================*/

.faq-question{

    width:100%;

    border:none;

    background:#fff;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:32px 36px;

    cursor:pointer;
    min-height:90px;
    pointer-events:auto;


}

.faq-question span{

    font-size:21px;

line-height:1.6;
    font-weight:700;

    color:#07142d;

    text-align:left;

}

.faq-question i{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#f7f9fc;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#d4af37;

    transition:.35s;

    flex-shrink:0;

}

.faq-item.active .faq-question{

background:linear-gradient(90deg,#fff8e4,#ffffff);

}

.faq-item.active .faq-question span{

color:#0a1a3d;

}

.faq-item.active .faq-question i{

background:#d4af37;

color:#07142d;

transform:rotate(180deg);

}

/*========================
ANSWER
========================*/

.faq-answer{

max-height:0;
overflow:hidden;
padding:0 30px;
transition:.4s;

}

.faq-item.active .faq-answer{

max-height:500px;
padding:0 30px 25px;

}

.faq-answer p{

    font-size:17px;      /* Increase text size */
    line-height:1.9;     /* Better readability */
    color:#4f5b72;
    margin:0;
    font-weight:400;

}

/*========================
BUTTON
========================*/

.faq-help-card .btn{

    border-radius:40px;

    padding:14px;

}

/*========================
RESPONSIVE
========================*/

@media(max-width:992px){

.faq-help-card{

    position:relative;

    top:0;

    margin-bottom:40px;

}

}

@media(max-width:768px){

.faq-page{

    padding:70px 0;

}

.faq-question{

    padding:20px;

}

.faq-question span{

    font-size:16px;

}


}
.hero-breadcrumb{

margin-top:30px;

display:flex;

align-items:center;

gap:10px;

font-size:16px;

font-weight:600;

}

.hero-breadcrumb a{

color:#d4af37;

text-decoration:none;

}

.hero-breadcrumb span{

color:#999;

}

.hero-breadcrumb{

color:#fff;

}

.faq-answer{

position:relative;

z-index:1;

}
.faq-item{

transition:.35s;

}

.faq-item.active{

border:2px solid #d4af37;

background:#fffdf6;

box-shadow:0 20px 45px rgba(212,175,55,.18);

transform:translateY(-4px);

}
/*==================================
    GLOBAL CONTAINER WIDTH
==================================*/

.container{

    max-width:1500px !important;

}
/*==================================
OUR TEAM HERO
==================================*/

.page-hero{

    background:linear-gradient(135deg,#07142d,#2b3d74);

    padding:70px 0 55px;

}

.page-hero h1{

    color:#fff;

    font-size:58px;

    font-weight:700;

    text-align:center;

    margin:0 0 35px;

    line-height:1.2;

}

.page-hero .text-gold{

    color:#d4af37;

}

.hero-breadcrumb{

    font-size:15px;

    font-weight:600;

    color:#d4af37;

    text-align:left;

}

.hero-breadcrumb a{

    color:#d4af37;

    text-decoration:none;

}

.hero-breadcrumb span{

    margin:0 8px;

    color:#d4af37;

}
/*==================================
LEADERSHIP TEAM
==================================*/

.leadership-section{

padding:90px 0;

background:#ffffff;

}

.leader-card{

position:relative;

background:linear-gradient(135deg,#102247,#1d2f5c);

border-radius:22px;

padding:45px 35px;

text-align:center;

overflow:hidden;

border:1px solid rgba(212,175,55,.15);

transition:.4s;

height:100%;

}

/* Gold Top Line */

.leader-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:4px;

background:#d4af37;

transform:scaleX(0);

transition:.4s;

}

.leader-card:hover::before{

transform:scaleX(1);

}

/* Gold Circle */

.leader-card::after{

content:"";

position:absolute;

width:180px;

height:180px;

border-radius:50%;

background:rgba(212,175,55,.05);

right:-70px;

top:-70px;

transition:.4s;

}

.leader-card:hover::after{

transform:scale(1.2);

}

.leader-card:hover{

transform:translateY(-10px);

border-color:#d4af37;

box-shadow:0 20px 45px rgba(0,0,0,.18);

}

.leader-icon{

width:82px;

height:82px;

margin:auto;

margin-bottom:22px;

border-radius:50%;

background:#d4af37;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

color:#07142d;

transition:.35s;

}

.leader-card:hover .leader-icon{

transform:rotate(10deg) scale(1.1);

box-shadow:0 0 20px rgba(212,175,55,.5);

}

.leader-card h3{

color:#fff;

font-size:30px;

margin-bottom:14px;

line-height:1.3;

transition:.35s;

}

.leader-card:hover h3{

color:#ffd76b;

}

.leader-designation{

display:inline-block;

padding:8px 18px;

background:rgba(212,175,55,.12);

border-radius:30px;

color:#d4af37;

font-weight:700;

margin-bottom:22px;

transition:.35s;

}

.leader-card:hover .leader-designation{

background:#d4af37;

color:#07142d;

}

.leader-card p{

color:#d7dceb;

line-height:1.9;

font-size:15px;

margin:0;

}

.section-heading{

margin-bottom:55px;

}

.section-heading h2{

font-size:46px;

color:#07142d;

}

.section-heading span{

color:#d4af37;

}

.section-heading p{

max-width:700px;

margin:auto;

color:#666;

}
/*=========================================
OUR TEAMS
=========================================*/

.our-teams-section{

    padding:90px 0;

    background:#07142d;

    position:relative;

}

/*=========================================
HEADING
=========================================*/

.our-teams-heading{

    margin-bottom:60px;

}

.title-line{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    margin-bottom:18px;

}

.title-line span{

    width:90px;

    height:2px;

    background:#d4af37;

    border-radius:20px;

}

.title-line h6{

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    margin:0;

}

.our-teams-heading h2{

    color:#fff;

    font-size:46px;

    font-weight:700;

    margin-bottom:18px;

}

.our-teams-heading h2 span{

    color:#d4af37;

}

.our-teams-heading p{

    color:#d2d7e4;

    font-size:17px;

    max-width:720px;

    margin:auto;

    line-height:1.8;

}

/*=========================================
GRID
=========================================*/

.teams-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:24px;

}

/*=========================================
CARD
=========================================*/

.team-card{

    background:#fff;

    border-radius:22px;

    padding:22px;

    text-align:center;

    position:relative;

    overflow:hidden;

    border:1px solid #ececec;

    transition:.35s;

    height:580px;

}

/*=========================================
TOP GOLD BAR
=========================================*/

.team-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0;

    height:4px;

    background:#d4af37;

    transition:.4s;

}

.team-card:hover::before{

    width:100%;

}

/*=========================================
HOVER
=========================================*/

.team-card:hover{

    transform:translateY(-10px);

    border-color:#d4af37;

    box-shadow:

    0 20px 45px rgba(0,0,0,.25),

    0 0 20px rgba(212,175,55,.22);

}

/*=========================================
DEPARTMENT ICON
=========================================*/

.dept-icon{

    width:72px;

    height:72px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:0 auto 18px;

    color:#fff;

    font-size:30px;

    transition:.35s;

}

.team-card:hover .dept-icon{

    transform:scale(1.08) rotate(8deg);

}

/*=========================================
TITLE
=========================================*/

.team-card h3{

    font-size:24px;

    color:#07142d;

    margin-bottom:12px;

    line-height:1.35;

    min-height:60px;

}

/*=========================================
UNDERLINE
=========================================*/

.dept-line{

    width:55px;

    height:3px;

    margin:0 auto 18px;

    border-radius:20px;

    transition:.35s;

}

.team-card:hover .dept-line{

    width:90px;

}
/*=========================================
DEPARTMENT COLORS
=========================================*/

/* Software */

.software{

    background:#1565C0;

}

.software-line{

    background:#1565C0;

}

.software-text{

    color:#1565C0;

}


/* Digital */

.marketing{

    background:#7B1FA2;

}

.marketing-line{

    background:#7B1FA2;

}

.marketing-text{

    color:#7B1FA2;

}


/* Franchise */

.franchise{

    background:#00897B;

}

.franchise-line{

    background:#00897B;

}

.franchise-text{

    color:#00897B;

}


/* Loans */

.loans{

    background:#EF6C00;

}

.loans-line{

    background:#EF6C00;

}

.loans-text{

    color:#EF6C00;

}


/*=========================================
MEMBER BOX
=========================================*/

.member-box{

    background:#f8f9fb;

    border-radius:16px;

    border:1px solid #ececec;

    padding:16px;

    text-align:left;

    margin-top:15px;

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/*=========================================
SOFTWARE / DIGITAL / LOANS MEMBER
=========================================*/

.member{

    display:flex;

    gap:14px;

    align-items:flex-start;

}
.team-card:nth-child(1) .member i{

color:#1565C0;

}
.team-card:nth-child(2) .member i{

color:#7B1FA2;

}
.team-card:nth-child(3) .member-row i{

color:#00897B;

}
.team-card:nth-child(4) .member i{

color:#EF6C00;

}

.member h4{

    font-size:18px;

    color:#07142d;

    margin-bottom:3px;

}

.member span{

    display:block;

    font-size:15px;

    font-weight:700;

    margin-bottom:8px;

}

.member p{

    font-size:14px;

    color:#666;

    line-height:1.6;

    margin:0;

}


/*=========================================
DIGITAL SEPARATOR
=========================================*/

.member-box hr{

    margin:16px 0;

    border:none;

    border-top:1px solid #ececec;

}


/*=========================================
FRANCHISE MEMBERS
=========================================*/

.member-row{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 0;

}

.member-row:not(:last-child){

    border-bottom:1px solid #ececec;

}

.member-row i{

    font-size:24px;

    color:#00897B;

    flex-shrink:0;

}

.member-row strong{

    display:block;

    color:#07142d;

    font-size:16px;

    margin-bottom:3px;

}

.member-row span{

    font-size:14px;

    color:#00897B;

}


/*=========================================
CARD HOVER
=========================================*/

.team-card:hover .member-box{

    border-color:#d4af37;

    box-shadow:0 10px 20px rgba(212,175,55,.12);

}

.team-card:hover .member i{

    transform:scale(1.08);

}

.team-card:hover .member-row i{

    transform:scale(1.08);

}
/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1200px){

.teams-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.teams-grid{

grid-template-columns:1fr;

}

.team-card{

height:auto;

}

}


/*=========================================
SMOOTH ANIMATIONS
=========================================*/

.team-card,
.member-box,
.dept-icon,
.dept-line,
.member i,
.member-row i{

transition:.35s;

}

.team-card:hover .member i,

.team-card:hover .member-row i{

transform:scale(1.15);

}


/*=========================================
CARD SHINE EFFECT
=========================================*/

.team-card::after{

content:"";

position:absolute;

top:-120%;

left:-60%;

width:50%;

height:220%;

background:linear-gradient(

90deg,

transparent,

rgba(255,255,255,.25),

transparent

);

transform:rotate(25deg);

transition:.7s;

pointer-events:none;

}

.team-card:hover::after{

left:140%;

}


/*=========================================
ICON GLOW
=========================================*/

.team-card:hover .dept-icon{

box-shadow:

0 0 20px rgba(212,175,55,.25),

0 10px 25px rgba(0,0,0,.18);

}


/*=========================================
HEADING ANIMATION
=========================================*/

.team-card:hover h3{

color:#0b2b61;

}


/*=========================================
UNDERLINE GLOW
=========================================*/

.team-card:hover .dept-line{

box-shadow:

0 0 12px rgba(212,175,55,.35);

}


/*=========================================
MEMBER BOX
=========================================*/

.team-card:hover .member-box{

transform:translateY(-2px);

}


/*=========================================
MEMBER HOVER
=========================================*/

.member:hover,

.member-row:hover{

transform:translateX(5px);

}

.member:hover h4,

.member-row:hover strong{

color:#d4af37;

}


/*=========================================
CURSOR
=========================================*/

.team-card{

cursor:pointer;

}


/*=========================================
CARD BORDER ANIMATION
=========================================*/

.team-card{

border:1px solid transparent;

background:

linear-gradient(#fff,#fff) padding-box,

linear-gradient(135deg,#ececec,#ececec) border-box;

}

.team-card:hover{

background:

linear-gradient(#fff,#fff) padding-box,

linear-gradient(135deg,#d4af37,#f4d878,#d4af37) border-box;

}


/*=========================================
CARD ALIGNMENT
=========================================*/

.team-card{

display:flex;

flex-direction:column;

justify-content:flex-start;

}


/*=========================================
REMOVE EXTRA GAP
=========================================*/

.team-card h3{

margin-bottom:10px;

}

.member-box{

margin-top:14px;

}

.member:last-child{

margin-bottom:0;

}

.member-row:last-child{

padding-bottom:0;

}


/*=========================================
SECTION END SPACING
=========================================*/

.our-teams-section{

padding-bottom:50px;

}
/*====================================
TEAM VALUES STRIP
=====================================*/

.team-values{

    margin-top:60px;

    background:#0b1f45;

    border-radius:18px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.18);

}

.value-item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:28px;

    position:relative;

    transition:.35s;

}

.value-item:not(:last-child){

    border-right:1px solid rgba(255,255,255,.12);

}

.value-item:hover{

    background:#132b59;

}

.value-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    border:2px solid #d4af37;

    color:#d4af37;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    transition:.35s;

    flex-shrink:0;

}

.value-item:hover .value-icon{

    background:#d4af37;

    color:#07142d;

    transform:rotate(8deg) scale(1.08);

}

.value-content h4{

    color:#fff;

    font-size:22px;

    margin-bottom:8px;

}

.value-content p{

    color:#d3d8e6;

    font-size:15px;

    line-height:1.6;

    margin:0;

}

@media(max-width:991px){

.team-values{

grid-template-columns:repeat(2,1fr);

}

.value-item:nth-child(2){

border-right:none;

}

.value-item{

border-bottom:1px solid rgba(255,255,255,.10);

}

.value-item:nth-last-child(-n+2){

border-bottom:none;

}

}

@media(max-width:768px){

.team-values{

grid-template-columns:1fr;

}

.value-item{

border-right:none!important;

border-bottom:1px solid rgba(255,255,255,.10);

}

.value-item:last-child{

border-bottom:none;

}

}
.footer-gap{

    background:#ffffff;

    padding:15px 0;

}