@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

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

body{
    font-family: "Outfit", sans-serif;
    overflow-x:hidden;
    margin:0;
    padding:0;
}

/* ==========================
   GLOBAL
========================== */

:root{

    --primary:#f39200;
    --secondary:#0066c9;
    --dark:#101828;
    --white:#ffffff;
    --light:#f5f7fa;

}

/* =========================================
   HEADER
========================================= */

.custom-header {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    z-index: 9999;
}

/* Header Box */

.header-box {
    width: 100%;
   min-height: 68px;

    padding: 10px 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: rgba(255, 255, 255, 0.97);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border-radius: 24px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);

    transition: all 0.35s ease;
}

/* =========================================
   LOGO
========================================= */

.header-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.header-logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.brand-image {
    display: block;
    width: auto;
    max-width: 250px;
    max-height: 55px;
    object-fit: contain;
}

/* =========================================
   DESKTOP NAVIGATION
========================================= */

.main-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 8px;

    margin-left: auto;
}

.main-navigation > .nav-link,
.dropdown-toggle-custom {
    position: relative;

    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding: 13px 17px;

    border: none;
    background: transparent;

    color: #344054;

    text-decoration: none;

        font-size: 16px;
    font-weight: 600;

    white-space: nowrap;

    cursor: pointer;

    transition: all 0.3s ease;
}

.main-navigation > .nav-link:hover,
.dropdown-toggle-custom:hover {
    color: var(--primary);
}

/* Active underline */

.main-navigation > .nav-link::after,
.dropdown-toggle-custom::after {
    content: "";

    position: absolute;

    left: 17px;
    right: 17px;
    bottom: 5px;

    height: 2px;

    background: var(--primary);

    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.3s ease;
}

.main-navigation > .nav-link:hover::after,
.dropdown-toggle-custom:hover::after {
    transform: scaleX(1);
}

/* Dropdown arrow */

.dropdown-toggle-custom i {
    font-size: 10px;

    transition: transform 0.3s ease;
}

.nav-dropdown:hover .dropdown-toggle-custom i {
    transform: rotate(180deg);
}

/* =========================================
   DROPDOWN
========================================= */

.nav-dropdown {
    position: relative;
}

.dropdown-menu-custom {
    position: absolute;

    top: calc(100% + 15px);
    left: 50%;

    width: 300px;

    padding: 14px;

    background: #fff;

    border-radius: 18px;

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

    opacity: 0;
    visibility: hidden;

    transform: translate(-50%, 10px);

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease;

    z-index: 10000;
}

/* Small top arrow */

.dropdown-menu-custom::before {
    content: "";

    position: absolute;

    top: -7px;
    left: 50%;

    width: 14px;
    height: 14px;

    background: #fff;

    transform: translateX(-50%) rotate(45deg);
}

/* Show dropdown */

.nav-dropdown:hover .dropdown-menu-custom {
    opacity: 1;
    visibility: visible;

    transform: translate(-50%, 0);
}

/* Dropdown links */

.dropdown-menu-custom a {
    display: block;

    padding: 11px 14px;

    color: #344054;

    text-decoration: none;

    font-size: 14px;
    font-weight: 500;

    border-radius: 10px;

    transition: all 0.25s ease;
}

.dropdown-menu-custom a:hover {
    color: var(--primary);

    background: #fff7ed;

    transform: translateX(4px);
}

/* =========================================
   MOBILE MENU BUTTON
========================================= */

.mobile-menu-toggle {
    display: none;

    width: 48px;
    height: 48px;

    padding: 0;

    border: 1px solid #ddd;
    border-radius: 50%;

    background: #fff;

    align-items: center;
    justify-content: center;

    flex-direction: column;

    gap: 5px;

    cursor: pointer;

    transition: all 0.3s ease;
}

.mobile-menu-toggle span {
    display: block;

    width: 20px;
    height: 2px;

    background: #344054;

    border-radius: 10px;

    transition: all 0.3s ease;
}

.mobile-menu-toggle:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.mobile-menu-toggle:hover span {
    background: #fff;
}

/* =========================================
   MOBILE NAVIGATION
========================================= */

.mobile-navigation {
    display: none;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {

    .header-box {
        padding: 10px 20px;
    }

    .main-navigation {
        gap: 2px;
    }

    .main-navigation > .nav-link,
    .dropdown-toggle-custom {
        padding: 12px 12px;
        font-size: 14px;
    }

    .brand-image {
        max-width: 210px;
    }

}

/* =========================================
   MOBILE / TABLET
========================================= */

@media (max-width: 991px) {

    .custom-header {
        top: 15px;
        left: 15px;
        right: 15px;
    }

    .header-box {
        min-height: 70px;

        padding: 10px 16px;

        border-radius: 20px;
    }

    /* Hide desktop navigation */

    .main-navigation {
        display: none;
    }

    /* Show mobile button */

    .mobile-menu-toggle {
        display: flex;
    }

    .brand-image {
        max-width: 200px;
        max-height: 48px;
    }

    /* Mobile Navigation */

    .mobile-navigation {
        display: block;

        position: absolute;

        top: calc(100% + 10px);

        left: 0;
        right: 0;

        padding: 15px;

        background: #fff;

        border-radius: 20px;

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

        opacity: 0;
        visibility: hidden;

        transform: translateY(-15px);

        transition:
            opacity 0.3s ease,
            visibility 0.3s ease,
            transform 0.3s ease;

        max-height: calc(100vh - 110px);

        overflow-y: auto;
    }

    .mobile-navigation.active {
        opacity: 1;
        visibility: visible;

        transform: translateY(0);
    }

    /* Main mobile links */

    .mobile-navigation > a {
        display: flex;

        align-items: center;

        min-height: 50px;

        padding: 12px 14px;

        color: #344054;

        text-decoration: none;

        font-size: 16px;
        font-weight: 600;

        border-radius: 10px;

        transition: all 0.3s ease;
    }

    .mobile-navigation > a:hover {
        color: var(--primary);
        background: #fff7ed;
    }

    /* Mobile dropdown */

    .mobile-dropdown {
        border-radius: 10px;
    }

    .mobile-dropdown-btn {
        width: 100%;

        min-height: 50px;

        padding: 12px 14px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        border: none;

        background: transparent;

        color: #344054;

        font-size: 16px;
        font-weight: 600;

        text-align: left;

        cursor: pointer;

        border-radius: 10px;

        transition: all 0.3s ease;
    }

    .mobile-dropdown-btn:hover {
        color: var(--primary);
        background: #fff7ed;
    }

    .mobile-dropdown-btn i {
        font-size: 11px;

        transition: transform 0.3s ease;
    }

    .mobile-dropdown.open
    .mobile-dropdown-btn i {
        transform: rotate(180deg);
    }

    /* Dropdown content */

    .mobile-dropdown-content {
        display: none;

        padding: 5px 0 8px 14px;
    }

    .mobile-dropdown.open
    .mobile-dropdown-content {
        display: block;
    }

    .mobile-dropdown-content a {
        display: block;

        padding: 10px 14px;

        color: #667085;

        text-decoration: none;

        font-size: 14px;
        font-weight: 500;

        border-left: 2px solid #f39200;

        transition: all 0.25s ease;
    }

    .mobile-dropdown-content a:hover {
        color: var(--primary);
        padding-left: 18px;
    }

}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 576px) {

    .custom-header {
        top: 0;
        left: 0;
        right: 0;
    }

    .header-box {
        min-height: 68px;

        padding: 9px 14px;

        border-radius: 0;
    }

    .brand-image {
        max-width: 170px;
        max-height: 45px;
    }

    .mobile-menu-toggle {
        width: 44px;
        height: 44px;
    }

    .mobile-navigation {
        top: calc(100% + 2px);

        left: 10px;
        right: 10px;

        max-height: calc(100vh - 90px);

        padding: 12px;

        border-radius: 16px;
    }

    .mobile-navigation > a,
    .mobile-dropdown-btn {
        min-height: 48px;

        font-size: 15px;
    }

}

/* =========================================
   VERY SMALL DEVICES
========================================= */

@media (max-width: 375px) {

    .header-box {
        padding: 8px 12px;
    }

    .brand-image {
        max-width: 145px;
        max-height: 40px;
    }

    .mobile-menu-toggle {
        width: 42px;
        height: 42px;
    }

}
/* =========================================
   HAMBURGER ACTIVE ANIMATION
========================================= */

.mobile-menu-toggle.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.mobile-menu-toggle.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

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

.hero{

    height:100vh;

    position:relative;

    overflow:hidden;

}

.hero video{

    position:absolute;

    width:100%;

    height:100%;

    object-fit:cover;

}

.video-background{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}

.video-background iframe{
    position:absolute;
    top:50%;
    left:50%;
    width:100vw;
    height:56.25vw;
    min-height:100vh;
    min-width:177.77vh;
    transform:translate(-50%,-50%);
    pointer-events:none;
}

.hero::before{
    content:'';
    position:absolute;
    inset:0;
    
    z-index:1;
}



.hero-content{

    position:relative;

    z-index:2;

    height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-direction:column;

    text-align:center;

    color:#fff;

    max-width:900px;

    margin:auto;

}

.hero-content h1{

    font-size:70px;

    font-weight:600;

    line-height:1.1;

    margin-bottom:20px;

}

.hero-content p{

    font-size:22px;

    line-height:1.7;

    margin-bottom:30px;

}

.hero-btn{

    background:var(--primary);

    color:#fff;

    padding:15px 40px;

    border-radius:60px;

    text-decoration:none;

    font-weight:600;

    transition:.4s;

}

.hero-btn:hover{

    background:#ffab26;

    color:#fff;

}

/* ==========================
   SEARCH PANEL
========================== */

.search-panel{

    position:absolute;

    top:100%;

    left:0;

    width:100%;

    background:#fff;

    border-radius:0 0 25px 25px;

    padding:50px;

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

    opacity:0;

    visibility:hidden;

    transform:translateY(-25px);

    transition:
    opacity .35s ease,
    transform .35s ease,
    visibility .35s ease;

    z-index:9998;
}

.search-panel.active{

    opacity:1;

    visibility:visible;

    transform:translateY(0);
}

.search-box{

    width:100%;

    height:80px;

    border:2px solid #d0d5dd;

    border-radius:60px;

    padding:0 35px;

    font-size:24px;

    outline:none;

    transition:.3s;
}

.search-box:focus{

    border-color:var(--secondary);

    box-shadow:0 0 0 5px rgba(0,102,201,.08);
}




/*==========================
WHY MERITS
==========================*/

/*=====================================================
        WHY MERITS CAPITAL
=====================================================*/
/*==================================================
                WHY MERITS CAPITAL
==================================================*/

.why-merits-premium{
    position:relative;
    background:#fff;
    padding:90px 20px;
    overflow:hidden;
}

.why-merits-premium::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    top:-180px;
    right:-180px;
    border-radius:50%;
    background:rgba(134,166,156,.06);
    filter:blur(120px);
}

.why-merits-premium::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    left:-180px;
    bottom:-180px;
    border-radius:50%;
    background:rgba(6,37,44,.04);
    filter:blur(120px);
}

/*========================================*/

.wm-box{
    position: relative;
    max-width: 960px;
    margin: auto;
    padding: 85px 70px 75px;
    background: #fff;
    border: 3px solid #ff8d00;
}

/*==========================
FRAME
==========================*/

.wm-border{

    position:absolute;

    background:#6D9187;

}



/*==========================
TOP HEADER
==========================*/

.wm-top{

    position:absolute;

    left:50%;

    top: -12px;

    transform:translateX(-50%);

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    padding:0 18px;

    z-index:5;

}

.wm-line{

    width:95px;

    height:2px;

    background: #0076b5;

}

.wm-title-small{

        color: #ff8d00;

    font-size:16px;

    font-weight:700;

    letter-spacing:1px;

    white-space:nowrap;

}

/*==========================
QUOTES
==========================*/

.wm-quote-left{

      position: absolute;
    left: -42px;
    top: -14px;
    background: #fff;
    padding: 0 8px;
    color: #ff8d00;
    font-size: 50px;
    line-height: 1;
}

.wm-quote-right{

 position: absolute;
    right: 18px;
    bottom: -18px;
    background: #fff;
    padding: 0 8px;
    color: #ff8d00;
    font-size: 50px;
    line-height: 1;
}

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

.wm-title{

    max-width:650px;

    margin:0 auto;

    text-align:center;

    text-transform:uppercase;

    font-size:clamp(42px,5vw,62px);

    font-weight:800;

    line-height:1.12;

    letter-spacing:-2px;

}

.wm-title span{

    display:block;

    margin-bottom:6px;

}

.wm-title span:last-child{

    margin-bottom:0;

}

.dark{

    color:#06262C;

}

.green{

       color: #ff8d00;

}

/*==========================
TABLET
==========================*/

@media(max-width:991px){

.wm-box{

padding:70px 45px;

}

.wm-title{

font-size:48px;

max-width:560px;

}

.wm-line{

width:60px;

}

.wm-quote-left,

.wm-quote-right{

font-size:46px;

}

}

/*==========================
MOBILE
==========================*/

@media(max-width:767px){

.why-merits-premium{

padding:60px 15px;

}

.wm-box{

padding:55px 20px;

}

.wm-top{

gap:10px;

padding:0 10px;

}

.wm-line{

width:35px;

}

.wm-title-small{

font-size:12px;

}

.wm-title{

font-size:34px;

line-height:1.18;

letter-spacing:-1px;

}

.wm-quote-left{

font-size:30px;

left:-18px;

top:-4px;

}

.wm-quote-right{

font-size:30px;

right:8px;

bottom:-8px;

}

.wm-border.bottom{

right:40px;

}

}

/*==========================
SMALL MOBILE
==========================*/

@media(max-width:480px){

.wm-box{

padding:45px 15px;

}

.wm-title{

font-size:28px;

}

.wm-line{

display:none;

}

.wm-title-small{

font-size:11px;

}

.wm-quote-left{

left:5px;

top:-10px;

}

.wm-quote-right{

right:5px;

bottom:-6px;

}

.wm-border.left{

top:25px;

bottom:25px;

}

.wm-border.right{

bottom:25px;

}

.wm-border.bottom{

right:30px;

}

}
.hero-content{
    max-width:1100px;
}
.myhera-content{
 margin-bottom:40px!important;   
}

.section-label{
    display:inline-block;
    color:#f39200;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:14px;
    font-weight:600;
    margin-bottom:25px;
}

.hero-title{
    font-size:clamp(60px,8vw,100px);
    line-height:.95;
    font-weight:600;
    color:#000;
    margin-bottom:35px;
    letter-spacing:-3px;
        text-transform: uppercase;
}

.hero-title span{
    color:#f39200;
}

.hero-desc{
    max-width:750px;
    color: rgb(22 20 20 / 75%);
    font-size:24px;
    line-height:1.8;
}

.merits-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.merit-item{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    padding:35px;
    transition:.4s;
}

.merit-item:hover{
    transform:translateY(-8px);
    border-color:#f39200;
    background:rgba(243,146,0,.05);
}

.merit-item span{
    display:inline-block;
    color:#f39200;
    font-size:18px;
    font-weight:700;
    margin-bottom:20px;
}

.merit-item h3{
    color:#fff;
    font-size:28px;
    margin-bottom:15px;
    font-weight:500;
}

.merit-item p{
    color:rgba(255,255,255,.7);
    line-height:1.8;
    font-size:17px;
}

@media(max-width:991px){

    .why-merits-premium{
        padding:80px 0;
    }

    .hero-title{
        font-size:50px;
        line-height:1.1;
    }

    .hero-desc{
        font-size:18px;
    }

    .merits-grid{
        grid-template-columns:1fr;
    }
}
/* ===================================
   SECTION
=================================== */

.stack-cards-section{
    background:linear-gradient(180deg,#f7f4ef 0%,#eee9e1 100%);
    padding:50px 15px 120px;
}

.cards-wrapper{
    max-width:1200px;
    margin:auto;
    position:relative;
}

/* ===========================
   SECTION
=========================== */

.stack-cards-section{
    background:#f3f1ee;
    padding:100px 20px;
}

.cards-wrapper{
    max-width:1200px;
    margin:auto;
}

/* ===================================
   APPLE STACK CARDS
=================================== */

.stack-card{
    position:sticky;
    top:120px;
    margin-bottom:40px;
    z-index:1;
}

.card-inner{
    position:relative;
    background:#fff;
    border-radius:35px;
    min-height: 200px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 60px;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    overflow:hidden;
}

/* Layering */

.stack-card:nth-child(1){z-index:1;}
.stack-card:nth-child(2){z-index:2;}
.stack-card:nth-child(3){z-index:3;}
.stack-card:nth-child(4){z-index:4;}
.stack-card:nth-child(5){z-index:5;}
.stack-card:nth-child(6){z-index:6;}

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

.card-title{
    position:relative;
    z-index:5;
    max-width:700px;
    text-align:center;
}

.card-title h2 {
    margin: 0;
    font-size: 48px;
    line-height: 1.1;
    color: #222;
    font-weight: 600;
}

/* ===================================
   LEFT ICON
=================================== */

.card-icon{
    position:absolute;
    left:50px;
    top:50%;

    transform:translate(-120px,-50%);

    opacity:0;
    visibility:hidden;

    transition:.45s ease;

    z-index:2;
}

.card-icon img{
    width:100px;
    display:block;
}

/* ===================================
   RIGHT TEXT
=================================== */

.card-text{
    position:absolute;
    right:50px;
    top:50%;

    width:260px;

    transform:translate(120px,-50%);

    opacity:0;
    visibility:hidden;

    transition:.45s ease;

    z-index:2;
}

.card-text p{
    margin:0;
    font-size:22px;
    line-height:1.5;
    color:#333;
}

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

.stack-card:hover .card-icon{
    opacity:1;
    visibility:visible;
    transform:translate(0,-50%);
}

.stack-card:hover .card-text{
    opacity:1;
    visibility:visible;
    transform:translate(0,-50%);
}

/* ===================================
   LARGE TABLETS
=================================== */

@media(max-width:1199px){

    .card-title{
        max-width:55%;
    }

    .card-title h2{
        font-size:48px;
    }

    .card-icon img{
        width:80px;
    }

    .card-text{
        width:220px;
    }

    .card-text p{
        font-size:18px;
    }
}

/* ===================================
   TABLET
=================================== */

@media(max-width:991px){

    .card-inner{
        min-height:220px;
        padding:30px;
    }

    .card-title{
        max-width:50%;
    }

    .card-title h2{
        font-size:38px;
    }

    .card-icon{
        left:25px;
    }

    .card-icon img{
        width:65px;
    }

    .card-text{
        right:25px;
        width:180px;
    }

    .card-text p{
        font-size:15px;
    }
}

/* ===================================
   MOBILE
=================================== */

@media(max-width:767px){

    .stack-card{
        position:relative;
        top:auto;
        margin-bottom:20px;
    }

    .card-inner{
        display:flex;
        flex-direction:column;
        gap:15px;

        min-height:auto;
        padding:25px;
    }

    .card-icon,
    .card-text{
        position:static;

        opacity:1;
        visibility:visible;

        transform:none;

        width:100%;
        text-align:center;
    }

    .card-icon img{
        width:60px;
        margin:auto;
    }

    .card-title{
        max-width:100%;
    }

    .card-title h2{
        font-size:28px;
    }

    .card-text p{
        font-size:15px;
        line-height:1.5;
    }
}

.footer-contact{
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 30px;
}

.footer-contact a{
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    transition: 0.3s ease;

    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.footer-contact a:hover{
    color: #0d6efd;
}

.footer-contact i{
    color: #0d6efd;
}

/*
=================================
SOCIAL
=================================
*/

.footer-socials{
    display: flex;
    gap: 14px;
}

.footer-socials a{
    width: 48px;
    height: 48px;
    border-radius: 14px;

    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);

    display: flex;
    align-items: center;
    justify-content: center;

    color: #cbd5e1;
    text-decoration: none;
    font-size: 18px;

    transition: 0.35s ease;
}

.footer-socials a:hover{
    background: #0d6efd;
    color: #fff;
    transform: translateY(-4px);
}

/*
=================================
LINKS
=================================
*/

.footer-links h5{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 28px;
}

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

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

.footer-links ul li a{
   color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    transition: 0.3s ease;
    position: relative;
}

.footer-links ul li a:hover{
    color: #0d6efd;
    padding-left: 6px;
}

/*
=================================
DISCLAIMER
=================================
*/

.footer-disclaimer{
    padding: 40px 0;
}

.disclaimer-box{
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    padding: 28px 32px;

    color: #ffffff;
    font-size: 15px;
    line-height: 2;

    backdrop-filter: blur(12px);
}

.disclaimer-box strong{
    color: #fff;
}

/*
=================================
BOTTOM
=================================
*/

.footer-bottom{
    padding: 22px 0 35px;
}

.footer-bottom-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.footer-bottom p{
    margin: 0;
    color: #ffffff;
    font-size: 15px;
}

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

@media(max-width:1199px){

    .footer-top{
        padding: 70px 0 50px;
    }

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

    .footer-about{
        max-width: 100%;
    }
}

@media(max-width:991px){

    .footer-links{
        margin-top: 10px;
    }

    .footer-links h5{
        margin-bottom: 20px;
    }
}

@media(max-width:767px){

    .footer-top{
        padding: 55px 0 35px;
    }

    .footer-logo{
        margin-bottom: 22px;
    }

    .footer-logo-icon{
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 18px;
    }

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

    .footer-about{
        font-size: 14px;
        line-height: 1.9;
        margin-bottom: 24px;
    }

    .footer-contact a{
        font-size: 14px;
    }

    .footer-socials a{
        width: 42px;
        height: 42px;
        border-radius: 12px;
        font-size: 16px;
    }

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

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

    .footer-links ul li a{
        font-size: 14px;
    }

    .footer-disclaimer{
        padding: 30px 0;
    }

    .disclaimer-box{
        padding: 22px 20px;
        border-radius: 18px;
        font-size: 13px;
        line-height: 1.9;
    }

    .footer-bottom{
        padding: 16px 0 28px;
    }

    .footer-bottom-flex{
        flex-direction: column;
        text-align: center;
    }

    .footer-bottom p{
        font-size: 13px;
    }
}

.breadcrumb-section{

    background:
    linear-gradient(
        135deg,
        #00112d,
        #002c6b
    );

    padding:70px 0;

    position:relative;

    overflow:hidden;
}

.breadcrumb-section::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:rgba(255,255,255,0.05);

    border-radius:50%;

    top:-120px;

    right:-120px;
}

.breadcrumb-section::after{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    background:rgba(255,255,255,0.04);

    border-radius:50%;

    bottom:-100px;

    left:-100px;
}

.breadcrumb-content{

    position:relative;

    z-index:2;
}

.breadcrumb-content h1{

    color:#fff;

    font-size:48px;

    font-weight:700;

    margin-bottom:15px;
}

.breadcrumb-nav{

    display:flex;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;
}

.breadcrumb-nav a{

    color:#cbd5e1;

    text-decoration:none;

    font-size:15px;

    transition:0.3s;
}

.breadcrumb-nav a:hover{

    color:#fff;
}

