/*==================================================
ROOT VARIABLES
==================================================*/
:root{
    /*==============================
    Brand Colors
    ==============================*/
    --primary-color:#C40000;
    --secondary-color:#2F70BF;
    --background-color:#ffffff;
    --text-color:#64748b;
    --heading-color:#0f172a;
    /*==============================
    Typography
    ==============================*/
    --primary-font:"Inter",sans-serif;
    --fs-h1:clamp(2.5rem,5vw,3.5rem);
    --fs-h2:clamp(2rem,4vw,2.75rem);
    --fs-h3:clamp(1.5rem,3vw,2rem);
    --fs-h4:clamp(1.25rem,2vw,1.5rem);
    --fs-h5:clamp(1.05rem,1.8vw,1.25rem);
    --fs-h6:1rem;
    --fs-body:clamp(1.1rem,1vw + 0.25rem,1.125rem);
    --fs-card-body:clamp(1.050rem,1vw + 0.25rem,1rem);
    --fs-small:clamp(0.875rem,0.8vw,0.95rem);
    }
    /*==================================================
    GLOBAL RESET
    ==================================================*/
    html{
    scroll-behavior:smooth;
    }
    body{
    font-family:var(--primary-font);
    background:var(--background-color);
    }
    /*==================================================
    SCROLLBAR
    ==================================================*/
    ::-webkit-scrollbar{
    width:8px;
    }
    ::-webkit-scrollbar-track{
    background:#f1f5f9;
    }
    ::-webkit-scrollbar-thumb{
    background:var(--primary-color);
    border-radius:20px;
    }
    ::-webkit-scrollbar-thumb:hover{
    background:var(--secondary-color);
    }
    /*==================================================
    CONTAINER
    ==================================================*/
    @media(min-width:1400px){
    .container{
    max-width:1240px;
    }
    }  
    /*==================================================
    LINKS
    ==================================================*/
    a{
    text-decoration:none;
    transition:.3s ease;
    }
    a:hover{
    text-decoration:none;
    }
    /*==================================================
    LOGO
    ==================================================*/
    .site-logo{
    height:55px;
    width:auto;
    max-width:220px;
    object-fit:contain;
    transition:.3s ease;
    }
    .site-logo:hover{
    transform:scale(1.03);
    }
    .footer-logo{
    height:65px;
    width:auto;
    max-width:250px;
    object-fit:contain;
    }
    /*==================================================
    RESPONSIVE
    ==================================================*/
    .section-padding{
    padding:60px 0;
    }
    @media(max-width:991px){
    .section-padding{
    padding:80px 0;
    }
    }
    @media(max-width:768px){
    .site-logo{
    height:45px;
    max-width:180px;
    }
    .footer-logo{
    height:50px;
    max-width:180px;
    }
    .section-padding{
    padding:70px 0;
    }
    .section-title{
    margin-bottom:8px;
    }
    }
    /*==================================
    Premium Navbar
    ==================================*/
    .custom-navbar{
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    padding:12px 0;
    transition:.35s ease;
    border-bottom:1px solid rgba(15,23,42,.05);
    box-shadow:0 6px 25px rgba(15,23,42,.05);
    z-index:999;
    }
    .site-logo{
    height:50px;
    width:auto;
    }
    /*==================================
    Navigation
    ==================================*/
    .navbar-nav{
    gap:10px;
    }
    .navbar-nav .nav-link{
    color:var(--heading-color);
    font-size:15px;
    font-weight:600;
    padding:10px 18px;
    border-radius:50px;
    transition:.3s;
    }
    .navbar-nav .nav-link:hover{
    background:rgba(47,112,191,.08);
    color:var(--secondary-color);
    }
    .navbar-nav .nav-link.active{
    background:rgba(196,0,0,.08);
    color:var(--primary-color);
    }
    /*==================================
    CTA Button
    ==================================*/
    .nav-btn{
    background:linear-gradient(
    135deg,
    var(--primary-color),
    var(--secondary-color)
    );
    color:#fff;
    border:none;
    padding:12px 28px;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
    }
    .nav-btn:hover{
    transform:translateY(-2px);
    color:#fff;
    box-shadow:0 10px 25px rgba(47,112,191,.25);
    }
    /*==================================
    Toggler
    ==================================*/
    .navbar-toggler{
    font-size:30px;
    color:var(--heading-color);
    }
    .navbar-toggler:focus{
    box-shadow:none;
    }
    /*==================================
    Mobile
    ==================================*/
    @media(max-width:991px){
    .navbar-collapse{
    background:#fff;
    margin-top:18px;
    padding:20px;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    }
    .navbar-nav{
    gap:6px;
    margin-bottom:20px;
    }
    .navbar-nav .nav-link{
    border-radius:12px;
    padding:8px 15px;
    }
    .nav-btn{
    width:100%;
    text-align:center;
    }
    }
    /* =============== HERO SECTION CSS STARTS ======================= */
    .hero-section{
    background:#f8fafc;
    position:relative;
    overflow:hidden;
    }
    .hero-section h1{
    font-size:var(--fs-h1);
    font-weight:700;
    line-height:1.2;
    color:var(--heading-color);
    margin-bottom:25px;
    }
    .hero-section h1 span{
    color:#2F70BF;
    }
    .hero-section p{
    font-size: var(--fs-body);
    color:#666;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .hero-section .badge{
    display:inline-block;
    background:#ffecec;
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
    letter-spacing: 0.06rem;
    }
    .hero-section .hero-buttons{
    display:flex;
    gap:20px;
    margin-bottom:45px;
    }
    .hero-section .btn-primary-custom{
    background:#C40000;
    color:#fff;
    padding:15px 25px;
    border-radius:50px;
    text-decoration:none;
    transition:.3s;
    }
    .hero-section .btn-primary-custom:hover{
    background:#9d0000;
    color:#fff;
    }
    .hero-section .btn-outline-custom{
    border:2px solid #2F70BF;
    color:#2F70BF;
    padding:14px 35px;
    border-radius:50px;
    text-decoration:none;
    transition:.3s;
    }
    .hero-section .btn-outline-custom:hover{
    background:#2F70BF;
    color:#fff;
    }
    .hero-section .hero-stats{
    /*display:flex;*/
    display: none;
    gap:50px;
    }
    .hero-section .hero-stats h3{
    color:var(--secondary-color);
    font-size: var(--fs-h3);
    margin-bottom:5px;
    font-weight:700;
    }
    .hero-section .hero-stats span{
    color:#666;
    font-size:14px;
    }
    .hero-section .hero-image{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    }
    .hero-section .hero-image img{
    max-width:90%;
    border-radius:30px;
    }
    @media (max-width: 768px) {
    .hero-section{
    padding-top:20px;
    text-align:center;
    }
    .hero-section h1,
    .hero-section p{
    text-align:center;
    }
    .hero-section .hero-image{
    justify-content:center;
    margin-top:40px;
    }
    }
    /*==================================
Hero Buttons Responsive
==================================*/
@media (max-width: 991px){
.hero-section .hero-buttons{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
margin-bottom:35px;
}
.hero-section .btn-primary-custom,
.hero-section .btn-outline-custom{
width:100%;
max-width:320px;
text-align:center;
padding:15px 20px;
}
}
@media (max-width:576px){
.hero-section .hero-buttons{
flex-direction:column;
align-items:center;
gap:12px;
}
.hero-section .btn-primary-custom,
.hero-section .btn-outline-custom{
width:100%;
max-width:100%;
padding:14px 20px;
font-size:15px;
}
}
    /* ====================================
    Why Choose Us Section
    ==================================== */
    .why-us-section {
    background: #ffffff;
    }
    .why-us-section h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    line-height: 1.3;   
    }
    .why-us-section h2 span{
    color: #2F70BF;
    }
    .why-us-section .badge {
    display:inline-block;
    background: rgba(196, 0, 0, 0.08);
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    letter-spacing: 0.06rem;
    }
    .why-us-section p{
    font-size: var(--fs-body);
    color:#666;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .why-us-section .feature-card {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    padding: 35px;
    transition: all .35s ease;
    height: 100%;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,.04);
    }
    .why-us-section .feature-card:hover {
    transform: translateY(-8px);
    border-color: #2F70BF;
    box-shadow: 0 20px 40px rgba(47,112,191,.12);
    }
    .why-us-section .feature-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    border-radius: 50%;
    margin: 0 auto 20px;
    background: linear-gradient(
    135deg,
    #fff5f5 0%,
    #ffffff 100%,
    #f2f7ff 100%
    );
    color:var(--secondary-color);
    }
    .why-us-section .feature-card h4 {
    font-size: var(--fs-h4);
    font-weight: 600;
    color:var(--heading-color);
    margin-bottom: 15px;
    }
    .why-us-section .feature-card p {
    color: #666666;
    font-size:var(--fs-card-body);
    line-height: 1.5;
    margin-bottom: 0;
    }
    /* ===========================
    Responsive
    =========================== */
    @media(max-width:768px){
    .why-us-section .h2{
    font-size:var(--fs-h2);
    }
    .why-us-section .feature-card{
    padding:25px;
    }
    }
    /*==================================
    Services Section
    ===================================*/
    .services-section{
    background:#f8fafc;
    }
    .services-section .badge {
    display:inline-block;
    background: rgba(196, 0, 0, 0.08);
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    letter-spacing: 0.06rem;
    }
    .services-section h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    line-height: 1.3;   
    }
    .services-section h2 span{
    color: #2F70BF;
    }
    .services-section p{
    font-size: var(--fs-body);
    color:#666;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .services-section .service-card{
    background:#ffffff;
    border-radius:20px;
    padding:35px;
    height:100%;
    transition:.35s;
    border:1px solid #ececec;
    box-shadow:0 10px 30px rgba(0,0,0,.04);
    }
    .services-section .service-card:hover{
    transform:translateY(-8px);
    border-color:var(--secondary-color);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
    }
    .services-section .service-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    background: linear-gradient(
    135deg,
    #fff5f5 0%,
    #ffffff 50%,
    #f2f7ff 100%
    );
    color:var(--primary-color);
    margin-bottom:15px;
    }
    .services-section .service-card h4{
    font-size:var(--fs-h4);
    font-weight:700;
    color:#2b2b2b;
    margin-bottom:15px;
    }
    .services-section .service-card p{
    color:#666;
    font-size:var(--fs-card-body);
    line-height:1.5;
    margin-bottom:25px;
    }
    /*==================================
    Investment Journey
    ===================================*/
    .journey-section{
    background:#ffffff;
    }
    .journey-section .badge {
    display:inline-block;
    background: rgba(196, 0, 0, 0.08);
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    letter-spacing: 0.06rem;
    }
    .journey-section h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    line-height: 1.3;   
    }
    .journey-section h2 span{
    color: #2F70BF;
    }
    .journey-section p{
    font-size: var(--fs-body);
    color:#666;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .journey-section .journey-card{
    position:relative;
    background:#ffffff;
    border:1px solid #e9ecef;
    border-radius:20px;
    padding:40px 30px;
    text-align:center;
    transition:all .3s ease;
    height:100%;
    overflow:hidden;
    }
    .journey-section .journey-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    border-color:var(--secondary-color);   
    }
    .journey-section .journey-number{
    width:60px;
    height:60px;
    margin:0 auto 25px;
    border-radius:50%;
    background: linear-gradient(
    135deg,
    #2F70BF 0%,
    #4a87d1 100%
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    font-weight:700;
    }
    .journey-section .journey-card h4{
    font-size:var(--fs-h4);
    font-weight:600;
    color:#2B2B2B;
    margin-bottom:15px;
    }
    .journey-section .journey-card p{
    color:#666;
    line-height:1.5;
    font-size:var(--fs-card-body);
    margin-bottom:0;
    }
    /*==================================
    Advisor Section
    ===================================*/
    .advisor-section{
    background:#f8fafc;
    }
    
    .advisor-section .advisor-content{
    padding-left:50px;
    }
    .advisor-section .badge {
    display:inline-block;
    background: rgba(196, 0, 0, 0.08);
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    letter-spacing: 0.06rem;
    }
    .advisor-section h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    line-height: 1.3;   
    }
    .advisor-section h2 span{
    color: #2F70BF;
    }
    .advisor-section p{
    font-size: var(--fs-body);
    color:#666;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .advisor-section .advisor-image{
    position: relative;
    max-width: 420px;
    height: 650px;
    overflow: hidden;
    margin-right: auto;
    }
    .advisor-section .advisor-image img{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
    object-fit: contain;
    }
    .advisor-name{
    position:absolute;
    left:20px;
    bottom:20px;
    background:rgba(255,255,255,.95);
    padding:16px 20px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    z-index:5;
    }
    .advisor-name h4{
    margin:0;
    font-size:22px;
    font-weight:700;
    color:#1e293b;
    }
    .advisor-name span{
    font-size:14px;
    color:#64748b;
    }
    .advisor-section  .advisor-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:35px 0;
    }
    .advisor-section  .advisor-item{
    background:#fff;
    border:1px solid #ececec;
    padding:15px 20px;
    border-radius:12px;
    font-weight:500;
    transition:.3s;
    }
    .advisor-section  .advisor-item:hover{
    border-color:var(--secondary-color);
    transform:translateY(-3px);
    }
    .advisor-section .advisor-btn{
    display:inline-block;
    background:var(--secondary-color);
    color:#fff;
    padding:15px 35px;
    border-radius:50px;
    text-decoration:none;
    transition:.3s;
    }
    .advisor-section .advisor-btn:hover{
    background:var(--primary-color);
    color:#fff;
    }
    @media (max-width:991px){
    .advisor-section .row{
    text-align:center;
    }
    .advisor-section .advisor-content{
        padding:40px 20px 0;
    }
    .advisor-section .advisor-image{
    margin:0 auto 35px;
    max-width:320px;
    height:430px;
    }
    .advisor-section .advisor-name{
    left:50%;
    transform:translateX(-50%);
    width:90%;
    text-align:center;
    }
    .advisor-section .advisor-image img{
    max-width:280px;
    }
    .advisor-section .advisor-features{
    grid-template-columns:1fr;
    }
    .advisor-section .advisor-btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    }
    }
    /*==================================
    Core Values
    ==================================*/
    .core-values-section{
    background:#ffffff;
    }
    .core-values-section .badge {
    display:inline-block;
    background: rgba(196, 0, 0, 0.08);
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    letter-spacing: 0.06rem;
    }
    .core-values-section h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    line-height: 1.3;   
    }
    .core-values-section h2 span{
    color: #2F70BF;
    }
    .core-values-section p{
    font-size: var(--fs-body);
    color:#666;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .core-values-section .value-card{
    background:#fff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    border:1px solid #e5e7eb;
    transition:.35s;
    height:100%;
    }
    .core-values-section .value-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    }
    .core-values-section .value-icon{
    width:55px;
    height:55px;
    margin:0 auto 25px;
    border-radius:50%;
    background: linear-gradient(
    135deg,
    #2F70BF 0%,
    #4a87d1 100%
    );
    display:flex;
    align-items:center;
    justify-content:center;
    }
    .core-values-section .value-icon i{
    font-size:24px;
    color:#fff;
    }
    .core-values-section .value-card h4{
    font-size: var(--fs-h4);   
    margin-bottom:15px;
    }
    .core-values-section .value-card p{
    font-size: var(--fs-card-body); 
    margin-bottom:0;
    }
    /*==================================
    Compliance Section
    ==================================*/
    .compliance-section{
    background:#f8fafc;
    }
    .compliance-section .badge {
    display:inline-block;
    background: rgba(196, 0, 0, 0.08);
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    letter-spacing: 0.06rem;
    }
    .compliance-section h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    line-height: 1.3;   
    }
    .compliance-section h2 span{
    color: #2F70BF;
    }
    .compliance-section p{
    font-size: var(--fs-body);
    color:#666;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .compliance-section .compliance-card{
    background:#fff;
    border-radius:18px;
    padding:25px;
    text-align:center;
    border:1px solid #e5e7eb;
    transition:.35s;
    height:100%;
    }
    .compliance-section .compliance-card:hover{
    transform:translateY(-6px);
    border-color:var(--secondary-color);
    }
    .compliance-section .compliance-card i{
    display:block;
    font-size:36px;
    color:var(--secondary-color);
    margin-bottom:15px;
    }
    .compliance-section .compliance-card span{
    font-weight:600;
    color:var(--heading-color);
    }
    
 /*==================================
Compliance Responsive
==================================*/
@media (max-width: 991px) {
.compliance-section .compliance-content{
text-align: center;
margin-bottom: 40px;
}
.compliance-section .compliance-content .badge{
margin-left: auto;
margin-right: auto;
}
.compliance-section .compliance-content h2{
text-align: center;
}
.compliance-section .compliance-content p{
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
}
}
    /*==================================
    Testimonials Section
    ===================================*/
    .testimonials-section{
    background:#ffffff;
    }
    .testimonials-section .badge {
    display:inline-block;
    background: rgba(196, 0, 0, 0.08);
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    letter-spacing: 0.06rem;
    }
    .testimonials-section h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    line-height: 1.3;   
    }
    .testimonials-section h2 span{
    color: #2F70BF;
    }
    .testimonials-section p{
    font-size: var(--fs-body);
    color:#666;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .testimonials-section .testimonial-card{
    background:#ffffff;
    border:1px solid #e8e8e8;
    border-radius:24px;
    padding:35px;
    height:100%;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    }
    .testimonials-section .testimonial-card:hover{
    transform:translateY(-8px);
    border-color:#2F70BF;
    box-shadow:0 20px 45px rgba(47,112,191,.10);
    }
    .testimonials-section .stars{
    color:#f59e0b;
    font-size:var(--fs-h5);
    letter-spacing:3px;
    margin-bottom:20px;
    }
    .testimonials-section .testimonial-card p{
    color:#666;
    line-height:1.8rem;
    font-size:var(--fs-body);
    margin-bottom:30px;
    }
    .testimonials-section  .client-info{
    display:flex;
    align-items:center;
    gap:15px;
    }
    .testimonials-section  .client-avatar{
    width:40px;
    height:40px;
    border-radius:50%;
    background: linear-gradient(
    135deg,
    #2F70BF 0%,
    #4a87d1 100%
    );
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:var(--fs-body);
    font-weight:700;
    }
    .testimonials-section .client-info h5{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#2B2B2B;
    }
    .testimonials-section .client-info span{
    color:#777;
    font-size:var(--fs-body);
    }
    /*==================================
    FAQ Section
    ===================================*/
    .faq-section{
    background:#f8fafc;
    }
    .faq-section .badge {
    display:inline-block;
    background: rgba(196, 0, 0, 0.08);
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    letter-spacing: 0.06rem;
    }
    .faq-section h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    line-height: 1.3;   
    }
    .faq-section h2 span{
    color: #2F70BF;
    }
    .faq-section p{
    font-size: var(--fs-body);
    color:#666;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .faq-section .custom-faq .accordion-item{
    border:none;
    border-radius:16px;
    overflow:hidden;
    margin-bottom:20px;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
    }
    .faq-section .custom-faq .accordion-button{
    background:#ffffff;
    color:#2B2B2B;
    font-size:var(--fs-body);
    font-weight:600;
    padding:22px 25px;
    box-shadow:none;
    }
    .faq-section .custom-faq .accordion-button:not(.collapsed){
    background: linear-gradient(
    135deg,
    #2F70BF 0%,
    #4a87d1 100%
    );
    color:#ffffff;
    }
    .faq-section .custom-faq .accordion-button:focus{
    box-shadow:none;
    }
    .faq-section .custom-faq .accordion-body{
    font-size:var(--fs-card-body);
    color:#666;
    line-height:1.8;
    background:#ffffff;
    }
    .faq-section .custom-faq .accordion-button::after{
    filter:brightness(0);
    }
    .faq-section .custom-faq .accordion-button:not(.collapsed)::after{
    filter:brightness(0) invert(1);
    }
    /*==================================
    Contact Section
    ===================================*/
    .contact-section{
    background:#ffffff;
    }
    .contact-section .badge {
    display:inline-block;
    background: rgba(196, 0, 0, 0.08);
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    letter-spacing: 0.06rem;
    }
    .contact-section h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 15px;
    line-height: 1.3;   
    }
    .contact-section h2 span{
    color: #2F70BF;
    }
    .contact-section p{
    font-size: var(--fs-body);
    color:#666;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .contact-section  .contact-info{
    display:flex;
    flex-direction:column;
    gap:20px;
    }
    .contact-section  .info-box{
    display:flex;
    gap:18px;
    align-items:flex-start;
    background:#f8fafc;
    padding:20px;
    border-radius:16px;
    transition:.3s;
    }
    .contact-section  .info-box:hover{
    transform:translateX(8px);
    }
    .contact-section  .info-icon{
    flex:0 0 50px;           
    width:50px;
    height:50px;
    background: linear-gradient(
    135deg,
    #2F70BF 0%,
    #4a87d1 100%
    );
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:var(--fs-body);
    }
    .contact-section  .info-box h5{
    margin-bottom:6px;
    color:#2B2B2B;
    font-weight:600;
    font-size: var(--fs-card-body);
    }
    .contact-section  .info-box p{
    margin:0;
    color:#666;
    font-size: var(--fs-card-body);
    }
    .contact-section  .contact-form-box{
    background:#f8fafc;
    padding:40px;
    border-radius:25px;
    box-shadow:0 15px 35px rgba(0,0,0,.05);
    }
    .contact-section  .contact-form-box h4{
    font-size: var(--fs-h4);
    font-weight:600;
    }
    .contact-section  .contact-form-box small{
    font-size: var(--fs-small);
    margin-bottom: 20px;
    }
    .contact-section  .contact-form-box .form-control{
    height:58px;
    border-radius:12px;
    border:1px solid #ddd;
    box-shadow:none;
    font-size: var(--fs-card-body);
    }
    .contact-section  .contact-form-box textarea.form-control{
    height:auto;
    resize:none;
    }
    .contact-section  .contact-form-box .form-control:focus{
    border-color:#2F70BF;
    box-shadow:none;
    }
    .contact-section  .submit-btn{
    width:100%;
    border:none;
    background: linear-gradient(
    135deg,
    #2F70BF 0%,
    #4a87d1 100%
    );
    color:#fff;
    padding:16px;
    border-radius:50px;
    font-size:17px;
    font-weight:600;
    transition:.3s;
    }
    .contact-section  .submit-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 25px rgba(47,112,191,.25);
    }
    
    /*==================================
Contact Responsive
==================================*/
@media (max-width:991px){
/* Left Content */
.contact-section .contact-content{
text-align:center;
margin-bottom:40px;
}
.contact-section .contact-content p{
text-align:center;
}
.contact-section .badge{
margin-left:auto;
margin-right:auto;
}
/* Contact Cards */
.contact-section .info-box{
text-align:left;
}
/* Form */
.contact-section .contact-form-box{
padding:30px 20px;
}
.contact-section .contact-form-box h4,
.contact-section .contact-form-box small{
text-align:center;
display:block;
}
}
@media (max-width:576px){
.contact-section .contact-form-box{
padding:25px 18px;
}
.contact-section .info-box{
padding:18px;
}
.contact-section .submit-btn{
font-size:16px;
}
}
    /*==================================
    CTA Section
    ===================================*/
    .cta-section{
    background:#f8fafc;
    }
    .cta-section .cta-wrapper{
    background: linear-gradient(
    135deg,
    #2F70BF 0%,
    #4a87d1 100%
    );
    border-radius:30px;
    padding:60px;
    color:#ffffff;
    position:relative;
    overflow:hidden;
    }
    .cta-section .cta-wrapper::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    top:-120px;
    right:-80px;
    }
    .cta-section .cta-badge{
    display:inline-block;
    background:rgba(255,255,255,.15);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
    }
    .cta-section .cta-wrapper h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    color: white;
    margin-bottom: 15px;
    line-height: 1.3;   
    }
    .cta-section .cta-wrapper h2 span{
    color:white;
    }
    .cta-section .cta-wrapper p{
    font-size: var(--fs-body);
    color:white;
    line-height: 1.8;
    margin-bottom:35px;
    }
    .cta-section .cta-btn{
    display:inline-block;
    background:#ffffff;
    color:#C40000;
    padding:18px 36px;
    border-radius:50px;
    text-decoration:none;
    font-size:17px;
    font-weight:600;
    transition:.3s;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    }
    .cta-section .cta-btn:hover{
    background:var(--primary-color);
    color:#ffffff;
    transform:translateY(-3px);
    }
    /*==================================
    Footer Section
    ==================================*/
    .footer-section{
    background:#0f172a;
    color:#cbd5e1;
    position:relative;
    overflow:hidden;
    }
    .footer-top{
    padding:40px 0 40px;
    }
    .footer-logo{
    max-height:70px;
    width:auto;
    margin-bottom:25px;
    background:#fff;
    padding:10px;
    border-radius:10px;
    }
    .footer-about{
    font-size:16px;
    line-height:30px;
    color:#cbd5e1;
    max-width:450px;
    margin-bottom:30px;
    }
    /*==================================
    Social Icons
    ==================================*/
    .footer-social{
    display:flex;
    gap:12px;
    }
    .footer-social a{
    width:45px;
    height:45px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.08);
    color:#ffffff;
    font-size:18px;
    transition:all .3s ease;
    text-decoration:none;
    }
    .footer-social a:hover{
    background:linear-gradient(135deg,#C40000,#2F70BF);
    transform:translateY(-4px);
    color:#ffffff;
    }
    /*==================================
    Titles
    ==================================*/
    .footer-title{
    font-size:22px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:25px;
    position:relative;
    }
    .footer-title::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:55px;
    height:3px;
    background:linear-gradient(90deg,#C40000,#2F70BF);
    border-radius:5px;
    }
    /*==================================
    Quick Links
    ==================================*/
    .footer-links{
    list-style:none;
    padding:0;
    margin:0;
    }
    .footer-links li{
    margin-bottom:15px;
    }
    .footer-links li a{
    color:#cbd5e1;
    text-decoration:none;
    transition:.3s;
    position:relative;
    }
    .footer-links li a:hover{
    color:#ffffff;
    padding-left:8px;
    }
    /*==================================
    Contact Info
    ==================================*/
    .footer-contact{
    list-style:none;
    padding:0;
    margin:0;
    }
    .footer-contact li{
    display:flex;
    gap:12px;
    align-items:flex-start;
    margin-bottom:10px;
    line-height:1.8;
    color:#cbd5e1;
    }
    .footer-contact li i{
    color:white;
    font-size:var(--fs-body);
    margin-top:1px;
    min-width:20px;
    }
    .footer-contact li a{
    color:#cbd5e1;
    text-decoration:none;
    transition:.3s;
    }
    .footer-contact li a:hover{
    color:#ffffff;
    }
    /*==================================
    Button
    ==================================*/
    .footer-section .btn-primary{
    background:linear-gradient(135deg,#C40000,#2F70BF);
    border:none;
    padding:12px 28px;
    border-radius:50px;
    font-weight:600;
    }
    .footer-section .btn-primary:hover{
    opacity:.9;
    }
    /*==================================
    Disclaimer
    ==================================*/
    .footer-disclaimer{
    margin-top:50px;
    padding:25px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    }
    .footer-disclaimer p{
    margin:0;
    color:#94a3b8;
    font-size:var(--fs-small);
    line-height:1.8;
    text-align:center;
    }
    /*==================================
    Bottom Footer
    ==================================*/
    .footer-bottom{
    padding:25px 0;
    background:#020617;
    }
    .footer-bottom p{
    color:#94a3b8;
    margin:0;
    font-size:var(--fs-small);
    }
    .footer-bottom-link{
    color:#cbd5e1;
    text-decoration:none;
    transition:.3s;
    font-size:var(--fs-small);
    }
    .footer-bottom-link:hover{
    color:#ffffff;
    }
    /*==================================
    Responsive
    ==================================*/
    @media(max-width:991px){
    .footer-title{
    margin-top:20px;
    }
    }
    @media(max-width:767px){
    .footer-social{
    justify-content:flex-start;
    margin-bottom:25px;
    }
    .footer-bottom{
    text-align:center;
    }
    .footer-bottom .text-md-end{
    text-align:center !important;
    }
    .footer-bottom-link{
    display:inline-block;
    margin:10px 8px 0;
    }
    }
    /*==================================
    Legal Hero Section
    ==================================*/
    .legal-hero{
    background:linear-gradient(
    135deg,
    #fff5f5 0%,
    #ffffff 50%,
    #f2f7ff 100%
    );
    }
    .legal-hero .badge {
    display:inline-block;
    background: rgba(196, 0, 0, 0.08);
    color:var(--primary-color);
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    letter-spacing: 0.06rem;
    }
    .legal-hero h1{
    font-size:var(--fs-h2);
    font-weight:700;
    color:var(--heading-color);
    margin-bottom: 0px;
    margin-top: 10px;
    }
    .legal-hero h2 span{
    color: #2F70BF;
    }
    .legal-hero p{
    font-size:var(--fs-h6);
    max-width:700px;
    margin:auto;
    color:var(--text-color);
    font-size:18px;
    line-height:32px;
    }
    /*==================================
    Legal Section
    ==================================*/
    .legal-section{
    background:#f8fafc;
    }
    .legal-box{
    background:#ffffff;
    padding:60px;
    border-radius:25px;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
    }
    /*==================================
    Headings
    ==================================*/
    .legal-box h2{
    font-size:var(--fs-h3);
    font-weight:700;
    color:var(--heading-color);
    }
    .legal-box h3{
    font-size:var(--fs-h4);
    font-weight:600;
    color:var(--heading-color);
    margin-top:40px;
    margin-bottom:18px;
    position:relative;
    padding-left:18px;
    }
    .legal-box h3::before{
    content:"";
    position:absolute;
    left:0;
    top:5px;
    width:5px;
    height:28px;
    background:linear-gradient(
    180deg,
    var(--primary-color),
    var(--secondary-color)
    );
    border-radius:20px;
    }
    /*==================================
    Paragraphs
    ==================================*/
    .legal-box p{
    color:var(--heading-color);
    font-size:var(--fs-card-body);
    line-height:32px;
    margin-bottom:18px;
    }
    /*==================================
    Lists
    ==================================*/
    .legal-box ul{
    list-style:none;
    padding-left:0;
    margin:10px 0;
    }
    .legal-box ul li{
    position:relative;
    padding-left:32px;
    margin-bottom:14px;
    color:var(--heading-color);
    line-height:1.3;
    }
    .legal-box ul li::before{
    content:"\F26E";
    font-family:"bootstrap-icons";
    position:absolute;
    left:0;
    top:1px;
    color:var(--secondary-color);
    font-size:var(--fs-body);
    }
    /*==================================
    Contact List
    ==================================*/
    .legal-contact-list{
    margin-top:35px !important;
    padding:30px !important;
    background:#f8fafc;
    border-radius:18px;
    border:1px solid #e5e7eb;
    }
    .legal-contact-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding-left:0 !important;
    margin-bottom:10px;
    }
    .legal-contact-list li::before{
    display:none;
    }
    .legal-contact-list li i{
    color:var(--secondary-color);
    font-size:var(--fs-body);
    margin-top:3px;
    }
    .legal-contact-list a{
    color:var(--text-color);
    transition:.3s;
    }
    .legal-contact-list a:hover{
    color:var(--primary-color);
    }
    /*==================================
    Responsive
    ==================================*/
    @media(max-width:991px){
    .legal-box{
    padding:40px;
    }
    }
    @media(max-width:768px){
    .legal-hero{
    padding:70px 0 50px;
    }
    .legal-box{
    padding:25px;
    }
    .legal-box h2{
    font-size:30px;
    }
    .legal-box h3{
    font-size:22px;
    }
    .legal-box p{
    font-size:15px;
    line-height:28px;
    }
    .page-subtitle{
    font-size:16px;
    line-height:28px;
    }
    }