.breadcrumb-nav span{

    color:#14b8a6;

    font-size:15px;

    font-weight:500;
}

.breadcrumb-nav i{

    color:#94a3b8;

    font-size:12px;
}



/* =========================================
   Mobile
========================================= */

@media(max-width:768px){

    .breadcrumb-section{

        padding:50px 0;
    }

    .breadcrumb-content h1{

        font-size:34px;
    }

}

/*
=================================
PROCESS SECTION
=================================
*/

.process-section{
    position: relative;
    padding: 90px 0;
    overflow: hidden;

    background:
    radial-gradient(circle at top left,
    rgba(0,102,204,0.08),
    transparent 30%),

    radial-gradient(circle at bottom right,
    rgba(255,153,0,0.08),
    transparent 35%),

    linear-gradient(to bottom,#f8fbff,#eef5fb);
}

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

.process-heading{
    margin-bottom: 70px;
}

.process-badge{
    display: inline-block;
    background: rgba(255,153,0,0.12);
    color: #ff9900;
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
}

.process-heading h2{
    font-size: 36px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 18px;
}

.process-heading h2 span{
    color: #ff9900;
}

.process-heading p{
    color: #64748b;
    font-size: 16px;
    max-width: 620px;
    margin: auto;
    line-height: 1.8;
}

/*
=================================
PROCESS ROW
=================================
*/

.process-row{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

/*
=================================
PROCESS STEP
=================================
*/

.process-step{
    flex: 1;
    min-width: 0;
}

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

.process-card{
    position: relative;
    background: #ffffff;
    border: 1px solid #dbe7f3;
    border-radius: 28px;
    padding: 45px 30px;
    text-align: center;
    transition: 0.35s ease;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(15,23,42,0.05);
}

.process-card:hover{
    transform: translateY(-8px);
    border-color: rgba(0,102,204,0.20);
    box-shadow: 0 25px 50px rgba(15,23,42,0.10);
}

/*
=================================
STEP NUMBER
=================================
*/

.step-number{
    position: absolute;
    top: 0px;
    right: 22px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg,#ff9900,#ffb000);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(255,153,0,0.25);
}

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

.process-icon{
    width: 82px;
    height: 82px;
    border-radius: 24px;
    background: rgba(255,153,0,0.12);
    color: #ff9900;
    font-size: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 28px;
}

.blue-icon{
    background: rgba(0,102,204,0.10);
    color: #0066cc;
}

.gold-icon{
    background: rgba(255,176,0,0.12);
    color: #ffb000;
}

/*
=================================
CONTENT
=================================
*/

.process-card h4{
    color: #0f172a;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px;
}

.process-card p{
    color: #64748b;
    font-size: 15px;
    line-height: 1.9;
    margin: 0;
}

/*
=================================
ARROW
=================================
*/

.process-arrow{
    width: 60px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-arrow i{
    font-size: 42px;
    color: #0066cc;
}

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

@media(max-width:1199px){

    .process-heading h2{
        font-size: 36px;
    }

    .process-card{
        padding: 40px 25px;
    }

    .process-card h4{
        font-size: 24px;
    }
}

@media(max-width:991px){

    .process-section{
        padding: 70px 0;
    }

    .process-row{
        flex-direction: column;
    }

    .process-arrow{
        display: none;
    }

    .process-heading{
        margin-bottom: 50px;
    }

    .process-heading h2{
        font-size: 36px;
    }

    .process-step{
        width: 100%;
    }
}

@media(max-width:767px){

    .process-section{
        padding: 60px 0;
    }

    .process-heading h2{
        font-size: 32px;
    }

    .process-heading p{
        font-size: 14px;
    }

    .process-card{
        border-radius: 22px;
        padding: 35px 22px;
    }

    .process-icon{
        width: 72px;
        height: 72px;
        font-size: 28px;
        border-radius: 20px;
    }

    .process-card h4{
        font-size: 22px;
    }

    .process-card p{
        font-size: 14px;
    }
    . get-btn{
        display:none;
    }
}
.market-logo{

    width:80px;

    height:80px;

    border-radius:18px;

    overflow:hidden;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #e2e8f0;

    padding:10px;
}



.market-logo img{

    width:100%;

    height:100%;

    object-fit:contain;
}

/*
=================================
Advisor Modal Design
=================================
*/

.advisor-modal{
    background: linear-gradient(135deg,#071437,#0b1d4d);
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,0.08);
    overflow: hidden;
    position: relative;
    box-shadow: 0 25px 60px rgba(0,0,0,0.45);
}

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

.advisor-modal .modal-body{
    padding: 50px 35px;
}

/*
=================================
Close Button
=================================
*/

.custom-close{
    position: absolute;
    top: 18px;
    right: 18px;
    background-color: #ffffff !important;
    opacity: 1;
    border-radius: 50%;
    padding: 10px;
    z-index: 10;
}

/*
=================================
Top Icon
=================================
*/

.advisor-icon{
    width: 95px;
    height: 95px;
    margin: 0 auto 28px;
    border-radius: 50%;
    background: linear-gradient(135deg,#ff8c00,#ffb347);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #111827;
    box-shadow: 0 15px 40px rgba(255,140,0,0.35);
}

/*
=================================
Title
=================================
*/

.advisor-title{
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
}

/*
=================================
Description
=================================
*/

.advisor-desc{
    color: rgba(255,255,255,0.72);
    font-size: 16px;
    line-height: 1.7;
    max-width: 420px;
    margin: 0 auto 35px;
}

/*
=================================
Advisor Card
=================================
*/

.advisor-card{
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    padding: 28px;
    backdrop-filter: blur(12px);
}

/*
=================================
Profile
=================================
*/

.advisor-profile{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
    justify-content: center;
}

/*
=================================
Avatar
=================================
*/

.advisor-avatar{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: linear-gradient(135deg,#ff8c00,#ffb347);
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(255,140,0,0.30);
}

/*
=================================
Advisor Info
=================================
*/

.advisor-info h5{
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 4px;
}

.advisor-info span{
    color: rgba(255,255,255,0.65);
    font-size: 14px;
}

/*
=================================
Call Button
=================================
*/

.advisor-call-btn{
    width: 100%;
    height: 62px;
    border-radius: 18px;
    background: linear-gradient(135deg,#ff8c00,#ffb347);
    color: #111827;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: 0.3s ease;
    box-shadow: 0 15px 35px rgba(255,140,0,0.28);
}

.advisor-call-btn:hover{
    transform: translateY(-3px);
    color: #111827;
}

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

@media(max-width:767px){

    .advisor-modal .modal-body{
        padding: 45px 22px;
    }

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

    .advisor-desc{
        font-size: 15px;
    }

    .advisor-info h5{
        font-size: 20px;
    }

    .advisor-call-btn{
        font-size: 17px;
        height: 56px;
    }

    .advisor-profile{
        flex-direction: column;
        text-align: center;
    }
}
.view-more-stock{

    display:inline-flex;

    align-items:center;

    gap:6px;

    margin-top:8px;

    font-size:12px;

    font-weight:700;

    color:#0f6ad9;

    text-decoration:none;

    transition:0.3s;
}

.view-more-stock i{

    font-size:11px;

    transition:0.3s;
}

.view-more-stock:hover{

    color:#ff8800;
}

.view-more-stock:hover i{

    transform:translateX(4px);
}
.terminal-icon.success{
    background:#0f5132;
    color:#00ff9d;
}

.terminal-icon.danger{
    background:#58151c;
    color:#ff4d6d;
}

/* ==========================
   SERVICES SECTION
========================== */

.services-modern{
    background:#050505;
    padding:100px 0;
    overflow:hidden;
}

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

.section-title{
    text-align:center;
    margin-bottom:70px;
}

.section-title span{
    color:#d7ff2f;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.section-title h2{
    color:#fff;
    font-size:54px;
    font-weight:700;
    line-height:1.2;
    max-width:900px;
    margin:20px auto 0;
}

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

.service-card{
    display:grid;
    grid-template-columns:68% 32%;
    gap:24px;
    margin-bottom:24px;
    align-items:stretch;
}

/* Alternate Layout */

.service-card:nth-child(even){
    grid-template-columns:32% 68%;
}

.service-card:nth-child(even) .service-image{
    order:2;
}

.service-card:nth-child(even) .service-content{
    order:1;
}

/* ==========================
   IMAGE SECTION
========================== */

.service-image{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    height:420px;
}

.service-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s ease;
}

.service-card:hover .service-image img{
    transform:scale(1.05);
}

/* Service Number */

.service-no{
    position:absolute;
    left:25px;
    bottom:10px;

    font-size:110px;
    line-height:1;
    font-weight:800;

    color: #ffa100bd;
    z-index:2;
}

.service-card:nth-child(even) .service-no{
    left:auto;
    right:25px;
}

/* ==========================
   CONTENT SECTION
========================== */

.service-content{
    background:#0c0c0c;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;

    height:420px;

    padding:50px 40px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}

.service-content h3{
    color:#fff;
    font-size:34px;
    line-height:1.1;
    font-weight:700;
    margin-bottom:25px;
}

.service-content p{
    color:#c9c9c9;
    font-size:18px;
    line-height:1.8;
    margin-bottom:25px;
}

.service-content a{
    color:#fff;
    font-size:18px;
    font-weight:600;
    text-decoration:underline;
    transition:.3s ease;
}

.service-content a:hover{
    color:#d7ff2f;
}

/* ==========================
   TABLET
========================== */

@media(max-width:991px){

    .section-title h2{
        font-size:40px;
    }

    .service-card,
    .service-card:nth-child(even){
        grid-template-columns:1fr;
    }

    .service-card:nth-child(even) .service-image,
    .service-card:nth-child(even) .service-content{
        order:unset;
    }

    .service-image,
    .service-content{
        height:auto;
    }

    .service-image{
        min-height:350px;
    }

    .service-content{
        padding:35px;
    }

    .service-content h3{
        font-size:34px;
    }

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

    .service-no{
        font-size:90px;
    }
}

/* ==========================
   MOBILE
========================== */

@media(max-width:767px){

    .services-modern{
        padding:60px 0;
    }

    .section-title{
        margin-bottom:40px;
    }

    .section-title h2{
        font-size:30px;
    }

    .service-card{
        gap:15px;
    }

    .service-image{
        min-height:240px;
        border-radius:18px;
    }

    .service-content{
        padding:25px;
        border-radius:18px;
    }

    .service-content h3{
        font-size:26px;
        margin-bottom:15px;
    }

    .service-content p{
        font-size:15px;
        line-height:1.7;
    }

    .service-content a{
        font-size:15px;
    }

    .service-no{
        font-size:65px;
        left:15px;
        bottom:5px;
    }

    .service-card:nth-child(even) .service-no{
        right:15px;
    }
}

.partners-section{
    padding:50px 0;
    background:#f8fafc;
    overflow:hidden;
}

.partners-section .sec-title{
    margin-bottom:50px;
}

.partners-section .sec-title h2{
    font-size:42px;
    font-weight:700;
    color:#0b2341;
    margin-bottom:10px;
}

.partners-section .sec-title p{
    color:#6b7280;
    font-size:16px;
}

.partners-marquee{
    overflow:hidden;
    position:relative;
    width:100%;
}

.partners-track{
    display:flex;
    gap:20px;
    width:max-content;
    animation: scroll 30s linear infinite;
}

.partners-marquee:hover .partners-track{
    animation-play-state: paused;
}

.partner-item{
    min-width:220px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:25px;
    height:140px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s ease;
}

.partner-item:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.partner-item img{
    max-width:100%;
    max-height:70px;
    width:auto;
}

@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* Responsive */
@media (max-width:768px){
    .partner-item{
        min-width:160px;
        height:110px;
        padding:20px;
    }

    .partner-item img{
        max-height:55px;
    }

    .partners-track{
        animation-duration:20s;
    }
}

.why-choose-section{
    padding:50px 0;
    background:#ffffff;
}

.section-header{
    max-width:800px;
    margin:0 auto 70px;
}

.section-header .sub-title{
    display:inline-block;
    color:#0d6efd;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:15px;
}

.section-header h2{
    font-size:52px;
    font-weight:700;
    color:#0a2540;
    margin-bottom:20px;
}

.section-header p{
    font-size:18px;
    line-height:1.8;
    color:#64748b;
}

.feature-box{
    display:flex;
    gap:25px;
    margin-bottom:40px;
}

.feature-number{
    min-width:65px;
    height:65px;
    border-radius:50%;
    background:#f1f5f9;
    color:#0a2540;
    font-size:22px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.feature-content h4{
    font-size:24px;
    font-weight:600;
    margin-bottom:10px;
        color: #ffa729;
}

.feature-content p{
    color:#64748b;
    line-height:1.8;
    margin:0;
}

.why-image img{
    width:100%;
    border-radius:24px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}
/* ==========================
   GLOBAL
========================== */

/* =========================================================
   FINANCIAL CALCULATOR SECTION
========================================================= */

.emi-section {
    padding: 90px 0;
    background: #0b1220;
    position: relative;
    overflow: hidden;
}

/* Background Decoration */

.emi-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(243, 146, 0, 0.08);
    top: -220px;
    right: -200px;
    pointer-events: none;
}

.emi-section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.02);
    bottom: -180px;
    left: -180px;
    pointer-events: none;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.emi-section .container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.emi-content {
    color: #ffffff;
    padding-right: 25px;
}

.emi-content .section-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 20px;

    border-radius: 50px;

    background: #fff7ed;
    border: 1px solid rgba(243, 146, 0, 0.35);

    color: #f39200;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    margin-bottom: 22px;
}

.emi-content h2 {
    margin: 0 0 22px;

    color: #ffffff;

    font-size: clamp(38px, 5vw, 58px);

    line-height: 1.05;

       font-weight: 500;

    letter-spacing: -1.5px;
}

.emi-content p {
    max-width: 570px;

    margin: 0 0 28px;

    color: #b8c1d1;

    font-size: 17px;

    line-height: 1.7;
}


/* =========================================================
   FEATURES
========================================================= */

.emi-features {
    list-style: none;

    padding: 0;
    margin: 0 0 32px;
}

.emi-features li {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 14px;

    color: #e1e7f0;

    font-size: 16px;
    line-height: 1.4;
}

.emi-features li:last-child {
    margin-bottom: 0;
}

.emi-features li i {
    color: #f39200;

    font-size: 17px;

    flex-shrink: 0;
}


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

.emi-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 50px;

    padding: 13px 30px;

    border-radius: 50px;

    background: #f39200;

    color: #ffffff;

    text-decoration: none;

    font-size: 15px;
    font-weight: 600;

    transition: all 0.3s ease;
}

.emi-btn:hover {
    background: #ffad2f;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(243, 146, 0, 0.25);
}


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

.emi-card {
    width: 100%;

    background: #121d30;

    border: 1px solid rgba(255, 255, 255, 0.09);

    border-radius: 28px;

    overflow: hidden;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.30);

    position: relative;
    z-index: 5;
}


/* =========================================================
   TABS
========================================================= */

.emi-card .calc-tabs {
    display: flex;

    width: 100%;

    background: #0e182a;

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

    position: relative;

    z-index: 10;
}

.emi-card .calc-tab {
    flex: 1;

    min-width: 0;

    border: 0;
    outline: none;

    background: transparent;

    color: #ffffff;

    font-size: 17px;
    font-weight: 700;

    padding: 21px 15px;

    cursor: pointer;

    transition: all 0.3s ease;
}

.emi-card .calc-tab:hover {
    background: rgba(243, 146, 0, 0.12);

    color: #ffffff;
}

.emi-card .calc-tab.active {
    background: #f39200;

    color: #ffffff;
}


/* =========================================================
   CALCULATOR CONTENT
========================================================= */

.emi-card .calc-content {
    padding: 32px 35px 35px;

    position: relative;

    z-index: 2;
}

.emi-card .calc-pane {
    display: none;

    width: 100%;
}

.emi-card .calc-pane.active {
    display: block;

    animation: emiFadeIn 0.3s ease;
}

@keyframes emiFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

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


/* =========================================================
   FORM GROUP
   Scoped to calculator
========================================================= */

.emi-card .form-group {
    width: 100%;

    margin-bottom: 27px;

    padding: 0;
}

.emi-card .form-group:last-of-type {
    margin-bottom: 0;
}

.emi-card .form-group label {
    display: block;

    width: 100%;

    margin: 0 0 12px;

    padding: 0;

    color: #ffffff;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 600;
}


/* =========================================================
   RANGE INPUT
========================================================= */

.emi-card input[type="range"] {
    display: block;

    width: 100%;

    height: 5px;

    margin: 0;

    padding: 0;

    appearance: none;
    -webkit-appearance: none;

    background: #344158;

    border: 0;

    border-radius: 50px;

    outline: none;

    cursor: pointer;
}


/* Chrome / Safari */

.emi-card input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;

    background: #344158;

    border-radius: 50px;
}

.emi-card input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;

    width: 20px;
    height: 20px;

    margin-top: -7.5px;

    border-radius: 50%;

    background: #f39200;

    border: 4px solid #ffffff;

    box-shadow:
        0 0 0 3px rgba(243, 146, 0, 0.18),
        0 3px 10px rgba(0, 0, 0, 0.25);

    cursor: pointer;
}


/* Firefox */

.emi-card input[type="range"]::-moz-range-track {
    width: 100%;
    height: 5px;

    background: #344158;

    border-radius: 50px;
}

.emi-card input[type="range"]::-moz-range-progress {
    height: 5px;

    background: #f39200;

    border-radius: 50px;
}

.emi-card input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;

    border-radius: 50%;

    background: #f39200;

    border: 4px solid #ffffff;

    box-shadow:
        0 0 0 3px rgba(243, 146, 0, 0.18);

    cursor: pointer;
}


/* =========================================================
   VALUE
========================================================= */

.emi-card .value {
    display: block;

    margin-top: 38px;

    color: #f39200;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 500;
}


/* =========================================================
   RESULT BOX
========================================================= */

.emi-card .emi-result {
    width: 100%;

    margin-top: 25px;

    padding: 20px 22px;

    border-radius: 16px;

    text-align: center;

    background: linear-gradient(
        135deg,
        #f39200 0%,
        #ffad2f 100%
    );

    box-shadow:
        0 10px 25px rgba(243, 146, 0, 0.12);
}

.emi-card .emi-result span {
    display: block;

    margin: 0 0 5px;

    color: #ffffff;

    font-size: 13px;

    line-height: 1.4;

    opacity: 0.9;
}

.emi-card .emi-result h3 {
    margin: 0;

    color: #ffffff;

    font-size: 32px;

    line-height: 1.2;

    font-weight: 700;
}


/* =========================================================
   PREVENT BOOTSTRAP / THEME CONFLICT
========================================================= */

.emi-card button,
.emi-card input {
    font-family: inherit;
}

.emi-card button:focus,
.emi-card input:focus {
    outline: none;
}

.emi-card .calc-tab:focus {
    outline: none;
    box-shadow: none;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1199.98px) {

    .emi-section {
        padding: 80px 0;
    }

    .emi-content {
        padding-right: 10px;
    }

    .emi-content h2 {
        font-size: 46px;
    }

    .emi-card .calc-content {
        padding: 28px;
    }

    .emi-card .calc-tab {
        font-size: 16px;

        padding: 19px 10px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .emi-section {
        padding: 70px 0;
    }

    .emi-content {
        padding-right: 0;

        margin-bottom: 15px;
    }

    .emi-content h2 {
        font-size: 42px;

        max-width: 600px;
    }

    .emi-content p {
        max-width: 650px;

        font-size: 16px;
    }

    .emi-card {
        max-width: 700px;

        margin: 0 auto;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .emi-section {
        padding: 60px 0;
    }

    .emi-section::before {
        width: 300px;
        height: 300px;

        top: -130px;
        right: -130px;
    }

    .emi-section::after {
        width: 250px;
        height: 250px;

        bottom: -120px;
        left: -120px;
    }

    .emi-content {
        text-align: left;

        margin-bottom: 35px;
    }

    .emi-content .section-tag {
        padding: 8px 16px;

        font-size: 11px;

        margin-bottom: 18px;
    }

    .emi-content h2 {
        font-size: 34px;

        line-height: 1.1;

        letter-spacing: -0.8px;

        margin-bottom: 18px;
    }

    .emi-content p {
        font-size: 15px;

        line-height: 1.65;

        margin-bottom: 24px;
    }

    .emi-features {
        margin-bottom: 25px;
    }

    .emi-features li {
        font-size: 14px;

        margin-bottom: 12px;
    }

    .emi-btn {
        width: 100%;

        min-height: 48px;

        padding: 12px 20px;
    }


    /* Calculator */

    .emi-card {
        border-radius: 20px;
    }

    .emi-card .calc-tabs {
        width: 100%;
    }

    .emi-card .calc-tab {
        font-size: 14px;

        padding: 16px 8px;
    }

    .emi-card .calc-content {
        padding: 25px 20px 22px;
    }

    .emi-card .form-group {
        margin-bottom: 25px;
    }

    .emi-card .form-group label {
        font-size: 13px;

        margin-bottom: 11px;
    }

    .emi-card .value {
        margin-top: 8px;

        font-size: 13px;
    }

    .emi-card .emi-result {
        margin-top: 22px;

        padding: 18px 15px;

        border-radius: 14px;
    }

    .emi-card .emi-result span {
        font-size: 12px;
    }

    .emi-card .emi-result h3 {
        font-size: 27px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .emi-section {
        padding: 50px 0;
    }

    .emi-content h2 {
        font-size: 31px;
    }

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

    .emi-features li {
        font-size: 13.5px;
    }

    .emi-card .calc-tab {
        font-size: 13px;

        padding: 15px 5px;
    }

    .emi-card .calc-content {
        padding: 22px 16px 18px;
    }

    .emi-card .form-group {
        margin-bottom: 23px;
    }

    .emi-card .form-group label {
        font-size: 12.5px;
    }

    .emi-card input[type="range"] {
        height: 5px;
    }

    .emi-card input[type="range"]::-webkit-slider-thumb {
        width: 19px;
        height: 19px;

        margin-top: -7px;
    }

    .emi-card input[type="range"]::-moz-range-thumb {
        width: 19px;
        height: 19px;
    }

    .emi-card .emi-result h3 {
        font-size: 25px;
    }
}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 375px) {

    .emi-content h2 {
        font-size: 28px;
    }

    .emi-card .calc-tab {
        font-size: 12px;

        padding: 14px 4px;
    }

    .emi-card .calc-content {
        padding: 20px 14px 16px;
    }

    .emi-card .emi-result h3 {
        font-size: 23px;
    }
}
/*=========================================================
            CONTACT SECTION
=========================================================*/

.contact-modern{
    position:relative;
    padding:90px 0;
    background:#f7f9fc;
    overflow:hidden;
}

.contact-modern::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(243,146,0,.08);
    top:-150px;
    right:-120px;
}

.contact-modern::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(0,91,187,.08);
    bottom:-120px;
    left:-120px;
}

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

.contact-heading{
    text-align:center;
    margin-bottom:60px;
    position:relative;
    z-index:2;
}

.contact-heading span{

    display:inline-block;

    color:#F39200;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:12px;

}

.contact-heading h2{

    font-size:clamp(32px,4vw,52px);

    font-weight:800;

    color:#08213d;

    margin-bottom:18px;

}

.contact-heading p{

    max-width:720px;

    margin:auto;

    color:#667085;

    font-size:17px;

    line-height:1.8;

}

/*==================================================
    CONTACT SECTION
==================================================*/

.contact-modern{
    padding:80px 0;
    background:#f7f9fc;
    position:relative;
    overflow:hidden;
}

.contact-wrapper{

    display:grid;

    grid-template-columns:340px 1fr;

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(0,0,0,.08);

}

/*=========================
LEFT PANEL
=========================*/

.contact-info-side{

    position:relative;

    padding:55px 35px;

    background:linear-gradient(135deg,#0b1c33,#1d2d44);

    color:#fff;

    overflow:hidden;

}

.contact-info-side::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    right:-120px;

    bottom:-120px;

    border:22px solid rgba(255,255,255,.05);

    border-radius:50%;

}

.contact-info-side h3{

    font-size:38px;

    font-weight:700;

    margin-bottom:15px;

    color:#fff;

}

.contact-info-side p{

    color:#d7dde6;

    line-height:1.9;

    margin-bottom:35px;

}

/*=========================
CONTACT LIST
=========================*/

.contact-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.contact-list .item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px;

    border-radius:16px;

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

    transition:.35s;
        text-align: left;

}

.contact-list .item:hover{

    transform:translateX(8px);

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

}

.contact-list .icon{

    width:58px;

    height:58px;

    min-width:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#F39200,#FFB347);

    color:#fff;

    font-size:20px;
    margin:0!important;

}

.contact-details{

    display:flex;

    flex-direction:column;

}

.contact-details small{

    color:#F39200;

    font-size:13px;

    font-weight:600;

    margin-bottom:4px;

}

.contact-details a{

    color:#fff;

    text-decoration:none;

    font-size:16px;

    font-weight:600;

}

.contact-details span{

    color:#d8dee9;

    line-height:1.7;

    font-size:15px;

}

/*=========================
FORM
=========================*/

.contact-form-box{

    padding:50px;

    background:#fff;

}

.form-grid{

    display:grid;

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

    gap:28px;

}

.form-group{

    position:relative;

}

.form-group input,
.form-group textarea{

    width:100%;

    background:transparent;

    border:none;

    border-bottom:2px solid #e5e7eb;

    padding:16px 0 12px;

    color:#111827;

    font-size:15px;

    resize:none;

    transition:.3s;

}

.form-group textarea{

    min-height:120px;

}

.form-group input:focus,
.form-group textarea:focus{

    outline:none;

    border-color:#F39200;

}

.form-group label{

    position:absolute;

    left:0;

    top:15px;

    color:#98A2B3;

    transition:.3s;

    pointer-events:none;

}

.form-group input:focus+label,
.form-group input:not(:placeholder-shown)+label,
.form-group textarea:focus+label,
.form-group textarea:not(:placeholder-shown)+label{

    top:-10px;

    font-size:12px;

    color:#F39200;

}

.full{

    grid-column:1/-1;

}

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

.contact-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:30px;

    padding:16px 45px;

    border:none;

    border-radius:12px;

    background:linear-gradient(135deg,#F39200,#FFB347);

    color:#fff;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.35s;

}

.contact-btn:hover{

    transform:translateY(-4px);

    background:linear-gradient(135deg,#005BBB,#0E73C9);

    box-shadow:0 15px 35px rgba(0,91,187,.25);

}

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

@media(max-width:1199px){

.contact-wrapper{

grid-template-columns:320px 1fr;

}

.contact-form-box{

padding:40px;

}

}

@media(max-width:991px){

.contact-wrapper{

grid-template-columns:1fr;

}

.contact-info-side{

padding:40px 30px;

}

.contact-form-box{

padding:35px 30px;

}

}

@media(max-width:767px){

.contact-modern{

padding:60px 0;

}

.form-grid{

grid-template-columns:1fr;

gap:20px;

}

.contact-btn{

width:100%;

}

}

@media(max-width:576px){

.contact-info-side{

padding:30px 20px;

}

.contact-info-side h3{

font-size:30px;

}

.contact-list .item{

padding:15px;

gap:15px;

}

.contact-list .icon{

width:50px;

height:50px;

min-width:50px;

font-size:18px;

}

.contact-form-box{

padding:25px 20px;

}

}
.footer-section {
    position: relative;
    background: linear-gradient(135deg, #021b4f 0%, #003b8f 100%);
    color: #fff;
    padding: 90px 0 0;
    overflow: hidden;
}

.footer-section::before {
    content: "";
    position: absolute;
    top: -150px;
    right: -100px;
    width: 500px;
    height: 500px;
    background: rgba(255,255,255,.05);
    border-radius: 50%;
    filter: blur(100px);
}

.footer-section::after {
    content: "";
    position: absolute;
    bottom: -200px;
    left: -150px;
    width: 450px;
    height: 450px;
    background: rgba(0,173,255,.12);
    border-radius: 50%;
    filter: blur(120px);
}

.footer-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr .8fr 1fr;
    gap:60px;
    position:relative;
    z-index:2;
}

.footer-col h3{
    font-size:30px;
    font-weight:700;
    margin-bottom:35px;
    position:relative;
    display:inline-block;
}

.footer-col h3::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-12px;
    width:70px;
    height:4px;
    background:#00c6ff;
    border-radius:50px;
}

.footer-col p{
    color:rgba(255,255,255,.85);
    line-height:1.9;
    font-size:15px;
}

.social-box{
    margin-top:40px;
}

.social-box h4{
    margin-bottom:20px;
    font-size:22px;
}

.social-icons{
    display:flex;
    gap:15px;
}

.social-icons a{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    color:#fff;
    font-size:18px;
    transition:.4s;
    text-decoration: none;
}

.social-icons a:hover{
    background:#00c6ff;
    transform:translateY(-6px);
}

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

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

.footer-links a{
    color:rgba(255,255,255,.85);
    text-decoration:none;
    transition:.3s;
    position:relative;
    padding-left: 13px;
}

.footer-links a::before{
    content:"›";
    position:absolute;
    left:0;
    color:#00c6ff;
    font-size:18px;
}

.footer-links a:hover{
    color:#00c6ff;
    padding-left:24px;
}

.footer-col .contact-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:30px;
}

.footer-col .contact-item .icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    display:flex;
    align-items:center!important;
    justify-content:center!important;
    color:#00c6ff;
    font-size:22px;
    margin:0px!important;
}

.contact-item span{
    display:block;
    font-size:15px;
    color:#00c6ff;
    margin-bottom:4px;
}

.contact-item p{
    margin:0;
    line-height:1.7;
}

.footer-bottom{
    margin-top:70px;
    border-top:1px solid rgba(255,255,255,.15);
    padding:25px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
    z-index:2;
}

.footer-bottom p{
    margin:0;
    color:rgba(255,255,255,.85);
}

.back-top{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#00c6ff;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:.3s;
}

.back-top:hover{
    transform:translateY(-5px);
}

@media(max-width:991px){

    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:40px;
    }
}

@media(max-width:767px){

    .footer-section{
        padding-top:70px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .footer-col h3{
        font-size:24px;
    }

    .footer-bottom{
        flex-direction:column;
        text-align:center;
        gap:20px;
    }

    .social-icons{
        flex-wrap:wrap;
    }
}

/* ====================================
   PAGE BANNER
==================================== */

.algorithum-banner{

 background:url('../images/algorithum.jpeg') center center/cover no-repeat!important;
}
.domestic{
    background:url('../images/domestic-market-banner.jpeg') center center/cover no-repeat!important; 
}

.Goal-Based{
    background:url('../images/goal-based.jpeg') center center/cover no-repeat!important; 
}

.trending-desk{
    background:url('../images/trending-desk.jpeg') center center/cover no-repeat!important; 
}
.insurence-solution{
    background:url('../images/insurenace.jpeg') center center/cover no-repeat!important; 
}
.dubai-investment{
   background:url('../images/dubai.jpeg') center center/cover no-repeat!important;  
}

.wealth-ggroth{
   background:url('../images/wealth-growth-solution-11.jpeg') center center/cover no-repeat!important;   
}
.listed-shares{
    background:url('../images/unlisted-shares.jpeg') center center/cover no-repeat!important;   
}
.abt-banner{
      background:url('../images/about-us-one.jpeg') center center/cover no-repeat!important;   
}
.cont-ban{
      background:url('../images/contact-us-banner.jpeg') center center/cover no-repeat!important;   
}
.partner-banner{
   background:url('../images/partner-wit-us.jpeg') center center/cover no-repeat!important;  
}

.page-banner{
    position:relative;
    min-height: 550px;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding: 110px 0 30px;
    background:url('../images/domestic-market-access-1.jpg') center center/cover no-repeat;
}

/* ====================================
   OVERLAY
==================================== */

.banner-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(5,10,20,.92) 0%,
        rgba(5,10,20,.80) 50%,
        rgba(5,10,20,.60) 100%
    );
    z-index:1;
}

/* ====================================
   CONTENT
==================================== */

.page-banner .container{
    position:relative;
    z-index:2;
}

.banner-content{
    position:relative;
    max-width:750px;
    color:#fff;
}

.banner-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(243,146,0,.15);
    border:1px solid rgba(243,146,0,.25);
    color:#f39200;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.banner-content h1{
    font-size: clamp(45px, 6vw, 50px);
    line-height:1.1;
    font-weight:500;
    margin-bottom:25px;
    color:#fff;
}

.banner-content p{
        font-size: 18px;
    line-height:1.8;
    color:#d4dceb;
    max-width:650px;
    margin-bottom:35px;
}

/* ====================================
   BREADCRUMB
==================================== */

.breadcrumb-wrap{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}

.breadcrumb-wrap a{
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:500;
    transition:.3s;
}

.breadcrumb-wrap a:hover{
    color:#f39200;
}

.breadcrumb-wrap span{
    color:#b6c1d4;
}

.breadcrumb-wrap .active{
    color:#f39200;
    font-weight:600;
}

/* ====================================
   DECORATIVE SHAPES
==================================== */

.page-banner::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    top:-180px;
    right:-180px;
    background:rgba(243,146,0,.08);
    z-index:1;
}

.page-banner::after{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    bottom:-150px;
    left:-150px;
    background:rgba(255,255,255,.03);
    z-index:1;
}

/* ====================================
   TABLET
==================================== */

@media(max-width:991px){

    .page-banner{
        min-height:550px;
        padding:160px 0 80px;
    }

    .banner-content h1{
        font-size:48px;
    }

    .banner-content p{
        font-size:18px;
    }
}

/* ====================================
   MOBILE
==================================== */

@media(max-width:767px){

    .page-banner{
        min-height:500px;
        padding:140px 0 70px;
        text-align:center;
    }

    .banner-content{
        max-width:100%;
    }

    .banner-content h1{
        font-size:36px;
    }

    .banner-content p{
        font-size:16px;
        margin-left:auto;
        margin-right:auto;
    }

    .breadcrumb-wrap{
        justify-content:center;
    }

    .banner-tag{
        font-size:13px;
    }
    .logo img {
        max-height: 36px;
    }
}

/*==============================
Banner Buttons
===============================*/

.banner-buttons{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:35px;
    flex-wrap:wrap;
}

.banner-buttons a{
   text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 40px;
    border-radius:60px;
    transition:.3s ease;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:230px;
}

/* Filled Button */

.btn-primary-banner{
    background:#f39200;
    color:#fff;
    border:2px solid #f39200;
}

.btn-primary-banner:hover{
    background:#ff9f12;
    border-color:#ff9f12;
    color:#fff;
}

/* Outline Button */

.btn-outline-banner{
    background:transparent;
    color:#f39200;
    border:2px solid #f39200;
}

.btn-outline-banner:hover{
    background:#f39200;
    color:#fff;
}

/* Responsive */

@media(max-width:767px){

    .banner-buttons{
        justify-content:center;
        flex-direction:column;
    }

    .banner-buttons a{
        width:100%;
        max-width:320px;
        min-width:auto;
    }

}

.market-help{
    padding:30px 0;
    background:#fff;
}

.help-heading{
    margin-bottom:50px;
}

.help-heading span{
    color:#f39200;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.help-heading h2{
    font-size:48px;
    font-weight:700;
    color:#07162f;
    margin-top:10px;
}

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

.help-card{
    background:#fff;
    border:1px solid #e9edf4;
    border-radius:20px;
    padding:30px;
    position:relative;
    transition:.3s;
}

.help-card:hover{
    border-color:#f39200;
    transform:translateY(-5px);
}

.help-no{
    font-size:14px;
    font-weight:700;
    color:#f39200;
    margin-bottom:15px;
}

.help-card h3{
    font-size:24px;
    line-height:1.4;
    margin-bottom:12px;
    color:#07162f;
}

.help-card p{
    margin:0;
    color:#667085;
    line-height:1.8;
}

@media(max-width:768px){

    .help-grid{
        grid-template-columns:1fr;
    }

    .help-heading h2{
        font-size:34px;
    }

}
/* ====================================
   ADVANTAGE SECTION
==================================== */

.advantage-section{
    padding:50px 0;
    background:#f8fcff;
}

.advantage-image{
    position:relative;
}

.advantage-image img{
    width:100%;
    border-radius:30px;
    display:block;
}

/* CONTENT */

.advantage-content{
    padding-left:40px;
}

.section-tag{
    display:inline-block;
    padding:8px 18px;
    border-radius:50px;
    background:rgba(243,146,0,.12);
    border:1px solid rgba(243,146,0,.25);
    color:#f39200;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.advantage-content h2{
        font-size: clamp(26px, 5vw, 36px);
    line-height:1.15;
    font-weight:700;
    color:#07162f;
    margin-bottom:35px;
}

/* LIST */

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

.advantage-list li{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:22px;
    font-size:18px;
    line-height:1.8;
    color:#5b6678;
}

.advantage-list i{
    color:#f39200;
    font-size:20px;
    margin-top:6px;
    flex-shrink:0;
}

/* TABLET */

@media(max-width:991px){

    .advantage-section{
        padding:80px 0;
    }

    .advantage-content{
        padding-left:0;
        margin-top:40px;
    }

    .advantage-content h2{
        font-size:42px;
    }

}

/* MOBILE */

@media(max-width:767px){

    .advantage-section{
        padding:70px 0;
    }

    .advantage-content{
        text-align:center;
    }

    .advantage-content h2{
        font-size:32px;
    }

    .advantage-list li{
        text-align:left;
        font-size:16px;
        line-height:1.7;
    }

}

/* ==========================
   COMPARISON SECTION
========================== */

.compare-section{
    padding:50px 0;
    background:#f8fafc;
}

.compare-heading{
    max-width:800px;
    margin:0 auto 60px;
}

.compare-heading span{
    color:#f39200;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
}

.compare-heading h2{
    font-size:clamp(32px,5vw,42px);
    color:#07162f;
    margin:15px 0;
    font-weight:700;
}

.compare-heading p{
    color:#667085;
    font-size:18px;
}

/* TABLE */

.compare-wrapper{
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.compare-header{
    display:grid;
    grid-template-columns:1fr 1.5fr 1.5fr;
    background:#07162f;
}

.compare-header div{
    padding:25px;
    color:#fff;
    text-align:center;
    font-size:20px;
    font-weight:700;
}

.algo-col{
    background:#f39200;
}

.compare-row{
    display:grid;
    grid-template-columns:1fr 1.5fr 1.5fr;
    border-bottom:1px solid #edf0f5;
    transition:.3s;
}

.compare-row:hover{
    background:#f9fbff;
}

.compare-row:last-child{
    border-bottom:none;
}

.compare-row > div{
    padding:22px 25px;
}

.feature-name{
    font-weight:700;
    color:#07162f;
}

.algo-value{
    color:#16a34a;
    display:flex;
    align-items:center;
    gap:10px;
}

.manual-value{
    color:#dc2626;
    display:flex;
    align-items:center;
    gap:10px;
}

.algo-value i{
    color:#16a34a;
}

.manual-value i{
    color:#dc2626;
}

/* MOBILE */

@media(max-width:768px){

    .compare-header{
        display:none;
    }

    .compare-row{
        grid-template-columns:1fr;
        padding:15px;
    }

    .compare-row > div{
        padding:10px 0;
    }

    .feature-name{
        font-size:18px;
        margin-bottom:10px;
    }

}
.outcome-section{
    padding:50px 0 20px;
    background:#f8fafc;
}

.outcome-image-card{
    position:relative;
    height:100%;
}

.outcome-image-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:30px;
}

.floating-badge{
    position:absolute;
    left:30px;
    bottom:30px;
    background:#f39200;
    color:#fff;
    padding:12px 22px;
    border-radius:50px;
    font-weight:600;
}

.outcome-content{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.content-block{
    background:#fff;
    padding:40px;
    border-radius:30px;
    box-shadow:0 15px 40px rgba(0,0,0,.05);
}

.small-title{
    color:#f39200;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.content-block h2{
    font-size: 36px;
    color:#07162f;
    margin:15px 0 30px;
    font-weight:700;
}

.outcome-points{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.point-item{
    display:flex;
    gap:15px;
    align-items:flex-start;
}

.point-item i{
    color:#f39200;
    margin-top:5px;
}

.point-item span{
    color:#5b6678;
    line-height:1.8;
}

.why-card{
    background:#07162f;
    color:#fff;
    padding:35px;
    border-radius:30px;
}

.why-card p{
    color:#d8e0ec;
    line-height:1.9;
    margin:20px 0;
}

.why-card h5{
    color:#f39200;
    font-size:24px;
    margin:0;
    font-weight:700;
}

@media(max-width:991px){

    .content-block h2{
        font-size:38px;
    }

    .outcome-image-card img{
        min-height:350px;
    }

}

@media(max-width:767px){

    .outcome-section{
        padding:70px 0;
    }

    .content-block{
        padding:25px;
    }

    .content-block h2{
        font-size:30px;
    }

    .why-card{
        padding:25px;
    }

}

/* ==========================
   COMPARISON SECTION
========================== */

.comparison-section{
    padding:20px 0;
    background:#f8fafc;
}

.comparison-heading{
    max-width:850px;
    margin: 0 auto 30px;
}

.comparison-heading span{
    color:#f39200;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
}

.comparison-heading h2{
    font-size: clamp(40px, 5vw, 36px);
    color:#07162f;
    font-weight:700;
    margin:15px 0;
}

.comparison-heading p{
    color:#667085;
    font-size:18px;
}

/* TABLE WRAPPER */

.comparison-table{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

/* HEADER */

.comparison-header{
    display:grid;
    grid-template-columns:220px 1fr 1fr;
}

.comparison-header div{
    padding: 16px;
    color:#fff;
    text-align:center;
    font-size:22px;
    font-weight:700;
}

.comparison-header div:first-child{
    background:#07162f;
}

.mf-header{
    background:linear-gradient(
        135deg,
        #f39200,
        #ffb347
    );
}

.eq-header{
    background:#07162f;
}

/* ROW */

.comparison-row{
    display:grid;
    grid-template-columns:220px 1fr 1fr;
    border-bottom:1px solid #edf1f7;
    transition:.3s;
}

.comparison-row:last-child{
    border-bottom:none;
}

.comparison-row:hover{
    background:#fdf8f2;
}

.comparison-row div{
    padding:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#5b6678;
    line-height:1.7;
}

.feature{
    font-weight:500;
    color:#07162f !important;
    background:#fafbfc;
}

/* COLUMN COLORS */

.comparison-row div:nth-child(2){
    border-left:1px solid #edf1f7;
    border-right:1px solid #edf1f7;
}

.comparison-row div:nth-child(2)::before{
    content:"✓";
    color:#16a34a;
    font-weight:700;
    margin-right:10px;
}

.comparison-row div:nth-child(3)::before{
    content:"•";
    color:#f39200;
    font-weight:700;
    margin-right:10px;
}

/* MOBILE */

@media(max-width:991px){

    .comparison-header,
    .comparison-row{
        grid-template-columns:180px 1fr 1fr;
    }

}

@media(max-width:767px){

    .comparison-table{
        overflow-x:auto;
    }

    .comparison-header,
    .comparison-row{
        min-width:850px;
    }

}

.about-section{
    background: #fff;
    position: relative;
    overflow: hidden;
}

.about-section::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,140,0,.08);
    border-radius:50%;
    top:-150px;
    right:-100px;
}

.about-section::after{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(0,91,187,.06);
    border-radius:50%;
    bottom:-120px;
    left:-120px;
}

.about-content{
    position:relative;
    z-index:2;
}

.sub-title{
    display:inline-block;
    padding:8px 20px;
    background:rgba(255,140,0,.1);
    border:1px solid rgba(255,140,0,.25);
    color:#ff8c00;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.about-content h2{
    font-size:48px;
    font-weight:700;
    color:#08213d;
    margin-bottom:25px;
}

.highlight-text{
    background:#ff8c00;
    color:#fff;
    padding:3px 8px;
    border-radius:4px;
    font-weight:600;
}

.about-content p{
    color:#5d6878;
    font-size:16px;
    line-height:1.9;
    margin-bottom:20px;
}

.about-content strong{
    color:#08213d;
    font-weight:700;
}

.about-img{
    position:relative;
    text-align:center;
}

.about-img::before{
    content:'';
    position:absolute;
    width:80%;
    height:80%;
    background:linear-gradient(
        135deg,
        rgba(255,140,0,.12),
        rgba(0,91,187,.08)
    );
    border-radius:30px;
    top:30px;
    left:50%;
    transform:translateX(-50%);
}

.about-img img{
    position:relative;
    z-index:2;
    transition:.4s ease;
}

.about-img:hover img{
    transform:translateY(-10px);
}

.about-footer{
    margin-top:25px;
    padding:18px 22px;
    background:#fff;
    border-left:4px solid #ff8c00;
    box-shadow:0 10px 25px rgba(8,33,61,.08);
    border-radius:10px;
    color:#08213d;
    font-weight:600;
}

@media(max-width:991px){

    .about-content{
        text-align:center;
        margin-top:30px;
    }

    .about-content h2{
        font-size:36px;
    }
}

@media(max-width:576px){

    .about-content h2{
        font-size:30px;
    }

    .about-content p{
        font-size:15px;
    }
}

.vision-section{
    background:#f8fbff;
    position:relative;
    overflow:hidden;
}

.vision-section::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,140,0,.08);
    border-radius:50%;
    top:-150px;
    right:-120px;
}

.vision-section::after{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(0,91,187,.06);
    border-radius:50%;
    bottom:-150px;
    left:-120px;
}

.vision-content{
    position:relative;
    z-index:2;
}

.vision-tag{
    display:inline-block;
    background:rgba(255,140,0,.12);
    color:#ff8c00;
    padding:10px 20px;
    border-radius:30px;
    font-weight:600;
    margin-bottom:20px;
}

.vision-content h2{
    font-size:48px;
    font-weight:700;
    color:#08213d;
    margin-bottom:25px;
    line-height:1.2;
}

.vision-content p{
    color:#667085;
    font-size:16px;
    line-height:1.9;
    margin-bottom:20px;
}

.vision-card{
    background:#fff;
    border-radius:20px;
    padding:40px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    position:relative;
    overflow:hidden;
    border-top:5px solid #ff8c00;
}

.vision-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:6px;
    background:linear-gradient(
        90deg,
        #ff8c00,
        #005bbb
    );
}

.vision-icon{
    width:90px;
    height:90px;
    background:linear-gradient(
        135deg,
        #ff8c00,
        #005bbb
    );
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.vision-icon i{
    color:#fff;
    font-size:36px;
}

.vision-card h4{
    color:#08213d;
    font-weight:700;
    margin-bottom:25px;
}

.point{
    display:flex;
    align-items:center;
    gap:15px;
    padding:15px 0;
    border-bottom:1px solid #eef2f7;
}

.point:last-child{
    border-bottom:none;
}

.point i{
    width:42px;
    height:42px;
    background:rgba(255,140,0,.12);
    color:#ff8c00;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.point span{
    color:#08213d;
    font-weight:600;
}

@media(max-width:991px){

    .vision-content{
        text-align:center;
    }

    .vision-content h2{
        font-size:36px;
    }
}

@media(max-width:576px){

    .vision-content h2{
        font-size:30px;
    }

    .vision-card{
        padding:25px;
    }
}

.team-section{
    background:#f8fbff;
    position:relative;
    overflow:hidden;
    display:black;
}

.team-section:before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,140,0,.05);
    border-radius:50%;
    top:-150px;
    left:-150px;
}

.team-section:after{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(0,91,187,.05);
    border-radius:50%;
    right:-150px;
    bottom:-150px;
}

.section-heading{
    position:relative;
    z-index:2;
    display:block!important;
}

.section-heading .sub-title{
    color:#ff8c00;
    font-weight:700;
    letter-spacing:2px;
    font-size:14px;
    text-transform:uppercase;
}

.section-heading h2{
    color:#08213d;
    font-size:48px;
    font-weight:700;
    margin:10px 0 15px;
}

.section-heading p{
    color:#667085;
    max-width:700px;
    margin:auto;
}

.team-card{
    background:#fff;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    transition:.4s;
    height:100%;
    border:1px solid #edf2f7;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    position:relative;
    overflow:hidden;
}

.team-card:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #ff8c00,
        #005bbb
    );
}

.team-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.team-image{
    width:180px;
    height:180px;
    margin:0 auto 25px;
    position:relative;
}

.team-image:before{
    content:'';
    position:absolute;
    inset:-8px;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #ff8c00,
        #005bbb
    );
    z-index:1;
}

.team-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    position:relative;
    z-index:2;
    border:6px solid #fff;
}

.team-content h4{
    color:#08213d;
    font-size:28px;
    font-weight:700;
    margin-bottom:8px;
}

.team-content span{
    color:#ff8c00;
    font-size:18px;
    font-weight:600;
    display:block;
    margin-bottom:15px;
}

.team-content p{
    color:#667085;
    line-height:1.8;
    margin-bottom:0;
}

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

    .section-heading h2{
        font-size:38px;
    }

    .team-image{
        width:160px;
        height:160px;
    }

    .team-content h4{
        font-size:24px;
    }
}

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

    .team-section{
        padding:70px 0;
    }

    .section-heading h2{
        font-size:30px;
    }

    .team-card{
        padding:25px 20px;
    }

    .team-image{
        width:140px;
        height:140px;
    }

    .team-content h4{
        font-size:22px;
    }

    .team-content span{
        font-size:16px;
    }
}
.contact-section{
    background:linear-gradient(
        180deg,
        #f8fbff 0%,
        #ffffff 100%
    );
    position:relative;
}

.contact-heading span{
    color:#ff8c00;
    font-weight:700;
    letter-spacing:2px;
}

.contact-heading h2{
    font-size:48px;
    font-weight:700;
    color:#08213d;
    margin:10px 0;
}

.contact-heading p{
    max-width:700px;
    margin:auto;
    color:#667085;
}

.contact-info-card{
    background:#fff;
    border-radius:18px;
    padding:25px;
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:20px;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    border:1px solid #eef2f7;
}

.contact-info-card:hover{
    transform:translateX(8px);
}

.contact-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:18px;
    background:linear-gradient(
        135deg,
        #ff8c00,
        #ffb347
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.contact-info-card h5{
    color:#08213d;
    margin-bottom:8px;
    font-weight:700;
}

.contact-info-card p{
    margin:0;
    color:#667085;
}

.contact-form-box{
    background:#fff;
    padding:40px;
    border-radius:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.06);
    border:1px solid #eef2f7;
    height:100%;
}

.contact-form-box h3{
    color:#08213d;
    font-weight:700;
    margin-bottom:25px;
}

.contact-form-box .form-control{
    height:58px;
    border-radius:12px;
    border:1px solid #dce3ec;
    padding:15px 20px;
    box-shadow:none;
}

.contact-form-box textarea.form-control{
    height:auto;
}

.contact-form-box .form-control:focus{
    border-color:#005bbb;
    box-shadow:0 0 0 4px rgba(0,91,187,.08);
}

.contact-btn{
    background:linear-gradient(
        135deg,
        #005bbb,
        #0b74e5
    );
    color:#fff;
    border:none;
    padding:15px 35px;
    border-radius:12px;
    font-weight:600;
    transition:.3s;
}

.contact-btn:hover{
    transform:translateY(-3px);
}

@media(max-width:991px){

    .contact-heading h2{
        font-size:36px;
    }

    .contact-form-box{
        padding:30px;
    }
}

@media(max-width:767px){

    .contact-heading h2{
        font-size:30px;
    }

    .contact-info-card{
        padding:20px;
    }

    .contact-form-box{
        padding:25px;
    }
}
.location-section{
    background:#f8fbff;
}

.location-heading span{
    color:#ff8c00;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.location-heading h2{
    font-size:46px;
    font-weight:700;
    color:#08213d;
    margin:10px 0;
}

.location-heading p{
    color:#667085;
    max-width:650px;
    margin:auto;
}

.map-wrapper{
    position:relative;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.map-wrapper iframe{
    width:100%;
    height:550px;
    border:0;
    display:block;
}

.office-card{
    position:absolute;
    left:40px;
    top:40px;
    width:350px;
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
    border-top:4px solid #ff8c00;
}

.office-card h4{
    color:#08213d;
    font-weight:700;
    margin-bottom:15px;
}

.office-card p{
    color:#667085;
    line-height:1.8;
    margin-bottom:20px;
}

.direction-btn{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
    background:#005bbb;
    color:#fff;
    padding:12px 22px;
    border-radius:10px;
    transition:.3s;
}

.direction-btn:hover{
    background:#08213d;
    color:#fff;
}

@media(max-width:991px){

    .location-heading h2{
        font-size:34px;
    }

    .office-card{
        position:relative;
        left:auto;
        top:auto;
        width:100%;
        border-radius:0;
        box-shadow:none;
    }

    .map-wrapper iframe{
        height:450px;
    }
}

@media(max-width:576px){

    .location-heading h2{
        font-size:28px;
    }

    .map-wrapper iframe{
        height:350px;
    }

    .office-card{
        padding:25px;
    }
    .buy-sell-btn{
        display:none;
    }
}
.login-page{
    padding-top:140px;
    background:#f5f8fc;
    min-height:100vh;
}

/* Left Side */
.login-left{
    background:linear-gradient(135deg,#08213d,#005bbb);
    min-height:calc(100vh - 140px);
    display:flex;
    align-items:center;
    padding: 50px;
    border-radius: 0px 10px 10px 0px;
    position:relative;
    overflow:hidden;
}

.login-left:before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    top:-120px;
    right:-120px;
}

.login-left:after{
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
    background:rgba(255,255,255,.04);
    bottom:-80px;
    left:-80px;
}

.login-left-content{
    position:relative;
    z-index:2;
    max-width:500px;
}

.login-tag{
    display:inline-block;
    padding:10px 22px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.15);
    border-radius:30px;
    color:#fff;
    margin-bottom:25px;
    font-weight:500;
}

.login-left h1{
    color:#fff;
    font-size: 44px;
    font-weight:700;
    line-height:1.15;
    margin-bottom:25px;
}

.login-left p{
    color:rgba(255,255,255,.85);
    font-size:18px;
    line-height:1.8;
    margin-bottom:35px;
}

.login-features{
    list-style:none;
    padding:0;
    margin:0;
}

.login-features li{
    color:#fff;
    font-size:18px;
    margin-bottom:18px;
    position:relative;
    padding-left:32px;
}

.login-features li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#ff9800;
    font-weight:700;
}

/* Right Side */
.login-right{
    min-height:calc(100vh - 140px);
    display:flex;
    align-items:center;
    justify-content:center;
}

.login-card{
    width:100%;
    max-width:520px;
    background:#fff;
    padding: 20px 29px;
    border-radius:24px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.login-header{
    text-align:center;
    margin-bottom:35px;
}

.login-header h2{
    color:#08213d;
    font-size:42px;
    font-weight:700;
    margin-bottom:10px;
}

.login-header p{
    color:#6b7280;
    margin-bottom:0;
}

.login-card .form-control{
    height:60px;
    border-radius:12px;
    border:1px solid #dbe1ea;
    padding:0 20px;
    box-shadow:none;
}

.login-card .form-control:focus{
    border-color:#005bbb;
    box-shadow:0 0 0 4px rgba(0,91,187,.08);
}

.login-options{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
}

.login-options a{
    color:#005bbb;
    text-decoration:none;
    font-weight:500;
}

.account-btn{
    height:60px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#ff9800,#ffb347);
    color:#fff;
    font-weight:600;
    font-size:18px;
}

.login-btn:hover{
    color:#fff;
}

.register-link{
    text-align:center;
    margin-top:25px;
    color:#6b7280;
}

.register-link a{
    color:#ff9800;
    text-decoration:none;
    font-weight:600;
}

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

    .login-page{
        padding-top: 80px;
    }

    .login-left{
        display:none;
    }

    .login-right{
        min-height:auto;
        padding:30px 20px;
    }

    .login-card{
        max-width:600px;
        padding:35px;
    }
}

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

    .login-card{
        padding:25px;
        border-radius:18px;
    }

    .login-header h2{
        font-size:32px;
    }

    .login-options{
        flex-direction:column;
        gap:10px;
        align-items:flex-start;
    }

    .login-card .form-control{
        height:55px;
    }

    .login-btn{
        height:55px;
        font-size:16px;
    }
}

.forgot-password-page{
    padding-top:140px;
    padding-bottom:80px;
    min-height:100vh;
    background:#f5f8fc;
    display:flex;
    align-items:center;
}

.forgot-card{
    background:#fff;
    padding:45px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    border-top:4px solid #ff9800;
}

.forgot-icon{
    width:90px;
    height:90px;
    margin:0 auto 25px;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #ff9800,
        #ffb347
    );
    display:flex;
    align-items:center;
    justify-content:center;
}

.forgot-icon i{
    color:#fff;
    font-size:34px;
}

.forgot-card h2{
    color:#08213d;
    font-size:36px;
    font-weight:700;
    margin-bottom:15px;
}

.forgot-card p{
    color:#6b7280;
    line-height:1.8;
    margin-bottom:30px;
}

.forgot-card .form-control{
    height:60px;
    border-radius:12px;
    border:1px solid #dbe1ea;
    padding:0 20px;
    box-shadow:none;
}

.forgot-card .form-control:focus{
    border-color:#005bbb;
    box-shadow:0 0 0 4px rgba(0,91,187,.08);
}

.auth-btn{
    height:60px;
    border:none;
    border-radius:12px;
    background:linear-gradient(
        135deg,
        #ff9800,
        #ffb347
    );
    color:#fff;
    font-weight:600;
    font-size:18px;
    transition:.3s;
}

.auth-btn:hover{
    color:#fff;
    transform:translateY(-2px);
}

.back-login{
    margin-top:25px;
    color:#6b7280;
}

.back-login a{
    color:#005bbb;
    font-weight:600;
    text-decoration:none;
}

@media(max-width:767px){

    .forgot-password-page{
        padding-top:120px;
        padding-left:15px;
        padding-right:15px;
    }

    .forgot-card{
        padding:30px 25px;
    }

    .forgot-card h2{
        font-size:28px;
    }

}



/* --- Merits Why Choose us --- */

/* --- Layout Containers --- */
.merits-section {
  padding: 4rem 1rem;
  background-color: #ffffff;
}

.merits-container {
  max-width: 1280px;
  margin: 0 auto;
}

.merits-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: center;
}

@media (min-width: 1024px) {
  .merits-grid {
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
  }
}

/* --- Text Content Styles --- */
.merits-text-content {
  max-width: 32rem;
}

.merits-badge {
  display: inline-block;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  padding: 0.375rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #4b5563;
  margin-bottom: 1.5rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.merits-heading {
  font-size: 2.25rem;
  font-weight: 500;
  color: #111827;
  margin-top: 0;
  margin-bottom: 1.5rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

@media (min-width: 1024px) {
  .merits-heading {
    font-size: 3rem;
  }
}

.merits-description {
  font-size: 1.125rem;
  color: #6b7280;
  margin-bottom: 2.5rem;
  line-height: 1.625;
}

/* --- Button Styles --- */
.merits-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  background-color: #0d6efd;
  color: #ffffff;
  border-radius: 9999px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.merits-btn:hover {
  background-color: #0b5ed7;
}

.merits-btn-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
}

/* --- Cards Grid Styles --- */
.merits-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .merits-cards-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.merits-card {
  background-color: #f8f9fa;
  padding: 2rem;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  transition: transform 0.3s ease;
}

.merits-card:hover {
  transform: translateY(-4px);
}

.merits-card-number {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #0d6efd;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 2rem;
}

.merits-card-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: #111827;
  margin-top: 0;
  margin-bottom: 0.75rem;
}

.merits-card-text {
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.625;
  margin: 0;
}

/* --- Primary (Highlighted) Card Styles --- */
.merits-card--primary {
  background-color: #0d6efd;
  color: #ffffff;
}

.merits-card--primary .merits-card-number {
  background-color: rgba(255, 255, 255, 0.2);
}

.merits-card--primary .merits-card-title {
  color: #ffffff;
}

.merits-card--primary .merits-card-text {
  color: #dbeafe;
}



/* Page Banner */

/* --- Hero Section --- */
/* --- Hero Section --- */
.hero-section {
    position: relative;
    /* Add background image here */
    background: linear-gradient(rgba(3, 11, 27, 0.85), rgba(3, 11, 27, 0.85)), 
                url('https://www.fusionsbpo.com/merits/public/frontend/assets/images/bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 5% 120px 5%;
    color: white;
    /* Ensuring text alignment */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; /* This forces the content to the left */
}

.hero-content h1 {
    font-size: 3.5rem;
    line-height: 1.1;
    margin-bottom: 1rem;
    font-weight: 700;
}

.hero-content p {
    font-size: 1rem;
    color: #b0b8c8;
    margin-bottom: 2rem;
}

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

.btn {
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    cursor: pointer;
}

.btn-primary {
    background-color: #FF8C00; /* Requested button color */
    color: white;
    border: 2px solid #FF8C00;
}

.btn-primary:hover {
    background-color: #e67e00;
    border-color: #e67e00;
}

.btn-outline {
    background-color: transparent;
    color: #FF8C00;
    border: 2px solid #FF8C00;
}

.btn-outline:hover {
    background-color: #FF8C00;
    color: white;
}

.website-icon {
    position: absolute;
    right: 5%;
    bottom: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FF8C00;
    font-weight: 600;
    text-decoration: none;
}

.website-icon svg {
    background: #FF8C00;
    color: white;
    border-radius: 50%;
    padding: 10px;
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
}

/* --- Features Floating Bar --- */
.features-bar {
    background: #fff;
    max-width: 1200px;
    margin: -50px auto 0;
    position: relative;
    z-index: 10;
    border-radius: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 40px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.08);
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
}

.feature-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-icon svg{
    width: 28px;
    height: 28px;
}

.icon-orange {
    background: #ffebd9;
    color: #FF8C00;
}

.icon-blue {
    background: #e5ecff;
    color: #3d6df2;
}

.feature-text h4 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #111;
    margin: 0 0 6px;
    line-height: 1.2;
}

.feature-text p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* Tablet */
@media (max-width:991px){
    .features-bar{
        padding:20px;
        border-radius:25px;
        flex-wrap:wrap;
        gap:20px;
    }

    .feature-item{
        width:48%;
        flex:0 0 48%;
    }
}

/* Mobile */
@media (max-width:576px){
    .features-bar{
        margin-top:-30px;
        border-radius:20px;
        padding:18px;
        flex-direction:column;
        gap:18px;
    }

    .feature-item{
        width:100%;
    }

    .feature-icon{
        width:48px;
        height:48px;
    }

    .feature-icon svg{
        width:24px;
        height:24px;
    }

    .feature-text h4{
        font-size:1.05rem;
    }

    .feature-text p{
        font-size:0.9rem;
    }
}
/* --- Services/Help Section --- */
.help-section {
    padding: 80px 5% 60px 5%;
    text-align: center;
}

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

.help-header h3 {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    color: #ffa000;
}

.help-header h2 {
    font-size: 2.5rem;
    color: #111;
    margin-bottom: 15px;
}

.underline {
    height: 3px;
    width: 60px;
    background-color: #FF8C00;
    margin: 0 auto;
}

/* Card Grid & Hover Effects */
.cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto;
}

.card {
    background: white;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: left;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

/* Box Hover Effect */
.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}

.card-icon {
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
}

.card-icon svg {
    width: 70px;
    height: 70px;
    transition: transform 0.4s ease; /* Icon transition */
}

/* Icon Zoom Effect on Card Hover */
.card:hover .card-icon svg {
    transform: scale(1.15);
}

.card h4 {
    font-size: 1.2rem;
    margin-bottom: 15px;
    line-height: 1.3;
}

.text-orange { color: #FF8C00; }
.text-blue { color: #4a7aff; }

.card p {
    font-size: 0.85rem;
    color: #666;
    line-height: 1.5;
}

/* --- Responsive Design --- */
@media (max-width: 992px) {
    .cards-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .features-bar {
        flex-wrap: wrap;
        border-radius: 20px;
        gap: 20px;
        justify-content: space-around;
    }
    .website-icon {
        display: none; /* Hide floating website icon on smaller screens */
    }
}

@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 2.5rem;
    }
    .hero-buttons {
        flex-direction: column;
    }
    .features-bar {
        grid-template-columns: 1fr;
        margin-top: 20px;
        padding: 20px;
    }
    .cards-container {
        grid-template-columns: 1fr;
    }
}
/*==============================
      CHEQUING HERO SECTION
===============================*/
/*==================================================
                Hero Sections
==================================================*/

.chequing-hero-section{
    min-height:600px;
    display:flex;
    align-items:center;
    overflow:hidden;
    position:relative;
    padding:80px 0;
    /*background:#fdfeff;*/
}

.check-1{
   background:#fdfeff!important;  
}

.check-2{
   background:#f4fdec!important;  
}
.check-3{
   background:#fdfeff!important;  
}

.check-4{
   background:#f4fdec!important;  
}
.check-5{
   background:#fdfeff!important;  
}

.check-6{
   background:#f4fdec!important;  
}
.check-7{
   background:#fdfeff!important;  
}

.check-8{
   background:#f4fdec!important;  
}

/* Backgrounds */

.chequing-hero-section-one{
    background:#fdfeff!important;
}

.chequing-hero-section-three{
    background:
    radial-gradient(circle at 85% 20%,rgba(255,255,255,.12),transparent 35%),
    radial-gradient(circle at 80% 85%,rgba(255,220,180,.18),transparent 25%),
    linear-gradient(135deg,#5F524A,#786A62,#A5968D,#D7CCC5);
}

.chequing-hero-section-four{
    background:
    radial-gradient(circle at top right,rgba(255,255,255,.10),transparent 40%),
    linear-gradient(135deg,#6E6560,#857B75,#A89E98,#CFC4BC);
}

.chequing-hero-section-five,
.chequing-hero-section-six{
    background:
    linear-gradient(135deg,#665E59,#80756E,#A59A92,#D5CBC3);
}

/* Overlay */

/*.chequing-hero-section::before{*/
/*    content:"";*/
/*    position:absolute;*/
/*    inset:0;*/
/*    background:linear-gradient(to right,*/
/*    rgba(0,0,0,.22),*/
/*    rgba(255,255,255,.04));*/
/*}*/

/*==================================================
                Content
==================================================*/

.chequing-content{
    position:relative;
    z-index:2;
    padding:0 40px;
}

.chequing-subtitle{
    display:block;
    color:#fff;
    font-size:26px;
    margin-bottom:25px;
}

.chequing-subtitle strong{
    font-weight:700;
}

.chequing-title{
    color:#000;
    font-size:56px;
    font-weight:700;
    line-height:1.08;
    margin-bottom:40px;
}

.chequing-description{
    color:#000!important;
    font-size:22px;
    font-weight:500;
    line-height:35px;
    margin-bottom:40px;
}

/*==================================================
                Button
==================================================*/

.chequing-arrow-btn{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 2px solid rgb(0 118 181);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0076b5;
    text-decoration: none;
    font-size: 32px;
    transition: .35s;
}

.chequing-arrow-btn:hover{
    background:#fff;
    color:#6d6375;
    transform:translateY(-6px);
}

/*==================================================
                Image
==================================================*/

.chequing-image{
    position:relative;
    z-index:2;
    text-align:center;
}

.chequing-image img{
    width:100%;
    max-width:520px;
    transition:.4s;
    animation:floatImage 5s ease-in-out infinite;
}

.chequing-image img:hover{
    transform:scale(1.04);
}

@keyframes floatImage{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-10px);
}

100%{
transform:translateY(0);
}

}

/*==================================================
          Zigzag Layout Support
==================================================*/

.chequing-hero-section .row{
    row-gap:50px;
}

.chequing-hero-section:nth-child(even) .chequing-content{
    padding-left:60px;
    padding-right:20px;
}

.chequing-hero-section:nth-child(odd) .chequing-content{
    padding-right:60px;
    padding-left:20px;
}

/*==================================================
                Tablet
==================================================*/

@media(max-width:991px){

.chequing-hero-section{
    min-height:auto;
    padding:80px 0;
}

.chequing-content{
    padding:0;
    text-align:center;
    margin-bottom:40px;
}

.chequing-title{
    font-size:42px;
}

.chequing-subtitle{
    font-size:22px;
}

.chequing-arrow-btn{
    margin:auto;
}

.chequing-image img{
    max-width:380px;
}

.chequing-hero-section:nth-child(even) .chequing-content,
.chequing-hero-section:nth-child(odd) .chequing-content{
    padding:0;
}

}

/*==================================================
                Mobile
==================================================*/

@media(max-width:767px){

.chequing-hero-section{
    padding:70px 0;
}

.chequing-title{
    font-size:34px;
    line-height:1.2;
}

.chequing-subtitle{
    font-size:18px;
}

.chequing-arrow-btn{
    width:70px;
    height:70px;
    font-size:24px;
}

.chequing-image img{
    max-width:270px;
}

}

/*==================================================
                Research Section
==================================================*/

.research-section{
    background:#fff;
    position:relative;
    overflow:hidden;
    padding:90px 0;
}

.research-section::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:#fff4e7;
    border-radius:50%;
    top:-150px;
    right:-120px;
}

.research-image{
    position:relative;
}

.research-image img{
    width:100%;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.floating-card{
    position:absolute;
    left:-20px;
    bottom:30px;
    background:#08141f;
    color:#fff;
    padding:18px 25px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:15px;
    box-shadow:0 15px 40px rgba(0,0,0,.22);
}

.floating-card i{
    width:55px;
    height:55px;
    background:#f7931e;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.floating-card h5{
    margin:0;
    font-size:18px;
    font-weight:600;
}

@media(max-width:767px){

.floating-card{
    position:relative;
    left:0;
    bottom:0;
    margin-top:20px;
}

}

.section-tag{
    display:inline-block;
    background:#fff4e7;
    color:#f7931e;
    padding:10px 22px;
    border-radius:50px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px;
}

.research-section h2{
    font-size:48px;
    font-weight:700;
    color:#08141f;
    line-height:1.2;
    margin-bottom:20px;
}

.subtitle{
    color:#f7931e;
    font-size:24px;
    font-weight:600;
    line-height:1.5;
    margin-bottom:25px;
}

.research-section p{
    color:#5b6472;
    font-size:17px;
    line-height:1.9;
    margin-bottom:35px;
}

.btn-consult{
    background:#f7931e;
    color:#fff;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.4s;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
}

.btn-consult:hover{
    background:#08141f;
    color:#fff;
}

@media(max-width:991px){

.research-section h2{
    font-size:36px;
}

.subtitle{
    font-size:20px;
}

.floating-card{
    position:relative;
    left:0;
    bottom:0;
    margin-top:20px;
}

}
.why-matters-section{
    background:#f8fafc;
}

.section-tag{
    display:inline-block;
    background:#fff3e5;
    color:#f7931e;
    padding:10px 20px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.section-title{
    font-size:42px;
    font-weight:700;
    color:#08141f;
}

.matter-image img{
    width:100%;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.content-box{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.content-item{
    display:flex;
    align-items:flex-start;
    gap:20px;
    padding:25px;
    background:#fff;
    border-radius:18px;
    border:1px solid #eceff3;
    transition:.3s;
}

.content-item:hover{
    border-color:#f7931e;
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.06);
}

.content-item .icon{
    width:60px;
    height:60px;
    background:#fff3e5;
    color:#f7931e;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}

.content-item p{
    margin:0;
    color:#5f6675;
    line-height:1.8;
    font-size:17px;
}

@media(max-width:991px){

.section-title{
    font-size:34px;
}

}
.our-approach-section{
    background:#fff;
    position:relative;
    overflow:hidden;
}

.our-approach-section::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:#fff5ea;
    border-radius:50%;
    top:-120px;
    left:-120px;
}

.section-tag{
    display:inline-block;
    padding:10px 22px;
    background:#fff3e5;
    color:#f7931e;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.section-title{
    font-size:44px;
    font-weight:700;
    color:#08141f;
    margin-bottom:15px;
}

.section-subtitle{
    font-size:22px;
    color:#f7931e;
    font-weight:600;
    margin-bottom:0;
}

.approach-image img{
    width:100%;
    border-radius:24px;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.content-card{
    background:#fff;
    border:1px solid #edf1f5;
    border-radius:22px;
    padding:35px;
    display:flex;
    align-items:flex-start;
    gap:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.05);
    transition:.35s;
}

.content-card:hover{
    transform:translateY(-6px);
    border-color:#f7931e;
}

.icon-box{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:#fff3e5;
    color:#f7931e;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

.content-card p{
    margin:0;
    font-size:17px;
    line-height:1.9;
    color:#5d6675;
}

@media(max-width:991px){

.section-title{
    font-size:34px;
}

.section-subtitle{
    font-size:20px;
}

.content-card{
    padding:25px;
}

}
.expect-section{
    background:#f8fafc;
    position:relative;
}

.expect-section::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:#fff4e8;
    border-radius:50%;
    right:-120px;
    top:-120px;
}

.section-tag{
    display:inline-block;
    padding:10px 22px;
    background:#fff3e5;
    color:#f7931e;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.section-title{
    font-size:44px;
    font-weight:700;
    color:#08141f;
}

.expect-card{
    background:#fff;
    border-radius:22px;
    padding:35px;
    height:100%;
    border:1px solid #eceff3;
    transition:.35s;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
}

.expect-card:hover{
    transform:translateY(-8px);
    border-color:#f7931e;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.expect-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#fff3e5;
    color:#f7931e;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:25px;
}

.expect-card h4{
    color:#08141f;
    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
}

.expect-card p{
    color:#667085;
    font-size:16px;
    line-height:1.8;
    margin:0;
}

@media (max-width:991px){

.section-title{
    font-size:34px;
}

.expect-card{
    padding:28px;
}

}
.who-for-dark{
    background:#08141f;
    position:relative;
    overflow:hidden;
    padding:100px 0;
}

.who-for-dark::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(247,147,30,.08);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.who-for-dark::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(247,147,30,.05);
    border-radius:50%;
    right:-120px;
    bottom:-120px;
}

.premium-box{
    position:relative;
    z-index:2;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
    border-radius:30px;
    padding:30px 20px;
}

.section-tag{
    display:inline-block;
    color:#f7931e;
    border:1px solid rgba(247,147,30,.35);
    background:rgba(247,147,30,.08);
    padding:10px 22px;
    border-radius:40px;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.section-title{
    color:#fff;
    font-size:46px;
    font-weight:700;
    margin:25px 0;
}

.lead-text{
    color:rgba(255,255,255,.82);
    font-size:19px;
    line-height:2;
    max-width:780px;
    margin:auto;
}

.premium-divider{
    width:90px;
    height:4px;
    background:#f7931e;
    border-radius:30px;
    margin:40px auto;
}

.bottom-text{
    color:#fff;
    font-size:20px;
    font-weight:500;
    line-height:1.8;
    max-width:760px;
    margin:auto;
}

@media(max-width:991px){

.premium-box{
    padding:45px 25px;
}

.section-title{
    font-size:34px;
}

.lead-text,
.bottom-text{
    font-size:17px;
}

}
.merits-capital-section{
    background:#ffffff;
    padding:90px 0;
}

.merits-image{
    position:relative;
}

.merits-image img{
    width:100%;
    border-radius:24px;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.section-tag{
    display:inline-block;
    padding:10px 22px;
    background:#fff3e5;
    color:#f7931e;
    border-radius:40px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.section-title{
    font-size:46px;
    font-weight:700;
    color:#08141f;
    margin-bottom:20px;
}

.orange-line{
    width:90px;
    height:4px;
    background:#f7931e;
    border-radius:30px;
    margin-bottom:30px;
}

.merits-capital-section p{
    color:#667085;
    font-size:17px;
    line-height:1.9;
    margin-bottom:25px;
}
.mytext-left{
    text-align:left!important;
}

@media(max-width:991px){

.merits-capital-section{
    padding:70px 0;
}

.section-title{
    font-size:34px;
}

.merits-image{
    margin-bottom:20px;
}

}

/*=====================================
      FAQ SECTION
======================================*/

.faq-section{
    padding:30px 0;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

/* Background Shape */

.faq-section::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(247,147,30,.05);
    border-radius:50%;
    top:-120px;
    right:-120px;
}

.faq-section::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:rgba(8,20,31,.03);
    border-radius:50%;
    bottom:-80px;
    left:-80px;
}


/* Section Tag */

.section-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:40px;
    background:#FFF4E7;
    color:#F7931E;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}


/* Heading */

.section-title{
    font-size:46px;
    font-weight:700;
    color:#08141F;
    line-height:1.3;
    margin-bottom:0;
}


/* Accordion */

.custom-faq{
    position:relative;
    z-index:2;
}

.custom-faq .accordion-item{
    border:none;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.35s;
    background:#fff;
}

.custom-faq .accordion-item:hover{
    transform:translateY(-3px);
}


/* Accordion Button */

.custom-faq .accordion-button{
    background:#ffffff;
    color:#08141F;
    font-size:18px;
    font-weight:600;
    padding:22px 25px;
    box-shadow:none;
    border:none;
}

.custom-faq .accordion-button:focus{
    box-shadow:none;
}

.custom-faq .accordion-button:not(.collapsed){
    background:#FFF8F1;
    color:#08141F;
}


/* Icon */

.custom-faq .accordion-button::after{
    width:18px;
    height:18px;
    background-size:18px;
}


/* Body */

.custom-faq .accordion-body{
    padding:0 25px 22px;
    color:#667085;
    font-size:16px;
    line-height:1.9;
}


/* Active Item */

.custom-faq .accordion-item:has(.accordion-button:not(.collapsed)){
    border-left:4px solid #F7931E;
}



/*===============================
      TABLET
================================*/

@media (max-width:991px){

    .faq-section{
        padding:70px 0;
    }

    .section-title{
        font-size:34px;
    }

    .section-tag{
        font-size:12px;
        padding:9px 18px;
    }

    .custom-faq .accordion-button{
        font-size:17px;
        padding:18px 20px;
    }

    .custom-faq .accordion-body{
        padding:0 20px 18px;
        font-size:15px;
    }

}



/*===============================
        MOBILE
================================*/

@media (max-width:767px){

    .faq-section{
        padding:60px 0;
    }

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

    .section-tag{
        font-size:11px;
        padding:8px 16px;
        letter-spacing:.6px;
    }

    .custom-faq .accordion-item{
        border-radius:14px;
        margin-bottom:14px;
    }

    .custom-faq .accordion-button{
        font-size:16px;
        line-height:1.5;
        padding:16px;
        padding-right:45px;
    }

    .custom-faq .accordion-button::after{
        width:16px;
        height:16px;
        background-size:16px;
    }

    .custom-faq .accordion-body{
        font-size:15px;
        line-height:1.8;
        padding:0 16px 18px;
    }

}



/*===============================
      SMALL MOBILE
================================*/

@media (max-width:575px){

    .faq-section{
        padding:50px 0;
    }

    .section-title{
        font-size:24px;
    }

    .section-tag{
        font-size:10px;
        padding:7px 14px;
    }

    .custom-faq .accordion-button{
        font-size:15px;
        padding:15px;
        padding-right:42px;
    }

    .custom-faq .accordion-body{
        font-size:14px;
        line-height:1.7;
        padding:0 15px 15px;
    }

}

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

.algo-cta-section{
    padding:30px 0;
    background:#08141F;
    position:relative;
    overflow:hidden;
}

/* Grid Pattern */

.algo-cta-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size:40px 40px;
}

/* Orange Glow */

.algo-cta-section::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:radial-gradient(circle,#F7931E33 0%,transparent 70%);
    right:-180px;
    top:-180px;
}

.cta-wrapper{
    position:relative;
    z-index:2;
    padding:70px;
    border-radius:28px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(14px);
}

.cta-tag{

    display:inline-block;
    padding:10px 20px;
    border-radius:40px;
    background:rgba(247,147,30,.12);
    color:#F7931E;
    border:1px solid rgba(247,147,30,.35);
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:25px;

}

.cta-wrapper h2{

    color:#fff;
    font-size:48px;
    font-weight:700;
    line-height:1.25;
    margin-bottom:20px;

}

.cta-wrapper p{

    color:rgba(255,255,255,.80);
    font-size:18px;
    line-height:1.9;
    margin-bottom:0;
    max-width:720px;

}

/* Button */

.cta-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
        padding: 12px 36px;
    border-radius:50px;
    background:#F7931E;
    color:#fff;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:.35s;
    box-shadow:0 15px 35px rgba(247,147,30,.30);

}

.cta-btn:hover{

    background:#fff;
    color:#08141F;
    transform:translateY(-4px);

}

/*==========================
      TABLET
==========================*/

@media(max-width:991px){

.cta-wrapper{

    padding:50px 35px;
    text-align:center;

}

.cta-wrapper h2{

    font-size:36px;

}

.cta-wrapper p{

    font-size:17px;
    margin:0 auto;

}

}

/*==========================
        MOBILE
==========================*/

@media(max-width:767px){

.algo-cta-section{

    padding:60px 0;

}

.cta-wrapper{

    padding:35px 25px;

}

.cta-wrapper h2{

    font-size:28px;

}

.cta-wrapper p{

    font-size:15px;
    line-height:1.8;

}

.cta-btn{
    width:100%;
    margin-top: 0px;
    padding:16px;
    display:none!important;
}

}
/*==================================
      MILESTONE SECTION
===================================*/

.milestone-section{
    background:#fff!important;
}

.milestone-tag{
    display:inline-block;
    padding:10px 22px;
    background:#FFF4E7;
    color:#F7931E;
    border-radius:40px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
}

.milestone-title{
    font-size:44px;
    font-weight:700;
    color:#08141F;
}

.milestone-desc{
    max-width:650px;
    margin:15px auto 0;
    color:#667085;
    font-size:17px;
}

.milestone-wrapper{
    position:relative;
}

.milestone-wrapper::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:2px;
    height:100%;
    background:#F7931E20;
    transform:translateX(-50%);
}

.milestone-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
    background:#fff;
    border:1px solid #ECEFF3;
    border-radius:18px;
    padding:22px;
    transition:.35s;
    height:100%;
}

.milestone-item:hover{
    transform:translateY(-5px);
    border-color:#F7931E;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
}

.milestone-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:50%;
    background:#FFF4E7;
    color:#F7931E;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.milestone-content h5{
    margin-bottom:8px;
    color:#08141F;
    font-weight:700;
}

.milestone-content p{
    margin:0;
    color:#667085;
    line-height:1.7;
}

/* Tablet */

@media(max-width:991px){

.milestone-wrapper::before{
    display:none;
}

.milestone-title{
    font-size:34px;
}

}

/* Mobile */

@media(max-width:767px){

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

.milestone-item{
    padding:18px;
}

.milestone-icon{
    width:50px;
    height:50px;
    min-width:50px;
    font-size:20px;
}

.milestone-content h5{
    font-size:18px;
}

.milestone-content p{
    font-size:15px;
}

}
/*====================================
        MARKET INSIGHT SECTION
=====================================*/

.market-insight-section{
    background:#f7f9fc;
}

.market-wrapper{
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.market-left{

    background:#08141F;
    padding:70px 50px;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    overflow:hidden;

}

.market-left::before{

    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(247,147,30,.08);
    border-radius:50%;
    top:-100px;
    right:-80px;

}

.market-tag{

    display:inline-block;
    width:max-content;
    padding:10px 20px;
    border-radius:40px;
    background:rgba(247,147,30,.12);
    color:#F7931E;
    border:1px solid rgba(247,147,30,.25);
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:25px;

}

.market-left h2{

    color:#fff;
    font-size:44px;
    font-weight:700;
    line-height:1.2;
    margin:0;

}

.market-right{

    background:#fff;
    padding:60px;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;

}

.market-icon{

    width:75px;
    height:75px;
    border-radius:50%;
    background:#FFF4E7;
    color:#F7931E;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:25px;

}

.market-right p{

    color:#667085;
    font-size:17px;
    line-height:1.9;

}

/*=========================
      TABLET
==========================*/

@media(max-width:991px){

.market-left,
.market-right{

    padding:45px 30px;

}

.market-left h2{

    font-size:34px;

}

}

/*=========================
        MOBILE
==========================*/

@media(max-width:767px){

.market-left,
.market-right{

    padding:35px 25px;

}

.market-left h2{

    font-size:28px;

}

.market-right p{

    font-size:15px;

}

.market-icon{

    width:60px;
    height:60px;
    font-size:24px;

}

}

/*=============================
   MARKET OPPORTUNITY
==============================*/

.market-opportunity-section{
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.market-opportunity-section::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(247,147,30,.06);
    border-radius:50%;
    top:-120px;
    right:-120px;
}

.market-image{
    position:relative;
}

.market-image img{
    width:100%;
    border-radius:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.market-content{
    background:#fff;
    padding: 5px 5px;
    border-radius:24px;
    border-left:6px solid #F7931E;
    box-shadow:0 20px 45px rgba(0,0,0,.06);
    position:relative;
}

.market-content::before{
    content:"";
    position:absolute;
    top:30px;
    right:30px;
    width:70px;
    height:70px;
    border:2px dashed rgba(247,147,30,.25);
    border-radius:50%;
}

.market-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:40px;
    background:#FFF4E7;
    color:#F7931E;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.market-content h2{
    font-size:44px;
    color:#08141F;
    font-weight:700;
    margin:20px 0;
    line-height:1.25;
}

.market-line{
    width:90px;
    height:4px;
    background:#F7931E;
    border-radius:20px;
    margin-bottom:25px;
}

.market-content p{
    color:#667085;
    font-size:17px;
    line-height:1.9;
}

@media(max-width:991px){

    .market-content{
        padding:35px;
    }

    .market-content h2{
        font-size:34px;
    }

}

@media(max-width:767px){

    .market-content{
        padding:25px;
    }

    .market-content h2{
        font-size:28px;
    }

    .market-content p{
        font-size:15px;
    }

    .market-content::before{
        display:none;
    }

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

.market-list li{
    display:flex;
    align-items:flex-start;
    gap:15px;
    padding:16px 0;
    border-bottom:1px solid #eceff3;
}

.market-list li:last-child{
    border-bottom:none;
}

.market-list li i{
    color:#F7931E;
    font-size:18px;
    margin-top:4px;
    min-width:20px;
}

.market-list li span{
    color:#667085;
    font-size:17px;
    line-height:1.8;
}

@media (max-width:767px){

    .market-list li{
        padding:14px 0;
    }

    .market-list li span{
        font-size:15px;
    }

}
/*==================================
        PHILOSOPHY SECTION
==================================*/

.philosophy-section{
    background:linear-gradient(135deg,#07111c 0%,#102436 100%);
    padding:90px 0;
    position:relative;
    overflow:hidden;
}

.philosophy-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:radial-gradient(circle,rgba(247,147,30,.16),transparent 70%);
    top:-200px;
    left:-200px;
}

.philosophy-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:radial-gradient(circle,rgba(255,255,255,.04),transparent 70%);
    right:-120px;
    bottom:-120px;
}

.philosophy-wrapper{
    position:relative;
    z-index:2;
}

.philosophy-left{
    padding-right:60px;
}

.philosophy-tag{

    display:inline-block;
    padding:10px 22px;
    border-radius:40px;
    background:rgba(247,147,30,.12);
    color:#F7931E;
    border:1px solid rgba(247,147,30,.30);
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:25px;

}

.philosophy-left h2{

    color:#fff;
    font-size:48px;
    line-height:1.2;
    font-weight:700;

}

.philosophy-right{

    position:relative;
    padding-left:50px;

}

.philosophy-right::before{

    content:"";
    position:absolute;
    left:20px;
    top:0;
    width:2px;
    height:100%;
    background:rgba(247,147,30,.20);

}

.philosophy-list{

    list-style:none;
    margin:0;
    padding:0;

}

.philosophy-list li{

    position:relative;
    display:flex;
    gap:20px;
    align-items:center;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
    border-radius:18px;
    padding:20px;
    margin-bottom:22px;
    transition:.35s;

}

.philosophy-list li:hover{

    transform:translateX(8px);
    border-color:#F7931E;

}

.philosophy-list li::before{

    content:"";
    position:absolute;
    left:-38px;
    width:14px;
    height:14px;
    border-radius:50%;
    background:#F7931E;
    box-shadow:0 0 0 8px rgba(247,147,30,.18);

}

.philosophy-list li i{

    width:52px;
    height:52px;
    min-width:52px;
    border-radius:50%;
    background:#F7931E;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;

}

.philosophy-list li span{

    color:#fff;
    font-size:17px;
    line-height:1.8;

}

/* Tablet */

@media(max-width:991px){

.philosophy-left{

    padding-right:0;
    text-align:center;
    margin-bottom:40px;

}

.philosophy-left h2{

    font-size:36px;

}

.philosophy-right{

    padding-left:0;

}

.philosophy-right::before,
.philosophy-list li::before{

    display:none;

}

}

/* Mobile */

@media(max-width:767px){

.philosophy-section{

    padding:60px 0;

}

.philosophy-left h2{

    font-size:28px;

}

.philosophy-list li{

    padding:18px;
    gap:15px;

}

.philosophy-list li i{

    width:44px;
    height:44px;
    min-width:44px;
    font-size:16px;

}

.philosophy-list li span{

    font-size:15px;

}

}
/*=====================================
      INSIGHT FRAMEWORK
======================================*/

.insight-framework-section{
    background:#f7f9fc;
    padding:20px 0;
    overflow:hidden;
}

.framework-box{

    position:relative;
    background:#08141F;
    border-radius:30px;
    padding:60px;
    overflow:visible;

}

.framework-box::before{

    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(247,147,30,.10);
    right:-120px;
    top:-120px;

}

.framework-image{

    position:relative;
    margin-left:-90px;
    z-index:2;

}

.framework-image img{

    width:100%;
    border-radius:24px;
    box-shadow:0 30px 60px rgba(0,0,0,.25);

}

.framework-content{

    position:relative;
    z-index:2;

}

.framework-tag{

    display:inline-block;
    background:rgba(247,147,30,.12);
    border:1px solid rgba(247,147,30,.30);
    color:#F7931E;
    padding:10px 22px;
    border-radius:40px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;

}

.framework-content h2{

    color:#fff;
    font-size:42px;
    font-weight:700;
    line-height:1.2;
    margin:25px 0 20px;

}

.framework-divider{

    width:80px;
    height:4px;
    background:#F7931E;
    border-radius:20px;
    margin-bottom:25px;

}

.framework-content p{

    color:rgba(255,255,255,.85);
    font-size:17px;
    line-height:2;
    margin:0;

}

/* Tablet */

@media(max-width:991px){

.framework-box{

    padding:40px 30px;

}

.framework-image{

    margin-left:0;
    margin-top:-90px;
    margin-bottom:30px;

}

.framework-content{

    text-align:center;

}

.framework-divider{

    margin:25px auto;

}

.framework-content h2{

    font-size:34px;

}

}

/* Mobile */

@media(max-width:767px){

.insight-framework-section{

    padding:60px 0;

}

.framework-box{

    padding:30px 20px;

}

.framework-image{

    margin-top:-60px;

}

.framework-content h2{

    font-size:28px;

}

.framework-content p{

    font-size:15px;
    line-height:1.8;

}

}

.why-merits-list{
    list-style:none;
    padding:0;
    margin:35px 0 0;
}

.why-merits-list li{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:16px 0;
    border-bottom:1px solid #eceff3;
}

.why-merits-list li:last-child{
    border-bottom:none;
}

.why-merits-list li i{
    color:#F7931E;
    font-size:18px;
    margin-top:5px;
    min-width:20px;
}

.why-merits-list li span{
    color:#667085;
    font-size:17px;
    line-height:1.8;
    font-weight:500;
}

@media (max-width:767px){

    .why-merits-list{
        margin-top:25px;
    }

    .why-merits-list li{
        gap:15px;
        padding:14px 0;
    }

    .why-merits-list li span{
        font-size:15px;
        line-height:1.7;
    }

}
/*==========================================
            RIGHT SLIDER CARD
==========================================*/

.wealth-slider-wrapper{

    position:relative;
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(0,0,0,.08);
    border:1px solid #efefef;

}

/* Swiper */

.wealthSwiper{

    overflow:hidden;

}

.swiper-slide{

    background:#fff;

}

/* Slide */

.wealth-slide{

    padding:0;

}

/* Internal Layout */

.wealth-slide .row{

    min-height:640px;
    align-items:stretch;

}

/*====================================
        TEXT SIDE
=====================================*/

.wealth-slide .col-lg-5{

    display:flex;
    align-items:center;
    padding:70px 55px;

}

.slide-content{

    width:100%;

}

/* Small Label */

.slide-tag{

    display:inline-block;
    color:#C8932E;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:25px;
    position:relative;

}

.slide-tag::after{

    content:"";
    display:block;
    width:55px;
    height:2px;
    background:#C8932E;
    margin-top:12px;

}

/* Heading */

.wealth-slide h2{

    color:#101010;
    font-size:60px;
    font-weight:700;
    line-height:1.05;
    margin-bottom:28px;

}

/* Description */

.wealth-slide p{

    color:#666;
    font-size:17px;
    line-height:1.9;
    margin-bottom:0;
    max-width:420px;

}

/*====================================
        IMAGE SIDE
=====================================*/

.wealth-slide .col-lg-7{

    padding:0;
    overflow:hidden;

}

.wealth-slide img{

    width:100%;
    height:100%;
    min-height:640px;
    object-fit:cover;
    display:block;
    transition:.5s;
    border-radius:0;

}

.wealth-slide:hover img{

    transform:scale(1.05);

}

/*====================================
        BOTTOM NAVIGATION
=====================================*/

.wealth-navigation{

    position:absolute;
    left:55px;
    bottom:40px;
    width:360px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    z-index:20;

}

/* Counter */

.slide-counter{

    font-size:18px;
    font-weight:600;
    color:#888;

}

.slide-counter span:first-child{

    color:#C8932E;
    font-size:34px;
    font-weight:700;

}

/* Navigation */

.nav-buttons{

    display:flex;
    gap:15px;

}

.wealth-prev,
.wealth-next{

    width:52px;
    height:52px;
    border:none;
    border-radius:50%;
    cursor:pointer;
    transition:.35s;
    font-size:16px;

}

.wealth-prev{

    background:#C8932E;
    color:#fff;

}

.wealth-next{

    background:#101010;
    color:#fff;

}

.wealth-prev:hover,
.wealth-next:hover{

    transform:translateY(-4px);
    box-shadow:0 15px 25px rgba(0,0,0,.18);

}

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

.wealth-slide{

    animation:slideFade .7s ease;

}

@keyframes slideFade{

    from{

        opacity:0;
        transform:translateY(30px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}
/*==========================================
            1400px
==========================================*/

@media (max-width:1400px){

.wealth-slide h2{

    font-size:52px;

}

.wealth-slide .col-lg-5{

    padding:60px 45px;

}

.wealth-navigation{

    left:45px;

}

}


/*==========================================
            1200px
==========================================*/

@media (max-width:1200px){

.wealth-engine-section{

    padding:70px 0;

}

.step-number{

    width:46px;
    height:46px;
    min-width:46px;

}

.step-icon{

    width:56px;
    height:56px;
    min-width:56px;
    font-size:20px;

}

.step-content h5{

    font-size:17px;

}

.wealth-slide .row{

    min-height:560px;

}

.wealth-slide .col-lg-5{

    padding:50px 40px;

}

.wealth-slide h2{

    font-size:42px;

}

.wealth-slide p{

    font-size:16px;

}

.wealth-slide img{

    min-height:560px;

}

.wealth-navigation{

    width:300px;
    left:40px;
    bottom:30px;

}

}


/*==========================================
            TABLET
==========================================*/

@media (max-width:991px){

.wealth-engine-section{

    padding:60px 0;

}

/* Timeline */

.wealth-steps{

    display:flex;
    overflow-x:auto;
    gap:18px;
    padding-bottom:20px;
    margin-bottom:35px;
    scrollbar-width:none;

}

.wealth-steps::-webkit-scrollbar{

    display:none;

}

.wealth-steps::before{

    display:none;

}

.wealth-step{

    min-width:260px;
    margin-bottom:0;
    background:#fff;
    padding:16px;
    border-radius:18px;
    border:1px solid #ececec;

}

.wealth-step:hover{

    transform:none;

}

/* Card */

.wealth-slider-wrapper{

    border-radius:24px;

}

.wealth-slide .row{

    min-height:auto;

}

.wealth-slide .col-lg-5{

    padding:40px;

}

.wealth-slide .col-lg-7{

    padding:0;

}

.wealth-slide img{

    min-height:380px;

}

.wealth-slide h2{

    font-size:36px;

}

.wealth-navigation{

    position:relative;
    width:100%;
    left:auto;
    bottom:auto;
    padding:25px 40px;

}

}


/*==========================================
            MOBILE
==========================================*/

@media (max-width:767px){

.wealth-engine-section{

    padding:50px 0;

}

.wealth-step{

    min-width:220px;
    padding:14px;

}

.step-number{

    width:40px;
    height:40px;
    min-width:40px;
    font-size:13px;

}

.step-icon{

    width:48px;
    height:48px;
    min-width:48px;
    font-size:18px;

}

.step-content h5{

    font-size:14px;
    line-height:1.5;

}

.wealth-slide .col-lg-5{

    padding:30px 25px;

}

.slide-tag{

    font-size:11px;
    letter-spacing:1px;

}

.wealth-slide h2{

    font-size:28px;
    line-height:1.2;
    margin-bottom:18px;

}

.wealth-slide p{

    font-size:15px;
    line-height:1.8;

}

.wealth-slide img{

    min-height:240px;

}

.wealth-navigation{

    padding:20px 25px;

}

.slide-counter{

    font-size:16px;

}

.slide-counter span:first-child{

    font-size:26px;

}

.wealth-prev,
.wealth-next{

    width:44px;
    height:44px;

}

}


/*==========================================
        SMALL MOBILE
==========================================*/

@media (max-width:575px){

.wealth-engine-section{

    padding:40px 0;

}

.wealth-step{

    min-width:190px;

}

.step-content h5{

    font-size:13px;

}

.step-number{

    width:34px;
    height:34px;
    min-width:34px;

}

.step-icon{

    width:42px;
    height:42px;
    min-width:42px;
    font-size:16px;

}

.wealth-slide .col-lg-5{

    padding:22px;

}

.wealth-slide h2{

    font-size:24px;

}

.wealth-slide p{

    font-size:14px;

}

.wealth-slide img{

    min-height:200px;

}

.wealth-navigation{

    padding:18px 22px;

}

}
/*=====================================================
        FINAL POLISH
======================================================*/

/* Card Hover */

.wealth-slider-wrapper{

    transition:.45s ease;

}

.wealth-slider-wrapper:hover{

    transform:translateY(-6px);
    box-shadow:0 35px 80px rgba(0,0,0,.12);

}

/*==================================
        Timeline Line
===================================*/

.wealth-steps::before{

    background:linear-gradient(
        to bottom,
        #f3f3f3,
        #dcdcdc,
        #f3f3f3
    );

}

/*==================================
      Active Glow
===================================*/

.wealth-step.active .step-number{

    box-shadow:
    0 0 0 8px rgba(247,167,47,.10),
    0 12px 30px rgba(0,0,0,.18);

}

.wealth-step.active .step-icon{

    box-shadow:
    0 0 0 8px rgba(247,167,47,.10),
    0 18px 35px rgba(247,167,47,.18);

}

/*==================================
        Image
===================================*/

.wealth-slide img{

    transition:all .6s ease;

}

.wealth-slide:hover img{

    transform:scale(1.04);

}

/*==================================
      Step Hover
===================================*/

.wealth-step{

    transition:all .35s ease;

}

.wealth-step:hover{

    transform:translateX(10px);

}

.wealth-step:hover .step-content h5{

    color:#111;

}

/*==================================
        Counter
===================================*/

.slide-counter{

    display:flex;
    align-items:flex-end;
    gap:6px;

}

.slide-counter span:first-child{

    line-height:1;

}

.slide-counter span:last-child{

    color:#999;

}

/*==================================
        Buttons
===================================*/

.wealth-prev,
.wealth-next{

    display:flex;
    align-items:center;
    justify-content:center;

}

.wealth-prev:hover{

    background:#b88120;

}

.wealth-next:hover{

    background:#000;

}

/*==================================
        Swiper
===================================*/

.swiper-slide{

    opacity:.3;
    transition:.45s;

}

.swiper-slide-active{

    opacity:1;

}

/*==================================
        Smooth Fade
===================================*/

.swiper-slide-active .slide-content{

    animation:slideContent .8s;

}

@keyframes slideContent{

    from{

        opacity:0;
        transform:translateY(30px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

/*==================================
        Image Animation
===================================*/

.swiper-slide-active img{

    animation:imageZoom .8s;

}

@keyframes imageZoom{

    from{

        transform:scale(1.08);

    }

    to{

        transform:scale(1);

    }

}

/*==================================
        Better Radius
===================================*/

.wealth-slide img{

    border-radius:0 28px 28px 0;

}

/*==================================
        Timeline Animation
===================================*/

.wealth-step.active::after{

    content:"";
    position:absolute;
    left:25px;
    top:50%;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#F7A72F;
    transform:translateY(-50%);
    animation:pulse 2s infinite;
    opacity:.15;

}

@keyframes pulse{

    0%{

        transform:translateY(-50%) scale(.7);

    }

    70%{

        transform:translateY(-50%) scale(1.8);

    }

    100%{

        transform:translateY(-50%) scale(2.2);
        opacity:0;

    }

}

/*==================================
        Scrollbar
===================================*/

.wealth-steps::-webkit-scrollbar{

    width:4px;

}

.wealth-steps::-webkit-scrollbar-thumb{

    background:#d8d8d8;
    border-radius:50px;

}

/*==================================
        Image Shadow
===================================*/

.wealth-slide img{

    box-shadow:
    0 25px 60px rgba(0,0,0,.12);

}

/*==================================
        Card Background
===================================*/

.wealth-slider-wrapper{

    background:
    linear-gradient(
        180deg,
        #ffffff,
        #fcfcfc
    );

}

/*==================================
        Tag
===================================*/

.slide-tag{

    color:#d0932d;

}

.slide-tag::after{

    width:60px;

}

/*==================================
        Final Typography
===================================*/

.wealth-slide h2{

    letter-spacing:-1px;

}

.wealth-slide p{

    font-weight:400;

}

/*=========================================
        WEALTH ENGINE SECTION
=========================================*/

.wealth-engine-section{
    background:#faf8f5;
    padding:90px 0;
    overflow:hidden;
}

.wealth-engine-section .container{
    max-width:1320px;
    margin:auto;
}

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

.wealth-layout{

    display:grid;
    grid-template-columns:290px 1fr;
    gap:50px;
    align-items:start;

}

/*=========================================
        LEFT TIMELINE
=========================================*/

.wealth-sidebar{

    position:relative;
    padding:20px 0;

}

.wealth-line{

    position:absolute;
    left:24px;
    top:35px;
    bottom:35px;
    width:2px;
    background:#e5e5e5;

}

.wealth-item{

    position:relative;
    display:grid;
    grid-template-columns:48px 64px 1fr;
    align-items:center;
    gap:18px;
    margin-bottom:30px;
    cursor:pointer;
    transition:.35s;

}

.wealth-item:last-child{

    margin-bottom:0;

}

/*=====================
        NUMBER
======================*/

.wealth-count{

    width:48px;
    height:48px;
    border-radius:50%;
    background:#fff;
    border:2px solid #ececec;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    color:#888;
    position:relative;
    z-index:5;
    transition:.35s;

}

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

.wealth-icon{

    width:64px;
    height:64px;
    border-radius:50%;
    background:#fff;
    border:2px solid #ececec;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#888;
    font-size:22px;
    transition:.35s;

}

/*=====================
        TEXT
======================*/

.wealth-text{

    font-size:19px;
    font-weight:500;
    color:#444;
    line-height:1.45;
    transition:.35s;

}

/*=====================
        ACTIVE
======================*/

.wealth-item.active .wealth-count{

    background:#111;
    border-color:#111;
    color:#F7A72F;

}

.wealth-item.active .wealth-icon{

    border-color:#F7A72F;
    color:#F7A72F;
    background:#fffdf8;

}

.wealth-item.active .wealth-text{

    color:#111;
    font-weight:700;

}

/* Hover */

.wealth-item:hover{

    transform:translateX(8px);

}

.wealth-item:hover .wealth-icon{

    border-color:#F7A72F;
    color:#F7A72F;

}

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

.wealth-main{

    position:relative;

}

.wealth-card{

    background:#fff;
    border-radius:28px;
    overflow:hidden;
    display:grid;
    grid-template-columns:42% 58%;
    min-height:640px;
    box-shadow:0 20px 70px rgba(0,0,0,.08);

}

/*=========================================
        CONTENT
=========================================*/

.wealth-content{

    padding:70px 55px;
    display:flex;
    flex-direction:column;
    justify-content:center;

}

.wealth-label{

    color:#C8922F;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
    position:relative;

}

.wealth-label::after{

    content:"";
    display:block;
    width:55px;
    height:2px;
    background:#C8922F;
    margin-top:12px;

}

.wealth-content h2{

    font-size:60px;
    line-height:1.05;
    color:#111;
    font-weight:700;
    margin-bottom:28px;

}

.wealth-content p{

    font-size:17px;
    line-height:1.9;
    color:#666;
    max-width:420px;

}

/*=========================================
        IMAGE
=========================================*/

.wealth-image{

    height:100%;

}

.wealth-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}

/*=========================================
        FOOTER
=========================================*/

.wealth-footer{

    display:flex;
    justify-content:space-between;
    align-items:center;

}

/* Counter */

.wealth-counter{

    font-size:20px;
    color:#999;
    font-weight:600;

}

.wealth-counter span:first-child{

    color:#C8922F;
    font-size:34px;
    font-weight:700;

}

/* Buttons */

.wealth-buttons{

    display:flex;
    gap:15px;

}

.wealth-prev,
.wealth-next{

    width:52px;
    height:52px;
    border:none;
    border-radius:50%;
    cursor:pointer;
    transition:.35s;

}

.wealth-prev{

    background:#C8922F;
    color:#fff;

}

.wealth-next{

    background:#111;
    color:#fff;

}

.wealth-prev:hover,
.wealth-next:hover{

    transform:translateY(-4px);

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

/* Laptop */

@media (max-width:1400px){

.wealth-layout{
grid-template-columns: 400px 1fr;
gap:35px;

}

.wealth-card{

    min-height:580px;

}

.wealth-content{

    padding:60px 45px;

}

.wealth-content h2{

    font-size:50px;

}

.wealth-image img{

    min-height:580px;

}

}


/*==========================================
        TABLET
==========================================*/

@media (max-width:991px){

.wealth-layout{

    grid-template-columns:1fr;
    gap:35px;

}

/* Timeline */

.wealth-sidebar{

    display:flex;
    overflow-x:auto;
    gap:18px;
    padding-bottom:15px;
    scrollbar-width:none;

}

.wealth-sidebar::-webkit-scrollbar{

    display:none;

}

.wealth-line{

    display:none;

}

.wealth-item{

    min-width:260px;
    display:flex;
    align-items:center;
    gap:15px;
    margin:0;
    padding:15px;
    background:#fff;
    border-radius:18px;
    border:1px solid #ececec;

}

/* Card */

.wealth-card{

    grid-template-columns:1fr;
    min-height:auto;

}

.wealth-content{

    padding:45px;

}

.wealth-content h2{

    font-size:40px;

}

.wealth-content p{

    max-width:100%;

}

.wealth-image{

    order:2;

}

.wealth-image img{

    height:380px;

}

.wealth-footer{

    padding-top:35px;

}

}


/*==========================================
        MOBILE
==========================================*/

@media (max-width:767px){

.wealth-engine-section{

    padding:60px 0;

}

.wealth-sidebar{

    gap:15px;

}

.wealth-item{

    min-width:230px;
    padding:12px;

}

.wealth-count{

    width:42px;
    height:42px;
    font-size:13px;

}

.wealth-icon{

    width:50px;
    height:50px;
    font-size:18px;

}

.wealth-text{

    font-size:15px;

}

.wealth-content{

    padding:28px;

}

.wealth-content h2{

    font-size:30px;
    line-height:1.15;

}

.wealth-content p{

    font-size:15px;
    line-height:1.8;

}

.wealth-image img{

    height:240px;

}

.wealth-footer{

    padding-top:25px;

}

.wealth-counter{

    font-size:16px;

}

.wealth-counter span:first-child{

    font-size:28px;

}

.wealth-prev,
.wealth-next{

    width:45px;
    height:45px;

}

}


/*==========================================
        SMALL MOBILE
==========================================*/

@media (max-width:575px){

.wealth-item{

    min-width:200px;

}

.wealth-text{

    font-size:14px;

}

.wealth-content{

    padding:22px;

}

.wealth-content h2{

    font-size:25px;

}

.wealth-content p{

    font-size:14px;

}

.wealth-image img{

    height:210px;

}

.wealth-footer{

    flex-direction:column;
    align-items:flex-start;
    gap:18px;

}

}


/*==========================================
        SWIPER
==========================================*/

.wealthSwiper{

    overflow:hidden;

}

.wealthSwiper .swiper-slide{

    opacity:.4;
    transition:.45s;

}

.wealthSwiper .swiper-slide-active{

    opacity:1;

}


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

.wealth-card{

    transition:.4s;

}

.wealth-card:hover{

    transform:translateY(-8px);
    box-shadow:0 30px 80px rgba(0,0,0,.12);

}

.wealth-item{

    transition:.35s;

}

.wealth-item:hover{

    transform:translateX(8px);

}

.wealth-image{

    overflow:hidden;

}

.wealth-image img{

    transition:.6s;

}

.wealth-card:hover .wealth-image img{

    transform:scale(1.05);

}


/*==========================================
        FADE ANIMATION
==========================================*/

.swiper-slide-active .wealth-content{

    animation:fadeContent .7s;

}

@keyframes fadeContent{

    from{

        opacity:0;
        transform:translateY(25px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

.swiper-slide-active .wealth-image img{

    animation:imageZoom .8s;

}

@keyframes imageZoom{

    from{

        transform:scale(1.08);

    }

    to{

        transform:scale(1);

    }

}
/*=========================================
        FRAMEWORK SECTION
=========================================*/

.framework-section{
    background:#fff;
    padding:90px 0;
    position:relative;
    overflow:hidden;
}

.framework-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:radial-gradient(circle,rgba(243,163,35,.12),transparent 70%);
    top:-180px;
    left:-180px;
}

.framework-section::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:radial-gradient(circle,rgba(243,163,35,.10),transparent 70%);
    bottom:-220px;
    right:-220px;
}

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

.framework-tag{
    display:inline-block;
    color:#d08b20;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.framework-title{
    font-size:48px;
    font-weight:700;
    color:#111;
    margin-bottom:0;
    line-height:1.15;
}

/*=========================================
        Row
=========================================*/

.framework-row{
    border-top:1px solid #ececec;
}

.framework-row>.col-lg{
    border-right:1px solid #ececec;
}

.framework-row>.col-lg:last-child{
    border-right:none;
}

/*=========================================
        Card
=========================================*/

.framework-card{

    text-align:center;
    padding:20px 18px;
    height:100%;
    transition:.35s ease;
    position:relative;
    background:#fff;

}

.framework-card:hover{

    transform:translateY(-8px);

}

/*=========================================
        Icon
=========================================*/

.framework-icon{

    width:82px;
    height:82px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#fff;
    border:2px solid #f2f2f2;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:#d39a34;
    transition:.35s;

}

.framework-card:hover .framework-icon{

    border-color:#d39a34;
    background:#fffaf3;
    transform:rotateY(180deg);

}

.framework-icon i{

    transition:.35s;

}

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

    transform:rotateY(-180deg);

}

/*=========================================
        Title
=========================================*/

.framework-card h4{

    font-size:21px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
    line-height:1.4;
    min-height:58px;

}

/*=========================================
        Text
=========================================*/

.framework-card p{

    color:#666;
    font-size:15px;
    line-height:1.8;
    margin:0;

}

/*=========================================
        Hover Line
=========================================*/

.framework-card::before{

    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:0;
    height:3px;
    background:#d39a34;
    transition:.35s;

}

.framework-card:hover::before{

    width:100%;

}

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

@media(max-width:1199px){

.framework-title{

    font-size:42px;

}

.framework-card{

    padding:35px 20px;

}

.framework-card h4{

    font-size:19px;

}

}

@media(max-width:991px){

.framework-row>.col-lg{

    border-right:none;
    border-bottom:1px solid #ececec;

}

.framework-row>.col-lg:last-child{

    border-bottom:none;

}

.framework-card{

    padding:40px 25px;

}

.framework-title{

    font-size:36px;

}

.framework-card h4{

    min-height:auto;

}

}

@media(max-width:767px){

.framework-section{

    padding:60px 0;

}

.framework-title{

    font-size:30px;

}

.framework-icon{

    width:70px;
    height:70px;
    font-size:28px;

}

.framework-card{

    padding:35px 20px;

}

.framework-card h4{

    font-size:18px;

}

.framework-card p{

    font-size:14px;

}

}

@media(max-width:575px){

.framework-title{

    font-size:26px;

}

.framework-card{

    padding:30px 18px;

}

.framework-icon{

    width:65px;
    height:65px;
    font-size:24px;

}

}

/* =========================================
   MERITS CAPITAL - PARTNER INTRO
========================================= */

.merits-partner-intro {
    position: relative;
    overflow: hidden;
    background: #f7f9f8;
    padding: 50px 0 !important;
}

.merits-intro-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.merits-section-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 18px;
    border-radius: 50px;
    background: rgba(24, 91, 72, 0.08);
    color: #185b48;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.merits-intro-title {
    margin: 0 0 25px;
    color: #173d34;
    font-size: clamp(36px, 4.2vw, 62px);
    line-height: 1.12;
    font-weight: 600;
    letter-spacing: -1.5px;
}

.merits-intro-title span {
    color: #b28a45;
}

.merits-intro-text {
    max-width: 700px;
    margin: 0;
    color: #596761;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
}

/* Visual Area */

.merits-intro-visual {
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.merits-visual-circle {
    position: absolute;
    border-radius: 50%;
}

.merits-circle-one {
    width: 330px;
    height: 330px;
    background: rgba(24, 91, 72, 0.08);
    top: 25px;
    right: 25px;
}

.merits-circle-two {
    width: 210px;
    height: 210px;
    background: rgba(178, 138, 69, 0.12);
    bottom: 25px;
    left: 45px;
}

.merits-visual-card {
    position: relative;
    z-index: 2;
    width: 290px;
    min-height: 190px;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid rgba(24, 91, 72, 0.12);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 25px 60px rgba(23, 61, 52, 0.12);
    backdrop-filter: blur(10px);
    transform: rotate(-4deg);
    transition: all 0.4s ease;
}

.merits-visual-card:hover {
    transform: rotate(0deg) translateY(-8px);
    box-shadow: 0 30px 70px rgba(23, 61, 52, 0.18);
}

.merits-visual-line {
    width: 55px;
    height: 4px;
    margin-bottom: 25px;
    border-radius: 10px;
    background: #b28a45;
}

.merits-visual-card span {
    color: #173d34;
    font-size: 22px;
    font-weight: 600;
}


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

@media (max-width: 991.98px) {

    .merits-partner-intro {
        padding: 75px 0 !important;
    }

    .merits-intro-content {
        max-width: 100%;
    }

    .merits-intro-title {
        font-size: clamp(36px, 6vw, 52px);
    }

    .merits-intro-text {
        font-size: 17px;
    }

    .merits-intro-visual {
        min-height: 350px;
        margin-top: 15px;
    }
}

@media (max-width: 575.98px) {

    .merits-partner-intro {
        padding: 55px 0 !important;
    }

    .merits-section-label {
        font-size: 12px;
        padding: 7px 14px;
    }

    .merits-intro-title {
        font-size: 35px;
        letter-spacing: -0.8px;
    }

    .merits-intro-text {
        font-size: 16px;
        line-height: 1.7;
    }

    .merits-intro-visual {
        min-height: 300px;
    }

    .merits-circle-one {
        width: 240px;
        height: 240px;
        right: 10px;
    }

    .merits-circle-two {
        width: 150px;
        height: 150px;
        left: 20px;
    }

    .merits-visual-card {
        width: 245px;
        min-height: 165px;
        padding: 28px;
    }

    .merits-visual-card span {
        font-size: 19px;
    }
}

/* =========================================
   WEALTH MANAGEMENT SECTION
========================================= */

.wealth-section {
    width: 100%;
    overflow: hidden;
    background: #f8f7f3;
}

.wealth-banner {
    position: relative;

    min-height: 550px;

    display: flex;
    align-items: center;

    overflow: hidden;
}


/* =========================================
   BACKGROUND IMAGE
========================================= */

.wealth-bg {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;

    width: 100%;

   background-image: url('../images/wealth-a.png');

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    z-index: 1;
}


/* =========================================
   LEFT WHITE OVERLAY
========================================= */

.wealth-bg::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.98) 28%,
            rgba(255, 255, 255, 0.82) 43%,
            rgba(255, 255, 255, 0) 65%
        );

}


/* =========================================
   CONTENT
========================================= */

.wealth-banner .container {
    position: relative;

    z-index: 2;
}

.wealth-content {
    max-width: 500px;

    padding: 70px 0;
}


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

.wealth-tag {
    display: inline-block;

    margin-bottom: 12px;

    color: #d58a2b;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 0.8px;

    text-transform: uppercase;
}


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

.wealth-content h2 {
    margin: 0 0 24px;

    color: #172d4d;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(42px, 4vw, 64px);

    font-weight: 400;

    line-height: 0.98;

    letter-spacing: -1.5px;
}

.wealth-content h2 span {
    color: #df852c;

    font-style: italic;
}


/* =========================================
   PARAGRAPHS
========================================= */

.wealth-content p {
    max-width: 420px;

    margin-bottom: 14px;

    color: #4c4c4c;

    font-size: 14px;

    line-height: 1.7;

    font-weight: 400;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .wealth-banner {
        min-height: 500px;
    }

    .wealth-content {
        max-width: 460px;

        padding: 60px 0;
    }

    .wealth-content h2 {
        font-size: 48px;
    }

    .wealth-bg::after {
        background:
            linear-gradient(
                90deg,
                rgba(255, 255, 255, 1) 0%,
                rgba(255, 255, 255, 0.96) 38%,
                rgba(255, 255, 255, 0.65) 58%,
                rgba(255, 255, 255, 0) 78%
            );
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .wealth-banner {
        min-height: auto;

        padding: 0;
    }

    .wealth-bg {
        position: relative;

        width: 100%;

        height: 250px;

        background-position: center;

        background-size: cover;
    }

    .wealth-bg::after {
        display: none;
    }

    .wealth-banner .container {
        position: relative;

        margin-top: -1px;
    }

    .wealth-content {
        max-width: 100%;

        padding: 45px 20px 50px;

        background: #fff;
    }

    .wealth-content h2 {
        font-size: 42px;

        line-height: 1;

        letter-spacing: -1px;
    }

    .wealth-content p {
        max-width: 100%;

        font-size: 14px;

        line-height: 1.65;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .wealth-bg {
        height: 210px;

        background-position: center;
    }

    .wealth-content {
        padding: 35px 18px 40px;
    }

    .wealth-tag {
        font-size: 10px;

        margin-bottom: 10px;
    }

    .wealth-content h2 {
        font-size: 36px;

        margin-bottom: 20px;
    }

    .wealth-content p {
        font-size: 13px;

        line-height: 1.6;
    }

}
/* =========================================
   STRATEGY SECTION
========================================= */

.strategy-section {
    width: 100%;
    padding: 75px 0;
    background: #fff;
    overflow: hidden;
}

.strategy-wrapper {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 65px;
}


/* =========================================
   LEFT INTRO
========================================= */

.strategy-intro {
    flex: 0 0 310px;
    padding-left: 5px;
}

.strategy-intro h2 {
    margin: 0;

    color: #092d50;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 38px;
    font-weight: 400;

    line-height: 1.02;

    letter-spacing: -1px;
}

.strategy-intro h2 span {
    display: inline-block;

    color: #f17d21;

    font-style: italic;
}

.strategy-line {
    width: 25px;
    height: 2px;

    margin-top: 20px;

    background: #f17d21;
}


/* =========================================
   RIGHT CONTENT
========================================= */

.strategy-content {
    flex: 1;
    min-width: 0;
}


/* =========================================
   STRATEGY ITEMS
========================================= */

.strategy-items {
    width: 100%;

    display: flex;
    align-items: flex-start;

    justify-content: space-between;

    gap: 22px;
}


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

.strategy-item {
    flex: 1;

    min-width: 100px;

    text-align: center;
}


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

.strategy-icon {
    width: 48px;
    height: 45px;

    margin: 0 auto 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #07385e;

    font-size: 21px;

    border-bottom: 1px solid #d5d5d5;
}


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

.strategy-item h4 {
    margin: 0 0 7px;

    color: #07385e;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.25;
}


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

.strategy-item p {
    margin: 0;

    color: #777;

    font-size: 11px;

    font-weight: 400;

    line-height: 1.45;
}


/* =========================================
   FINAL STRATEGY
========================================= */

.strategy-final {
    flex: 0 0 105px;

    display: flex;

    align-items: center;
    justify-content: center;
}

.strategy-circle {
    position: relative;

    width: 82px;
    height: 82px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #073b5e;

    color: #fff;

    text-align: center;

    font-size: 11px;

    font-weight: 700;

    line-height: 1.3;

    z-index: 2;
}


/* Outer orange rings */

.strategy-circle::before {
    content: "";

    position: absolute;

    inset: -9px;

    border: 1px solid rgba(241, 125, 33, 0.45);

    border-radius: 50%;
}

.strategy-circle::after {
    content: "";

    position: absolute;

    inset: -15px;

    border: 1px solid rgba(241, 125, 33, 0.25);

    border-radius: 50%;
}


/* =========================================
   DESCRIPTION BELOW
========================================= */

.strategy-description {
    width: 100%;

    margin-top: 25px;

    padding-right: 90px;

    color: #777;

    font-size: 11px;

    line-height: 1.55;

    text-align: center;
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1400px) {

    .strategy-section {
        padding: 85px 0;
    }

    .strategy-wrapper {
        gap: 80px;
    }

    .strategy-intro {
        flex: 0 0 330px;
    }

    .strategy-intro h2 {
        font-size: 42px;
    }

    .strategy-items {
        gap: 28px;
    }

    .strategy-icon {
        width: 52px;
        height: 48px;

        font-size: 22px;
    }

    .strategy-item h4 {
        font-size: 14px;
    }

    .strategy-item p {
        font-size: 11px;
    }

    .strategy-circle {
        width: 90px;
        height: 90px;

        font-size: 12px;
    }

    .strategy-final {
        flex: 0 0 115px;
    }

    .strategy-description {
        font-size: 11px;
        margin-top: 28px;
    }

}


/* =========================================
   1200 - 1399 PX
========================================= */

@media (min-width: 1200px) and (max-width: 1399px) {

    .strategy-wrapper {
        gap: 55px;
    }

    .strategy-intro {
        flex: 0 0 290px;
    }

    .strategy-intro h2 {
        font-size: 36px;
    }

    .strategy-items {
        gap: 16px;
    }

    .strategy-item h4 {
        font-size: 12px;
    }

    .strategy-item p {
        font-size: 10px;
    }

    .strategy-description {
        font-size: 10px;
        padding-right: 60px;
    }

}


/* =========================================
   TABLET / SMALL DESKTOP
========================================= */

@media (max-width: 1199px) {

    .strategy-section {
        padding: 65px 0;
    }

    .strategy-wrapper {
        gap: 40px;
    }

    .strategy-intro {
        flex: 0 0 250px;
    }

    .strategy-intro h2 {
        font-size: 32px;
    }

    .strategy-items {
        gap: 10px;
    }

    .strategy-item {
        min-width: 85px;
    }

    .strategy-icon {
        width: 42px;
        height: 42px;

        font-size: 19px;
    }

    .strategy-item h4 {
        font-size: 11px;
    }

    .strategy-item p {
        font-size: 9px;
    }

    .strategy-final {
        flex: 0 0 85px;
    }

    .strategy-circle {
        width: 70px;
        height: 70px;

        font-size: 9px;
    }

    .strategy-circle::before {
        inset: -7px;
    }

    .strategy-circle::after {
        inset: -12px;
    }

    .strategy-description {
        margin-top: 20px;

        padding-right: 30px;

        font-size: 9px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .strategy-section {
        padding: 60px 0;
    }

    .strategy-wrapper {
        display: block;
    }

    /* Center heading */

    .strategy-intro {
        width: 100%;

        padding: 0;

        margin-bottom: 50px;

        text-align: center;
    }

    .strategy-intro h2 {
        font-size: 38px;

        line-height: 1.05;
    }

    .strategy-line {
        margin: 20px auto 0;
    }

    /* Strategy row */

    .strategy-items {
        gap: 15px;
    }

    .strategy-item {
        min-width: 95px;
    }

    .strategy-icon {
        width: 48px;
        height: 45px;

        font-size: 20px;
    }

    .strategy-item h4 {
        font-size: 12px;
    }

    .strategy-item p {
        font-size: 10px;
    }

    .strategy-final {
        flex: 0 0 90px;
    }

    .strategy-circle {
        width: 76px;
        height: 76px;

        font-size: 10px;
    }

    .strategy-description {
        margin-top: 30px;

        padding: 0 20px;

        font-size: 10px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .strategy-section {
        padding: 50px 0;
    }

    .strategy-intro {
        margin-bottom: 40px;
    }

    .strategy-intro h2 {
        font-size: 34px;

        line-height: 1.08;

        letter-spacing: -0.5px;
    }

    .strategy-items {
        display: grid;

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

        gap: 35px 20px;
    }

    .strategy-item {
        min-width: 0;

        width: 100%;
    }

    .strategy-icon {
        width: 52px;
        height: 48px;

        margin-bottom: 11px;

        font-size: 21px;
    }

    .strategy-item h4 {
        font-size: 13px;

        line-height: 1.3;
    }

    .strategy-item p {
        font-size: 11px;

        line-height: 1.5;
    }

    /* Final circle */

    .strategy-final {
        grid-column: 1 / -1;

        margin-top: 10px;
    }

    .strategy-circle {
        width: 90px;
        height: 90px;

        font-size: 11px;
    }

    .strategy-description {
        max-width: 600px;

        margin: 35px auto 0;

        padding: 0 15px;

        font-size: 11px;

        line-height: 1.6;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .strategy-section {
        padding: 45px 0;
    }

    .strategy-intro {
        margin-bottom: 35px;
    }

    .strategy-intro h2 {
        font-size: 30px;

        line-height: 1.1;
    }

    .strategy-items {
        gap: 32px 12px;
    }

    .strategy-icon {
        width: 48px;
        height: 45px;

        font-size: 19px;
    }

    .strategy-item h4 {
        font-size: 12px;
    }

    .strategy-item p {
        font-size: 10px;
    }

    .strategy-circle {
        width: 86px;
        height: 86px;

        font-size: 11px;
    }

    .strategy-description {
        font-size: 10px;

        padding: 0 10px;
    }

}


/* =========================================
   EXTRA SMALL
========================================= */

@media (max-width: 360px) {

    .strategy-section {
        padding: 40px 0;
    }

    .strategy-intro h2 {
        font-size: 27px;
    }

    .strategy-items {
        gap: 28px 8px;
    }

    .strategy-icon {
        width: 44px;
        height: 42px;

        font-size: 18px;
    }

    .strategy-item h4 {
        font-size: 11px;
    }

    .strategy-item p {
        font-size: 9px;
    }

    .strategy-circle {
        width: 82px;
        height: 82px;

        font-size: 10px;
    }

}
/* =========================================================
   HOW WE WORK - PREMIUM TIMELINE
========================================================= */

.how-work-section {
    width: 100%;
    padding: 85px 0 90px;
    background: #ffffff;
    overflow: hidden;
}


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

.how-work-heading {
    margin-bottom: 40px;
    text-align: center;
}

.how-work-heading h2 {
    margin: 0;

    color: #07385e;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 38px;
    font-weight: 400;

    line-height: 1.2;

    letter-spacing: -0.5px;
}

.how-work-heading span {
    display: block;

    width: 28px;
    height: 2px;

    margin: 12px auto 0;

    background: #f58220;
}


/* =========================================================
   TIMELINE WRAPPER
========================================================= */

.how-work-timeline {
    position: relative;

    width: 100%;

    display: grid;

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

    gap: 35px;

    padding: 0 15px;
}


/* =========================================================
   HORIZONTAL CONNECTING LINE
========================================================= */

.how-work-timeline::before {
    content: "";

    position: absolute;

    top: 27px;

    left: 7%;

    right: 7%;

    height: 1px;

    background: #dedede;

    z-index: 0;
}


/* =========================================================
   STEP
========================================================= */

.work-step {
    position: relative;

    min-width: 0;

    display: grid;

    grid-template-columns: 58px 1fr;

    column-gap: 15px;

    align-items: start;

    z-index: 2;
}


/* =========================================================
   NUMBER
========================================================= */

.step-number {
    position: relative;

    grid-column: 1;

    grid-row: 1;

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f7941d;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 20px;

    font-weight: 700;

    line-height: 1;

    box-shadow:
        0 8px 20px rgba(247, 148, 29, 0.22);

    z-index: 3;
}


/* Small orange point */

.step-number::after {
    content: "";

    position: absolute;

    top: -6px;
    right: -4px;

    width: 7px;
    height: 7px;

    background: #f7941d;

    border-radius: 50%;

    border: 2px solid #fff;
}


/* =========================================================
   REMOVE OLD LINE
========================================================= */

.step-line {
    display: none !important;
}


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

.step-icon {
    grid-column: 1;
    grid-row: 2;

    width: 52px;
    height: 52px;

    margin-top: 16px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    border: 1px solid #e0e5e9;

    color: #07385e;

    font-size: 19px;

    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.06);

    z-index: 2;
}


/* =========================================================
   STEP CONTENT
========================================================= */

.step-content {
    grid-column: 2;

    grid-row: 1 / 3;

    padding-top: 8px;
}


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

.step-content h4 {
    margin: 0 0 12px;

    color: #07385e;

    font-size: 17px;

    font-weight: 700;

    line-height: 1.25;
}


/* =========================================================
   STEP DESCRIPTION
========================================================= */

.step-content p {
    max-width: 210px;

    margin: 0;

    color: #667085;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.65;
}


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

.work-step {
    transition: transform 0.35s ease;
}

.work-step:hover {
    transform: translateY(-6px);
}

.work-step:hover .step-number {
    background: #07385e;

    box-shadow:
        0 10px 25px rgba(7, 56, 94, 0.22);
}

.work-step:hover .step-icon {
    border-color: #f58220;

    color: #f58220;

    transform: scale(1.05);
}

.step-icon {
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .how-work-section {
        padding: 95px 0 100px;
    }

    .how-work-heading {
        margin-bottom: 70px;
    }

    .how-work-heading h2 {
        font-size: 42px;
    }

    .how-work-timeline {
        gap: 50px;

        padding: 0 20px;
    }

    .work-step {
        grid-template-columns: 64px 1fr;

        column-gap: 18px;
    }

    .step-number {
        width: 64px;
        height: 64px;

        font-size: 22px;
    }

    .step-icon {
        width: 56px;
        height: 56px;

        font-size: 20px;
    }

    .step-content {
        padding-top: 9px;
    }

    .step-content h4 {
        font-size: 18px;

        margin-bottom: 13px;
    }

    .step-content p {
        max-width: 230px;

        font-size: 13px;

        line-height: 1.65;
    }

}


/* =========================================================
   1200 - 1399
========================================================= */

@media (min-width: 1200px) and (max-width: 1399px) {

    .how-work-section {
        padding: 20px 0 85px;
    }

    .how-work-heading h2 {
        font-size: 39px;
    }

    .how-work-timeline {
        gap: 25px;
    }

    .work-step {
        grid-template-columns: 55px 1fr;

        column-gap: 14px;
    }

    .step-number {
        width: 55px;
        height: 55px;

        font-size: 19px;
    }

    .step-icon {
        width: 50px;
        height: 50px;

        font-size: 18px;
    }

    .step-content h4 {
        font-size: 16px;
    }

    .step-content p {
        font-size: 12px;

        line-height: 1.6;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .how-work-section {
        padding: 70px 0 75px;
    }

    .how-work-heading {
        margin-bottom: 55px;
    }

    .how-work-heading h2 {
        font-size: 35px;
    }

    .how-work-timeline {
        gap: 20px;

        padding: 0 5px;
    }

    .how-work-timeline::before {
        left: 6%;
        right: 6%;
    }

    .work-step {
        grid-template-columns: 50px 1fr;

        column-gap: 12px;
    }

    .step-number {
        width: 50px;
        height: 50px;

        font-size: 18px;
    }

    .step-icon {
        width: 46px;
        height: 46px;

        margin-top: 13px;

        font-size: 17px;
    }

    .step-content {
        padding-top: 6px;
    }

    .step-content h4 {
        font-size: 15px;

        margin-bottom: 9px;
    }

    .step-content p {
        max-width: 170px;

        font-size: 11px;

        line-height: 1.6;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .how-work-section {
        padding: 60px 0 65px;
    }

    .how-work-heading {
        margin-bottom: 45px;
    }

    .how-work-heading h2 {
        font-size: 32px;
    }

    /* Vertical timeline */

    .how-work-timeline {
        display: flex;

        flex-direction: column;

        gap: 0;

        padding: 0 10px;
    }

    .how-work-timeline::before {
        top: 25px;

        left: 38px;
        right: auto;

        width: 1px;

        height: calc(100% - 50px);

        background: #dedede;
    }


    /* Step */

    .work-step {
        display: grid;

        grid-template-columns: 65px 1fr;

        column-gap: 18px;

        min-height: 150px;

        padding-bottom: 35px;

        transform: none !important;
    }


    /* Number */

    .step-number {
        grid-column: 1;

        grid-row: 1;

        width: 52px;
        height: 52px;

        font-size: 18px;
    }


    /* Icon */

    .step-icon {
        grid-column: 1;

        grid-row: 2;

        width: 48px;
        height: 48px;

        margin-top: 15px;

        font-size: 17px;

        background: #fff;
    }


    /* Content */

    .step-content {
        grid-column: 2;

        grid-row: 1 / 3;

        padding-top: 3px;
    }

    .step-content h4 {
        font-size: 18px;

        margin-bottom: 10px;
    }

    .step-content p {
        max-width: 100%;

        font-size: 13px;

        line-height: 1.65;
    }


    /* Last item */

    .work-step:last-child {
        min-height: auto;

        padding-bottom: 0;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .how-work-section {
        padding: 50px 0 55px;
    }

    .how-work-heading {
        margin-bottom: 40px;
    }

    .how-work-heading h2 {
        font-size: 29px;
    }

    .how-work-timeline {
        padding: 0 5px;
    }

    .how-work-timeline::before {
        left: 32px;
    }

    .work-step {
        grid-template-columns: 55px 1fr;

        column-gap: 16px;

        min-height: 140px;

        padding-bottom: 30px;
    }

    .step-number {
        width: 48px;
        height: 48px;

        font-size: 17px;
    }

    .step-icon {
        width: 44px;
        height: 44px;

        margin-top: 14px;

        font-size: 16px;
    }

    .step-content h4 {
        font-size: 16px;

        margin-bottom: 8px;
    }

    .step-content p {
        font-size: 12px;

        line-height: 1.6;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .how-work-section {
        padding: 45px 0 50px;
    }

    .how-work-heading h2 {
        font-size: 27px;
    }

    .how-work-timeline::before {
        left: 29px;
    }

    .work-step {
        grid-template-columns: 50px 1fr;

        column-gap: 14px;

        min-height: 135px;
    }

    .step-number {
        width: 44px;
        height: 44px;

        font-size: 16px;
    }

    .step-icon {
        width: 40px;
        height: 40px;

        font-size: 15px;
    }

    .step-content h4 {
        font-size: 15px;
    }

    .step-content p {
        font-size: 11px;
    }

}

/* =========================================================
   THE MERITS APPROACH
========================================================= */

.merits-approach-section {
    width: 100%;

    background: #f8f4ee;

    overflow: hidden;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.merits-approach-wrapper {

    width: 100%;

    min-height: 430px;

    display: flex;

    align-items: stretch;
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.merits-approach-image {

    width: 50%;

    min-height: 430px;

    overflow: hidden;
}

.merits-approach-image img {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.merits-approach-content {

    width: 50%;

    display: flex;

    align-items: center;

    background: #f8f4ee;
}


/* =========================================================
   INNER CONTENT
========================================================= */

.approach-inner {

    width: 100%;

    max-width: 650px;

    padding: 55px 7% 55px 7%;
}


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

.approach-inner h2 {

    margin: 0;

    color: #07385e;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 34px;

    font-weight: 400;

    line-height: 1.2;
}


/* =========================================================
   ORANGE LINE
========================================================= */

.approach-line {

    width: 25px;

    height: 2px;

    margin-top: 10px;

    margin-bottom: 28px;

    background: #f58220;
}


/* =========================================================
   APPROACH ITEMS
========================================================= */

.approach-items {

    width: 100%;

    display: grid;

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

    margin-bottom: 28px;
}


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

.approach-item {

    min-height: 70px;

    padding: 0 18px;

    border-left: 1px solid #d8d2cb;
}

.approach-item:first-child {

    padding-left: 0;

    border-left: 0;
}


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

.approach-item h4 {

    margin: 0 0 9px;

    color: #07385e;

    font-family: Arial, sans-serif;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.2;
}


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

.approach-item p {

    margin: 0;

    color: #5f6265;

    font-size: 11px;

    line-height: 1.45;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.approach-description {

    max-width: 610px;
}

.approach-description p {

    margin: 0;

    color: #5d6266;

    font-size: 12px;

    line-height: 1.6;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .merits-approach-wrapper {

        min-height: 470px;
    }

    .merits-approach-image {

        min-height: 470px;
    }

    .approach-inner {

        max-width: 700px;

        padding: 65px 8%;
    }

    .approach-inner h2 {

        font-size: 38px;
    }

    .approach-line {

        margin-bottom: 32px;
    }

    .approach-item {

        padding: 0 22px;
    }

    .approach-item h4 {

        font-size: 15px;
    }

    .approach-item p {

        font-size: 12px;
    }

    .approach-description p {

        font-size: 13px;
    }

}


/* =========================================================
   1200 - 1399 PX
========================================================= */

@media (min-width: 1200px) and (max-width: 1399px) {

    .merits-approach-wrapper {

        min-height: 420px;
    }

    .merits-approach-image {

        min-height: 420px;
    }

    .approach-inner {

        padding: 50px 6%;
    }

    .approach-inner h2 {

        font-size: 33px;
    }

    .approach-item {

        padding: 0 15px;
    }

    .approach-item h4 {

        font-size: 13px;
    }

    .approach-item p {

        font-size: 10px;
    }

    .approach-description p {

        font-size: 11px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .merits-approach-wrapper {

        min-height: 380px;
    }

    .merits-approach-image {

        width: 45%;

        min-height: 380px;
    }

    .merits-approach-content {

        width: 55%;
    }

    .approach-inner {

        padding: 40px 35px;
    }

    .approach-inner h2 {

        font-size: 30px;
    }

    .approach-line {

        margin-bottom: 22px;
    }

    .approach-items {

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

        row-gap: 20px;
    }

    .approach-item {

        min-height: auto;

        padding: 0 15px;
    }

    .approach-item:nth-child(3) {

        padding-left: 0;

        border-left: 0;
    }

    .approach-item h4 {

        font-size: 13px;
    }

    .approach-item p {

        font-size: 10px;
    }

    .approach-description {

        margin-top: 25px;
    }

    .approach-description p {

        font-size: 11px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .merits-approach-wrapper {

        display: flex;

        flex-direction: column;

        min-height: auto;
    }


    /* Image */

    .merits-approach-image {

        width: 100%;

        height: 300px;

        min-height: 300px;

        order: 1;
    }

    .merits-approach-image img {

        object-position: center;
    }


    /* Content */

    .merits-approach-content {

        width: 100%;

        order: 2;
    }

    .approach-inner {

        max-width: 100%;

        padding: 50px 25px 55px;
    }


    /* Heading */

    .approach-inner h2 {

        font-size: 31px;

        line-height: 1.2;
    }

    .approach-line {

        margin-top: 10px;

        margin-bottom: 30px;
    }


    /* Items */

    .approach-items {

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

        gap: 30px 0;

        margin-bottom: 30px;
    }

    .approach-item {

        min-height: 75px;

        padding: 0 18px;
    }

    .approach-item:nth-child(3) {

        padding-left: 0;

        border-left: 0;
    }

    .approach-item h4 {

        font-size: 15px;

        margin-bottom: 8px;
    }

    .approach-item p {

        font-size: 12px;

        line-height: 1.5;
    }


    /* Description */

    .approach-description p {

        font-size: 12px;

        line-height: 1.65;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .merits-approach-image {

        height: 250px;

        min-height: 250px;
    }

    .approach-inner {

        padding: 42px 20px 48px;
    }

    .approach-inner h2 {

        font-size: 28px;
    }

    .approach-items {

        grid-template-columns: 1fr;

        gap: 0;
    }

    .approach-item {

        min-height: auto;

        padding: 18px 0 !important;

        border-left: 0 !important;

        border-bottom: 1px solid #ddd5cd;
    }

    .approach-item:first-child {

        padding-top: 0 !important;
    }

    .approach-item:last-child {

        border-bottom: 0;
    }

    .approach-item h4 {

        font-size: 15px;
    }

    .approach-item p {

        font-size: 12px;
    }

    .approach-description {

        margin-top: 10px;
    }

    .approach-description p {

        font-size: 11px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .merits-approach-image {

        height: 220px;

        min-height: 220px;
    }

    .approach-inner {

        padding: 38px 18px 42px;
    }

    .approach-inner h2 {

        font-size: 26px;
    }

    .approach-item h4 {

        font-size: 14px;
    }

    .approach-item p {

        font-size: 11px;
    }

    .approach-description p {

        font-size: 10px;
    }

}
    /* =========================================
   MULTI SELECT DROPDOWN
========================================= */

.multi-select-wrapper {
    position: relative;
    width: 100%;
}

.multi-select-btn {
    width: 100%;
    height: 50px;

    padding: 0 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: #fff;

    border: 1px solid #dee2e6;
    border-radius: 8px;

    color: #6c757d;

    font-size: 15px;

    text-align: left;

    cursor: pointer;

    transition: all 0.3s ease;
}

.multi-select-btn:hover,
.multi-select-btn.active {
    border-color: var(--primary);
}

.multi-select-btn i {
    font-size: 12px;

    transition: transform 0.3s ease;
}

.multi-select-btn.active i {
    transform: rotate(180deg);
}

.selected-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Dropdown */

.multi-select-dropdown {
    position: absolute;

    top: calc(100% + 6px);
    left: 0;
    right: 0;

    background: #fff;

    border: 1px solid #e5e7eb;
    border-radius: 10px;

    padding: 8px;

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

    max-height: 280px;

    overflow-y: auto;

    z-index: 999;

    opacity: 0;
    visibility: hidden;

    transform: translateY(-8px);

    transition: all 0.25s ease;
}

.multi-select-dropdown.active {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

/* Options */

.multi-select-dropdown label {
    display: flex;
    align-items: center;

    gap: 10px;

    padding: 11px 12px;

    margin: 0;

    border-radius: 7px;

    color: #344054;

    font-size: 14px;

    cursor: pointer;

    transition: all 0.2s ease;
}

.multi-select-dropdown label:hover {
    background: #fff7ed;
    color: var(--primary);
}

.multi-select-dropdown input[type="checkbox"] {
    width: 17px;
    height: 17px;

    accent-color: var(--primary);

    cursor: pointer;
}

/* Scrollbar */

.multi-select-dropdown::-webkit-scrollbar {
    width: 5px;
}

.multi-select-dropdown::-webkit-scrollbar-thumb {
    background: #f39200;
    border-radius: 20px;
}

/* =====================================================
   MERITS CONTACT SECTION
===================================================== */

.merits-contact-section{
    width:100%;
    padding:70px 20px;
    background:#f7f9fc;
    box-sizing:border-box;
    font-family:inherit;
}

.merits-contact-container{
    width:100%;
    max-width:1180px;
    margin:0 auto;
}


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

.merits-contact-heading{
    text-align:center;
    max-width:720px;
    margin:0 auto 35px;
}

.merits-contact-label{
    display:inline-block;
    color:#f39200;
    font-size:12px;
    font-weight:700;
    letter-spacing:2.5px;
    margin-bottom:8px;
}

.merits-contact-heading h2{
    margin:0 0 10px;
    color:#17233c;
    font-size:40px;
    line-height:1.15;
    font-weight:700;
}

.merits-contact-heading p{
    margin:0;
    color:#68758a;
    font-size:15px;
    line-height:1.6;
}


/* =====================================================
   MAIN BOX
===================================================== */

.merits-contact-box{
    display:grid;
    grid-template-columns:34% 66%;
    background:#fff;
    border-radius:22px;
    overflow:visible;
    box-shadow:0 18px 55px rgba(23,35,60,.10);
    position:relative;
}


/* =====================================================
   LEFT PANEL
===================================================== */

.merits-contact-left{
    background:linear-gradient(
        145deg,
        #243d84 0%,
        #18346f 100%
    );

    border-radius:22px 0 0 22px;
    padding:35px 30px;
    position:relative;
    overflow:hidden;
    color:#fff;
}

.merits-contact-left::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,255,255,.045);
    right:-90px;
    top:-70px;
}

.merits-contact-left::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:rgba(243,146,0,.08);
    left:-130px;
    bottom:-130px;
}


/* LEFT CONTENT */

.merits-contact-left-top{
    position:relative;
    z-index:2;
}

.merits-mini-label{
    display:inline-block;
    font-size:11px;
    letter-spacing:2px;
    font-weight:700;
    color:#f5a623;
    margin-bottom:9px;
}

.merits-contact-left h3{
    margin:0 0 10px;
    font-size:31px;
    line-height:1.15;
    color:#fff;
    font-weight:700;
}

.merits-contact-left p{
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:14px;
    line-height:1.65;
    max-width:310px;
}


/* =====================================================
   CONTACT DETAILS
===================================================== */

.merits-contact-details{
    margin-top:30px;
    position:relative;
    z-index:3;
}

.merits-contact-detail{
    display:flex;
    align-items:center;
    gap:13px;
    text-decoration:none;
    color:#fff;
    margin-bottom:20px;
}

.merits-detail-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:10px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f39200;
    transition:.3s ease;
}

.merits-contact-detail:hover .merits-detail-icon{
    background:#f39200;
    color:#fff;
    transform:translateY(-2px);
}

.merits-contact-detail small{
    display:block;
    color:rgba(255,255,255,.58);
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:3px;
}

.merits-contact-detail strong{
    display:block;
    color:#fff;
    font-size:13px;
    line-height:1.45;
    font-weight:600;
}


/* =====================================================
   DECORATION
===================================================== */

.merits-contact-pattern{
    position:absolute;
    bottom:18px;
    right:25px;
    display:flex;
    gap:5px;
    z-index:2;
}

.merits-contact-pattern span{
    display:block;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#f39200;
}

.merits-contact-pattern span:nth-child(2){
    opacity:.6;
}

.merits-contact-pattern span:nth-child(3){
    opacity:.3;
}


/* =====================================================
   RIGHT FORM
===================================================== */

.merits-contact-right{
    padding:35px 40px;
    background:#fff;
    border-radius:0 22px 22px 0;
}

.merits-form-header{
    margin-bottom:24px;
}

.merits-form-header span{
    display:block;
    color:#f39200;
    font-size:10px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:6px;
}

.merits-form-header h3{
    margin:0;
    color:#24334d;
    font-size:24px;
    line-height:1.25;
    font-weight:700;
}


/* =====================================================
   FORM ROW
===================================================== */

.merits-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-bottom:15px;
}


/* =====================================================
   FORM FIELDS
===================================================== */

.merits-field{
    position:relative;
    width:100%;
}

.merits-field input,
.merits-field textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid #e1e5eb;
    background:#fafbfd;
    border-radius:9px;
    color:#24334d;
    font-family:inherit;
    font-size:14px;
    outline:none;
    transition:.25s ease;
}

.merits-field input{
    height:51px;
    padding:17px 14px 5px;
}

.merits-field textarea{
    min-height:105px;
    resize:vertical;
    padding:20px 14px 8px;
}

.merits-field input:focus,
.merits-field textarea:focus{
    border-color:#243d84;
    background:#fff;
    box-shadow:0 0 0 3px rgba(36,61,132,.07);
}


/* FLOATING LABEL */

.merits-field > label{
    position:absolute;
    left:14px;
    top:16px;
    color:#7b8798;
    font-size:13px;
    pointer-events:none;
    transition:.2s ease;
    background:transparent;
}

.merits-field input:focus + label,
.merits-field input:not(:placeholder-shown) + label,
.merits-field textarea:focus + label,
.merits-field textarea:not(:placeholder-shown) + label{
    top:5px;
    font-size:9px;
    color:#243d84;
    font-weight:600;
}


/* =====================================================
   MULTI SELECT
===================================================== */

.merits-service-field{
    position:relative;
}

.merits-multiselect{
    position:relative;
    width:100%;
}

.merits-select-button{
    width:100%;
    height:51px;
    padding:0 14px;
    border:1px solid #e1e5eb;
    border-radius:9px;
    background:#fafbfd;
    color:#7b8798;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    font-family:inherit;
    font-size:14px;
    text-align:left;
    transition:.25s ease;
}

.merits-select-button:hover,
.merits-select-button.active{
    border-color:#243d84;
    background:#fff;
}

.merits-select-button i{
    font-size:11px;
    color:#243d84;
    transition:.25s ease;
}

.merits-select-button.active i{
    transform:rotate(180deg);
}

.merits-selected-text.selected{
    color:#24334d;
    font-weight:500;
}


/* DROPDOWN */

.merits-service-dropdown{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 7px);
    background:#fff;
    border:1px solid #e4e8ee;
    border-radius:10px;
    padding:7px;
    box-shadow:0 15px 35px rgba(20,35,60,.15);
    z-index:99999;

    opacity:0;
    visibility:hidden;
    transform:translateY(-7px);
    transition:.2s ease;

    max-height:245px;
    overflow-y:auto;
}

.merits-service-dropdown.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.merits-service-dropdown label{
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px 10px;
    margin:0;
    border-radius:6px;
    color:#344054;
    font-size:13px;
    cursor:pointer;
    transition:.2s ease;
}

.merits-service-dropdown label:hover{
    background:#fff6e9;
    color:#e78300;
}

.merits-service-dropdown input[type="checkbox"]{
    width:16px;
    height:16px;
    margin:0;
    accent-color:#f39200;
    cursor:pointer;
}

.merits-service-dropdown::-webkit-scrollbar{
    width:4px;
}

.merits-service-dropdown::-webkit-scrollbar-thumb{
    background:#f39200;
    border-radius:20px;
}


/* =====================================================
   MESSAGE
===================================================== */

.merits-message-field{
    margin-top:0;
}


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

.merits-submit-wrap{
    display:flex;
    justify-content:flex-end;
    margin-top:16px;
}

.merits-submit-button{
    min-width:165px;
    height:48px;
    border:0;
    border-radius:8px;
    padding:0 17px 0 20px;
    background:#f39200;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    font-family:inherit;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    transition:.3s ease;
    box-shadow:0 7px 18px rgba(243,146,0,.22);
}

.merits-submit-button i{
    width:27px;
    height:27px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    transition:.3s ease;
}

.merits-submit-button:hover{
    background:#243d84;
    transform:translateY(-2px);
    box-shadow:0 9px 22px rgba(36,61,132,.22);
}

.merits-submit-button:hover i{
    transform:translateX(3px);
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:991px){

    .merits-contact-section{
        padding:55px 18px;
    }

    .merits-contact-box{
        grid-template-columns:1fr;
    }

    .merits-contact-left{
        border-radius:20px 20px 0 0;
        padding:30px;
    }

    .merits-contact-right{
        border-radius:0 0 20px 20px;
        padding:30px;
    }

    .merits-contact-details{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px 20px;
    }

    .merits-contact-detail{
        margin-bottom:10px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767px){

    .merits-contact-section{
        padding:40px 12px;
    }

    .merits-contact-heading{
        margin-bottom:25px;
    }

    .merits-contact-heading h2{
        font-size:29px;
    }

    .merits-contact-heading p{
        font-size:13px;
        line-height:1.55;
    }

    .merits-contact-left{
        padding:25px 20px;
        border-radius:17px 17px 0 0;
    }

    .merits-contact-left h3{
        font-size:26px;
    }

    .merits-contact-left p{
        font-size:13px;
    }

    .merits-contact-details{
        display:block;
        margin-top:22px;
    }

    .merits-contact-detail{
        margin-bottom:15px;
    }

    .merits-detail-icon{
        width:36px;
        height:36px;
        flex-basis:36px;
    }

    .merits-contact-right{
        padding:24px 18px;
        border-radius:0 0 17px 17px;
    }

    .merits-form-header{
        margin-bottom:18px;
    }

    .merits-form-header h3{
        font-size:20px;
    }

    .merits-form-row{
        grid-template-columns:1fr;
        gap:13px;
        margin-bottom:13px;
    }

    .merits-field input,
    .merits-select-button{
        height:49px;
    }

    .merits-field textarea{
        min-height:95px;
    }

    .merits-submit-wrap{
        justify-content:stretch;
    }

    .merits-submit-button{
        width:100%;
        justify-content:center;
        height:47px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media(max-width:400px){

    .merits-contact-heading h2{
        font-size:26px;
    }

    .merits-contact-left{
        padding:22px 17px;
    }

    .merits-contact-right{
        padding:22px 15px;
    }

    .merits-contact-detail strong{
        font-size:12px;
    }

}

/* =========================================================
   WEALTH STRATEGY SECTION
========================================================= */

.wealth-strategy-section {
    width: 100%;
    padding: 35px 0 30px;
    background: #f9f8f6;
    overflow: hidden;
}

.wealth-strategy-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
}


/* =========================================================
   TOP HEADER
========================================================= */

.wealth-strategy-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 65px;
}

.wealth-strategy-label {
    display: inline-block;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;

    color: #f39200;

    margin-bottom: 12px;
}

.wealth-strategy-header h2 {
    margin: 0;

    font-size: 46px;
    line-height: 1.15;
    font-weight: 700;

    color: #17233f;

    letter-spacing: -1px;
}

.wealth-strategy-header h2 span {
    color: #f39200;
}

.wealth-strategy-line {
    width: 70px;
    height: 4px;

    margin: 20px auto 22px;

    background: #f39200;

    border-radius: 10px;
}

.wealth-strategy-header p {
    max-width: 800px;

    margin: 0 auto;

    font-size: 17px;
    line-height: 1.75;

    color: #596579;
    font-weight: 500;
}


/* =========================================================
   STRATEGY JOURNEY
========================================================= */

.wealth-strategy-journey {
    width: 100%;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 10px;
}


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

.wealth-strategy-item {
    flex: 1;

    min-width: 0;

    position: relative;

    text-align: center;

    padding: 0 8px;
}


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

.wealth-strategy-icon {
    width: 62px;
    height: 62px;

    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    color: #17233f;

    font-size: 30px;

    transition: all 0.3s ease;
}

.wealth-strategy-item:hover .wealth-strategy-icon {
    color: #f39200;

    transform: translateY(-5px);
}


/* =========================================================
   ARROW
========================================================= */

.wealth-strategy-arrow {
    position: absolute;

    top: 21px;
    right: -12px;

    color: #aab2bf;

    font-size: 27px;
    font-weight: 300;

    line-height: 1;
}


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

.wealth-strategy-item h3 {
    margin: 0 0 10px;

    color: #17233f;

    font-size: 18px;
    line-height: 1.3;

    font-weight: 700;
}

.wealth-strategy-item p {
    margin: 0;

    color: #596579;

    font-size: 14px;
    line-height: 1.6;

    font-weight: 500;
}


/* =========================================================
   FINAL STRATEGY
========================================================= */

.wealth-strategy-final {
    flex: 0 0 135px;

    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;

    padding-top: 2px;
}

.wealth-strategy-circle {
    width: 120px;
    height: 120px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    border-radius: 50%;

    background: #17233f;

    border: 3px solid #f39200;

    box-shadow:
        0 0 0 8px rgba(243, 146, 0, 0.08),
        0 0 0 16px rgba(243, 146, 0, 0.04);

    position: relative;
}

.wealth-strategy-circle span {
    color: #ffffff;

    font-size: 17px;
    line-height: 1.35;

    font-weight: 700;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .wealth-strategy-section {
        padding: 60px 0 70px;
    }

    .wealth-strategy-header {
        margin-bottom: 55px;
    }

    .wealth-strategy-header h2 {
        font-size: 40px;
    }

    .wealth-strategy-header p {
        font-size: 16px;
    }

    .wealth-strategy-journey {
        gap: 5px;
    }

    .wealth-strategy-item {
        padding: 0 5px;
    }

    .wealth-strategy-icon {
        width: 55px;
        height: 55px;

        font-size: 26px;
    }

    .wealth-strategy-item h3 {
        font-size: 16px;
    }

    .wealth-strategy-item p {
        font-size: 13px;
    }

    .wealth-strategy-arrow {
        right: -9px;
        font-size: 22px;
    }

    .wealth-strategy-final {
        flex: 0 0 115px;
    }

    .wealth-strategy-circle {
        width: 105px;
        height: 105px;
    }

    .wealth-strategy-circle span {
        font-size: 15px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .wealth-strategy-section {
        padding: 50px 0 60px;
    }

    .wealth-strategy-container {
        padding: 0 20px;
    }


    /* Header */

    .wealth-strategy-header {
        margin-bottom: 45px;
    }

    .wealth-strategy-label {
        font-size: 11px;
        letter-spacing: 1.5px;
        margin-bottom: 10px;
    }

    .wealth-strategy-header h2 {
        font-size: 34px;
        line-height: 1.2;
        letter-spacing: -0.5px;
    }

    .wealth-strategy-line {
        width: 60px;
        height: 3px;

        margin: 17px auto 18px;
    }

    .wealth-strategy-header p {
        font-size: 15px;
        line-height: 1.7;
    }


    /* Journey */

    .wealth-strategy-journey {
        display: grid;

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

        gap: 35px 20px;
    }


    .wealth-strategy-item {
        padding: 5px 8px;
    }


    .wealth-strategy-icon {
        width: 58px;
        height: 58px;

        margin-bottom: 13px;

        font-size: 27px;
    }


    .wealth-strategy-item h3 {
        font-size: 17px;
        line-height: 1.35;

        margin-bottom: 7px;
    }


    .wealth-strategy-item p {
        font-size: 14px;
        line-height: 1.55;
    }


    /* Hide arrows on mobile */

    .wealth-strategy-arrow {
        display: none;
    }


    /* Final Circle */

    .wealth-strategy-final {
        grid-column: 1 / -1;

        padding-top: 10px;
    }

    .wealth-strategy-circle {
        width: 115px;
        height: 115px;
    }

    .wealth-strategy-circle span {
        font-size: 16px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .wealth-strategy-section {
        padding: 42px 0 50px;
    }

    .wealth-strategy-container {
        padding: 0 16px;
    }


    .wealth-strategy-header {
        margin-bottom: 38px;
    }

    .wealth-strategy-label {
        font-size: 10px;
    }

    .wealth-strategy-header h2 {
        font-size: 30px;
    }

    .wealth-strategy-header p {
        font-size: 14px;
        line-height: 1.65;
    }


    .wealth-strategy-journey {
        grid-template-columns: 1fr 1fr;

        gap: 30px 12px;
    }


    .wealth-strategy-item {
        padding: 5px 3px;
    }


    .wealth-strategy-icon {
        width: 54px;
        height: 54px;

        font-size: 25px;

        margin-bottom: 11px;
    }


    .wealth-strategy-item h3 {
        font-size: 16px;
    }


    .wealth-strategy-item p {
        font-size: 13px;
    }


    .wealth-strategy-circle {
        width: 105px;
        height: 105px;
    }

    .wealth-strategy-circle span {
        font-size: 15px;
    }
}