/*Global css*/
    .grid-bg{
        position:relative;    
    }
    .grid-bg::before{
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-image: linear-gradient(rgba(27, 189, 169, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(27, 189, 169, 0.05) 1px, transparent 1px);
        background-size: 45px 30px;
        pointer-events: none;
        z-index: 1;
    }
    .divider-line{
        position: absolute;
    margin: auto;
    width: 100%;
    z-index: 99999;
    align-items: center;
    display: flex;
    justify-content: center;
    }
    /* Tab begin */
    .tabs-wrapper{
        background-color:var(--primary-dark);
        padding-bottom:50px;
    }
    .tabs-wrapper .btn-hero{
        margin-top:20px;
    }
    .tabs-container {
            display: flex;
            background: white;
            border-radius: 50px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            min-height: 500px;
        }
        
        .vertical-tabs {
            background: #106E72;
            width: 280px;
            padding: 30px 0;
            flex-shrink: 0;
        }
        
        .tab-item {
        color: white;
        padding: 15px 15px 15px 20px;
        cursor: pointer;
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        font-size: 18px;
        font-weight: 500;
        position: relative;
        margin-left: 25px;
        border-radius: 50px;
        width: 280px;
        transition: width 0.5s cubic-bezier(0.4,0,0.2,1), background 0.5s ease, color 0.5s ease;
        }
        
        
        .tab-item.active {
            background: #F79A01;
            color: #ffffff;
            position: relative;
            border-radius: 50px;
            width: 350px;
        }
        
        .tab-item.active::before {
            content: url('../../assets/images/icons/tab-right-arrow.png');
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 40px;
            font-weight: bold;
            color: #ffffff;
            width: 80px;
            height: 80px;
            background: #106E72;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
        }
        .tab-item.active::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #F79A01;
            transform: scaleX(0);
            transform-origin: left;
            animation: slideIn 0.5s ease-out forwards;
            z-index: -1;
        }

        @keyframes slideIn {
            0% {
                transform: scaleX(0);
            }
            100% {
                transform: scaleX(1);
            }
        }
        
        .tab-content-area {
            flex: 1;
            padding: 50px 60px;
            background: #f8f9fa;
        }
        
        .content-header {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .icon-circle {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #ffa500 0%, #ff8c00 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        
        .arrow-icon {
            color: white;
            font-size: 28px;
            font-weight: bold;
        }
        
        .content-text h2 {
            color: #ffa500;
            font-size: 22px;
            font-weight: 400;
            margin: 0 0 5px 0;
        }
        
        .content-text p {
            color: #00282A;
            font-size: 16px;
            margin: 0;
            line-height: 1.6;
        }
        
        .stats-container {
            display: flex;
            gap: 30px;
            margin-top: 40px;
        }
        
        .stat-card {
            background: white;
            border-radius: 15px;
            padding: 40px 30px;
            flex: 1;
            text-align: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }
        
        .stat-circle {
            width: 170px;
            height: 170px;
            border: 3px solid #e0e0e0;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            position: relative;
        }
        
        .stat-value {
            font-size: 48px;
            font-weight: 700;
            color: #00282A;
        }
        
        .stat-arrow {
            position: absolute;
            bottom: 15px;
            font-size: 24px;
            color: #333;
        }
        
        .stat-description {
            color: #00282A;
            font-size: 16px;
            line-height: 1.6;
            font-weight: 400;
            margin-top: 15px;
        }
        
        .tab-content-vertical {
            animation: fadeInSlide 0.6s ease-out;
            padding: 0px 60px;
        }
        
        @keyframes fadeInSlide {
            0% {
                opacity: 0;
                transform: translateX(30px);
            }
            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        .stat-card {
            animation: slideUp 0.8s ease-out;
            animation-fill-mode: both;
        }
        
        .stat-card:nth-child(1) {
            animation-delay: 0.2s;
        }
        
        .stat-card:nth-child(2) {
            animation-delay: 0.4s;
        }
        
        @keyframes slideUp {
            0% {
                opacity: 0;
                transform: translateY(40px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .stat-value {
            animation: countUp 1s ease-out;
        }
        
        @keyframes countUp {
            0% {
                opacity: 0;
                transform: scale(0.5);
            }
            50% {
                transform: scale(1.1);
            }
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }
        
        .content-header {
            animation: fadeIn 0.5s ease-out;
        }
        
        @keyframes fadeIn {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        
        .learn-more-btn {
            background: white;
            color: #ffa500;
            border: 2px solid #ffa500;
            padding: 12px 35px;
            border-radius: 25px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 40px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        
        .learn-more-btn:hover {
            background: #ffa500;
            color: white;
        }
        /* Tab end */
/* Horizantal tab begin */
        .horizantal-tab-wrapper{
            padding:50px 0px;
        }
        .strategic-tabs-wrapper{
            padding-top: 25px;
        }
        .strategic-tabs-wrapper .tab-content{
            padding:0px;
        }
        .strategic-nav-tabs {
            display: flex;
            /* border-bottom: 3px solid #e9ecef; */
            margin: 0 0 40px 0;
            padding: 0;
            list-style: none;
        }

        .strategic-nav-item {
            flex: 0 0 auto;
            margin-right: 0;
            border-bottom: 1px solid #f79a01;
        }

        .strategic-nav-link {
            position: relative;
            padding: 20px 30px 20px 0px;
            text-align: center;
            font-weight: 600;
            font-size: 14px;
            color: #747474;
            text-transform: uppercase;
            border: none;
            border-radius: 0;
            transition: all 0.3s ease;
            cursor: pointer;
            background: transparent;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }

        .strategic-nav-link:hover {
            color: #495057;
            background: transparent;
        }

        .strategic-nav-link.active {
            color: #ff8c3a;
            background: transparent;
            border: none;
        }

        /* Progress Bar */
        .strategic-progress-wrapper {
            position: absolute;
            bottom: -3px;
            left: 0;
            width: 100%;
            height: 3px;
            background: transparent;
            overflow: hidden;
        }

        .strategic-progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #ff8c3a 0%, #ffb366 50%, #ff8c3a 100%);
            width: 100%;
            animation: strategicProgressSlide 3s ease-in-out infinite;
        }

        @keyframes strategicProgressSlide {
            0% {
                transform: translateX(-100%);
            }
            50% {
                transform: translateX(0%);
            }
            100% {
                transform: translateX(100%);
            }
        }

        /* Content Layout */
        .strategic-content-row {
            display: flex;
            align-items: flex-start;
            gap: 60px;
        }

        .strategic-text-column {
            flex: 0 0 50%;
        }

        .strategic-image-column {
            flex: 0 0 45%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Tab Content */
        .strategic-tab-panel {
            animation: strategicFadeIn 0.6s ease-in-out;
        }

        @keyframes strategicFadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .strategic-main-heading {
            font-size: 36px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 40px;
            line-height: 1.3;
        }

        .strategic-content-block {
            margin-bottom: 35px;
            text-align:left;
        }

        .strategic-block-title {
            font-size: 22px;
            color: #00282A;
            font-weight: 600;
            margin-bottom: 12px;
            font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        }

        .strategic-block-text {
            font-size: 16px;
            line-height: 1.7;
            color: #000000;
            margin: 0;
        }

        /* Illustration SVG */
        .strategic-illustration-box {
            width: 100%;
            max-width: 600px;
            margin-top: -70px;
        }

        .strategic-illustration-graphic {
            width: 100%;
            height: auto;
        }
/* Hide progress bar from inactive tabs */
.strategic-nav-link:not(.active) .strategic-progress-wrapper {
    display: none;
}

/* Pause animation only for active tab */
.strategic-nav-tabs.is-paused 
.strategic-nav-link.active 
.strategic-progress-bar {
    animation-play-state: paused;
}



        /* Responsive */
        @media (max-width: 992px) {
            .strategic-content-row {
                flex-direction: column;
            }

            .strategic-text-column,
            .strategic-image-column {
                flex: 0 0 100%;
            }

            .strategic-nav-tabs {
                overflow-x: auto;
            }

            .strategic-nav-link {
                padding: 15px 25px;
                font-size: 12px;
            }
        }
/* Horizantal tab end */
/* Services card begin */
.services-cards-wrapper{
    margin-bottom:50px;
}
.service-card {
            border-radius: 20px;
            padding: 35px;
            height: 100%;
            position: relative;
            overflow: hidden;
            transition: 
            transform 0.3s ease,
            opacity 0.4s ease;;
            min-height: 350px;
        }

        /* Grid pattern background */
        .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 20px 20px;
            pointer-events: none;
            z-index: 1;
        }

        .service-card:hover {
            /* transform: translateY(-5px); */
            background: linear-gradient(79.83deg, #024E52 6.26%, #1D7279 57.04%, #024E52 107.81%);
        }
        .service-card canvas{
            opacity:0;
        }
        .service-card:hover canvas{
            opacity:1;
        }

        /* Different card colors */
        .card-teal-1 {
            background: radial-gradient(78.15% 130.11% at 50% 100%, #024E52 0%, #024E52 100%);
        }

        .card-teal-2 {
            background: #00282A;
        }

        .card-teal-3 {
            background: radial-gradient(78.15% 130.11% at 50% 100%, #024E52 0%, #024E52 100%);
        }

        .card-teal-4 {
            background: #00282A;
        }

        .card-teal-5 {
            background: radial-gradient(78.15% 130.11% at 50% 100%, #024E52 0%, #024E52 100%);
        }

        .card-teal-6 {
            background: radial-gradient(78.15% 130.11% at 50% 100%, #024E52 0%, #024E52 100%);
        }

        .card-teal-7 {
            background: #00282A;
        }

        .service-card-icon {
            width: 64px;
            height: 64px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            position: relative;
            z-index: 2;
        }

        .service-card-icon::before {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            background: rgba(255, 255, 255, 0.15);
            border-radius: 4px;
        }

        .service-card-title {
            color: white;
            font-size: 1.4rem;
            font-weight: 600;
            margin-bottom: 15px;
            position: relative;
            z-index: 2;
            font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        }

        .service-card-text {
            color: rgba(255, 255, 255, 0.75);
            font-size: 0.95rem;
            line-height: 1.6;
            position: relative;
            z-index: 2;
        }

        .service-card-image {
            position: absolute;
            bottom: 0px;
            right: 0px;
            opacity: 0.25;
            pointer-events: none;
            z-index: 1;
        }

        /* Unique image for each card */
        /* .digital-marketing-img {
            width: 90px;
            height: 90px;
        }

        .seo-img {
            width: 100px;
            height: 100px;
        }

        .google-ads-img {
            width: 85px;
            height: 85px;
        }

        .ui-ux-img {
            width: 110px;
            height: 110px;
        }

        .graphic-design-img {
            width: 95px;
            height: 95px;
        }

        .web-dev-img {
            width: 105px;
            height: 105px;
        }

        .video-production-img {
            width: 85px;
            height: 85px;
        } */
/* Services card end */
 /* Header */
/* bookmeeting-wrapper begin */
.bookmeeting-wrapper{
    background:#00282a;
    padding:0px 0px 100px;
    position:relative;
}
.meeting-cards-wrap{
    display:flex;
    position: relative;
    gap: 35px;
}
.meeting-cards-wrap .meeting-card img{
    width:100%;
}
.meeting-card-2{
    position: absolute;
    bottom: -10px;
    left: 333px;
}
.meeting-content-2 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.meeting-content-2 p{
    color: #00282A;
    font-size: 24px;
    font-weight: 700;
}
.meeting-content-2 .meeting-btn {
    background: #00282A;
    font-size: 18px;
    color: var(--white) !important;
    padding: 8px 30px;
    border-radius: 25px;
    font-weight: 300;
    border: none;
    transition: var(--transition);
    box-shadow: 0px 0.88px 0px 0px #FFFFFF66 inset;
    box-shadow: 0px -2.65px 0px 0px #00000033 inset;
    box-shadow: 0px 0px 0px 3.54px #FFFFFF12;
    box-shadow: 0px 0px 159.19px 0px #F79A0233;
    text-decoration:none;
}
.meeting-content-2 .meeting-btn:hover {
    background: #00282A;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 193, 7, 0.4);
}

.meeting-card-1{
    position:relative;
}
.meeting-content-1{
    position: absolute;
    top: 20px;
    left: 34px;
}
.meeting-content-1 h3{
    font-size: 36px;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    color:#00282A;
    font-weight:bold;
}
.meeting-card-3{
    position:relative;
}
.meeting-card-3 .meetcard-item{
    position:absolute;
    box-shadow: 0px 0px 10px 1px #00000030;
    background-color: #ffffff;
    border-radius: 25px;
    min-height: 270px;
    width: 230px;
    display:flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 20px;
}
.meeting-card-3 .meetcard-item img{
    width:120px !important;
    height: 130px;
    object-fit: contain;
}
.meeting-card-3 .meetcard-item p{
    color:#00282A;
    font-size:16px;
    font-weight:700;
}
.meetcard-item-1{
    top: -30px;
    left: 210px;
}
.meetcard-item-2{
    top: -45px;
    right: 30px;
}
.meetcard-item-3{
    bottom: -85px;
    right: 30px;
}
.lottie-animation {
    width: 250px;      /* match Figma size */
    max-width: 100%;
    padding-top: 80px;
}
@media (max-width: 1400px){
    .lottie-animation{
        width: 205px;
        padding-top: 60px
    }
    .meeting-card-2{
        left: 296px;
    }
    .meeting-card-2 .shape-bg{
        width:330px !important;
    }
    .meeting-content-2 p{
        font-size: 19px;
    }
    .meeting-card-3 .meetcard-item{
        min-height: 240px;
        width: 183px;
    }
    .meetcard-item-3{
        bottom: -105px;
    }
}
@media (max-width: 1200px){
    .meeting-content-1 h3{
        font-size: 18px;
    }
    .lottie-animation{
        width: 175px;
        padding-top: 40px
    }
    .meeting-card-2{
        left: 238px;
    }
    .meeting-card-2 .shape-bg{
        width:300px !important;
    }
    .meeting-card-3 .meetcard-item img{
        width:100px !important;
        height:110px;
    }
    .meeting-card-3 .meetcard-item p{
        font-size:12px;
    }
    .meeting-card-3 .meetcard-item{
        min-height: 200px;
    }
    .meetcard-item-1{
        left:115px;
    }
    .meetcard-item-3{
        bottom:-70px;
    }
}
/* bookmeeting-wrapper end */
 /* Portfolio begin */
.Portfolio-wrapper{
    padding:50px 0px;
}
.Portfolio-wrapper .company-logo {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #f97316, #dc2626);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 32px;
}

.Portfolio-wrapper .company-title {
    font-size: 1.5rem;
    font-weight: bold;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
}

.Portfolio-wrapper .tag {
    background: #F79A01;
    color: #ffffff;
    padding: 8px 24px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    display: inline-block;
    margin-right: 12px;
}

/* Text */
.Portfolio-wrapper .revenue-text {
    font-size: 2rem;
    font-weight: bold;
    color: #111827;
    margin: 24px 0;
}

.Portfolio-wrapper .description-text {
    font-size: 1.1rem;
    color: #514F6E;
    line-height: 1.8;
}

/* Right Section */
.Portfolio-wrapper .right-section {
    position: relative;
    /* min-height: 500px; */
}

/* Image & Progress */
.Portfolio-wrapper .image-container {
    position: relative;
    width: 520px;
    height: 520px;
    margin: 0 auto;
}

.Portfolio-wrapper .progress-circle {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    z-index: 1;
}

.Portfolio-wrapper .progress-circle circle {
    fill: none;
    stroke-width: 4;
}

.Portfolio-wrapper .progress-bg {
    stroke: #e5e7eb;
}

.Portfolio-wrapper .progress-bar {
    stroke: #F79A01;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.1s linear;
    filter: drop-shadow(0 0 10px rgba(249, 115, 22, 0.3));
}

/* Portfolio Image */
.Portfolio-wrapper .portfolio-image-wrapper {
    position: absolute;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #ffffff;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}


.Portfolio-wrapper .portfolio-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* Navigation Dots */
.Portfolio-wrapper .nav-dots {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

/* Dot base styles */
.Portfolio-wrapper .dot {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #B8CBF0;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    top: 50%;
    left: 50%;
    margin: 0;
}

/* Dot Positions - Tight Clockwise Arc */
/* Very tight arc on right side, positioned well outside image/progress circle */
/* Radius: 275px, tight arc spanning ~100° from bottom-right to top-right */
.Portfolio-wrapper .dot:nth-child(1) { 
    transform: translate(68.8px, 265.5px) translate(-50%, -50%); 
}
.Portfolio-wrapper .dot:nth-child(2) { 
    transform: translate(131.5px, 243.2px) translate(-50%, -50%); 
}
.Portfolio-wrapper .dot:nth-child(3) { 
    transform: translate(188.5px, 210.5px) translate(-50%, -50%); 
}
.Portfolio-wrapper .dot:nth-child(4) { 
    transform: translate(236.5px, 168.5px) translate(-50%, -50%); 
}
.Portfolio-wrapper .dot:nth-child(5) { 
    transform: translate(273.5px, 119.5px) translate(-50%, -50%); 
}
.Portfolio-wrapper .dot:nth-child(6) { 
    transform: translate(298px, 65.5px) translate(-50%, -50%); 
}
.Portfolio-wrapper .dot:nth-child(7) { 
    transform: translate(309px, 8.5px) translate(-50%, -50%); 
}
.Portfolio-wrapper .dot:nth-child(8) { 
    transform: translate(306px, -48.5px) translate(-50%, -50%); 
}
/* .Portfolio-wrapper .dot:nth-child(9) { 
    transform: translate(289px, -103px) translate(-50%, -50%); 
} */


.Portfolio-wrapper .dot:hover {
    background: #F79A01;
}

.Portfolio-wrapper .dot.active {
    width: 56px;
    height: 56px;
    background:#F79A01;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.2rem;
    box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.45);
    /* Maintain position when active - transform is already set by nth-child */
}

/* Portfolio Items */
.Portfolio-wrapper .portfolio-item {
    display: none;
}

.Portfolio-wrapper .portfolio-item.active {
    display: block;
}

/* Animation */
.Portfolio-wrapper .fade-transition {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Responsive */
@media (max-width: 991px) {
    .Portfolio-wrapper .nav-dots {
        bottom: -60px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
}
 /* Portfolio end */
 /* Roadmap slider begin */
.roadmap-wrapper {
            background:#00282A;
            padding:100px 0px 50px;
            position:relative;
        }

        .roadmap-slider-wrapper {
            width: 100%;
            height: 450px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .roadmap-slides-track {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .roadmap-slide {
            position: absolute;
            width: 880px;
            max-width: 90%;
            background: rgba(20, 80, 100, 0.6);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(255, 255, 255, 0.1);
            border-radius: 20px;
            padding: 40px;
            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0.4;
            transform: scale(0.85);
        }

        .roadmap-slide.roadmap-slide-prev {
            left: 0;
            transform: translateX(-10%) scale(0.85);
            z-index: 1;
        }

        .roadmap-slide.roadmap-slide-active {
            left: 50%;
            transform: translateX(-50%) scale(1);
            opacity: 1;
            background: linear-gradient(79.83deg, #024E52 6.26%, #1D7279 57.04%, #024E52 107.81%);
            border-color: rgba(255, 255, 255, 0.2);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
            z-index: 3;
        }

        .roadmap-slide.roadmap-slide-next {
            right: 0;
            transform: translateX(10%) scale(0.85);
            z-index: 1;
        }

        .roadmap-slide.roadmap-slide-hidden {
            opacity: 0;
            transform: scale(0.7);
            z-index: 0;
            pointer-events: none;
        }

        .roadmap-slide-header {
            position: absolute;
            right: 30px;
        }

        .roadmap-slide-number {
            font-size: 22px;
            font-weight: bold;
            color: #ffffff;
        }
        .roadmap-slide-active .roadmap-slide-number{
            color: #f89520;
        }

        .roadmap-slide-title {
            font-size: 52px;
            color: white;
            margin-bottom: 25px;    
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .roadmap-slide-content {
            color: white;
            line-height: 1.8;
        }

        .roadmap-slide-content ul {
            list-style: none;
        }

        .roadmap-slide-content li {
            margin-bottom: 15px;
            padding-left: 20px;
            position: relative;
        }

        .roadmap-slide-content li::before {
            content: '•';
            color: #f89520;
            font-size: 20px;
            position: absolute;
            left: 0;
        }

        .roadmap-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: #f89520;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(248, 149, 32, 0.4);
        }

        .roadmap-arrow:hover {
            background: #ff9f2e;
            transform: translateY(-50%) scale(1.1);
            box-shadow: 0 6px 20px rgba(248, 149, 32, 0.6);
        }

        .roadmap-arrow-left {
            left: 10%;
        }

        .roadmap-arrow-right {
            right: 10%;
        }

        .roadmap-arrow::before {
            content: '';
            width: 12px;
            height: 12px;
            border-top: 3px solid white;
            border-right: 3px solid white;
        }

        .roadmap-arrow-left::before {
            transform: rotate(-135deg);
            margin-left: 4px;
        }

        .roadmap-arrow-right::before {
            transform: rotate(45deg);
            margin-right: 4px;
        }
        .roadmap-wrapper .title-container{
            text-align:left;
        }
        .roadmap-subheading .btn-hero{
            margin-top: 40px;
        }   

        @media (max-width: 768px) {
            .roadmap-slide {
                width: 85%;
                padding: 30px 25px;
            }

            .roadmap-slide.roadmap-slide-prev {
                transform: translateX(-35%) scale(0.8);
            }

            .roadmap-slide.roadmap-slide-next {
                transform: translateX(35%) scale(0.8);
            }

            .roadmap-slide-title {
                font-size: 24px;
            }

            .roadmap-slide-number {
                font-size: 36px;
            }

            .roadmap-icon-circle {
                width: 50px;
                height: 50px;
            }

            .roadmap-arrow {
                width: 40px;
                height: 40px;
            }

            .roadmap-arrow-left {
                left: 5%;
            }

            .roadmap-arrow-right {
                right: 5%;
            }
        }

        @media (max-width: 480px) {
            .roadmap-slide-content li {
                font-size: 14px;
            }

            .roadmap-slide-title {
                font-size: 20px;
            }

            .roadmap-arrow-left {
                left: 2%;
            }

            .roadmap-arrow-right {
                right: 2%;
            }
        }



  /* Roadmap slider end */

  /* Team Wrapper begin */
.team-wrapper{
    background: #00282A;
    padding: 0px 0px 50px;
    position:relative;
}
.team-wrapper .team-content{
    text-align: center;
}
.team-wrapper .team-content img{
    width:100%;
}


  /* Team wrapper end */
/* Form begin */
.contact-section {
        background-color: #00282a;
        padding: 60px 0px;
        }

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

        .form-group label {
            color: #ffffff;
            font-size: 18px;
            margin-bottom: 8px;
            font-weight: 500;
            display: block;
        }

        .form-group input,
        .form-group textarea {
            background: transparent;
            border: none;
            border-bottom: 1px solid rgba(255, 255, 255);
            color: #ffffff;
            padding: 10px 0;
            font-size: 14px;
            transition: border-color 0.3s;
            width: 100%;
        }

        .form-group input:focus,
        .form-group textarea:focus {
            outline: none;
            border-bottom-color: #ffa500;
        }

        .form-group input::placeholder,
        .form-group textarea::placeholder {
            color: rgba(255, 255, 255, 0.4);
            font-size: 13px;
        }

        .budget-group {
            margin-bottom: 25px;
        }

        .budget-group label {
            color: #ffffff;
            font-size: 14px;
            margin-bottom: 12px;
            font-weight: 500;
            display: block;
        }

        .budget-options {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }

        .budget-btn {
            background: transparent;
            border: 1px solid rgb(247 154 1);
            color: #ffffff;
            padding: 8px 20px;
            border-radius: 8px;
            font-size: 13px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .budget-btn:hover {
            border-color: #ffa500;
            background: rgba(255, 165, 0, 0.1);
        }

        .budget-btn.active {
            background: #F79A01;
            border-color: #F79A01;
            color: #ffffff;
        }

        .form-group textarea {
            resize: vertical;
            min-height: 100px;
            padding-top: 10px;
        }

        .captcha-group {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 25px;
        }

        .captcha-question {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.2);
            padding: 15px 20px;
            border-radius: 8px;
            color: #ffffff;
            font-size: 15px;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .captcha-question::before {
            content: "🤖";
            font-size: 20px;
        }

        .captcha-input {
            background: transparent;
            border: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
            color: #ffffff;
            padding: 10px 0;
            font-size: 14px;
            transition: border-color 0.3s;
            width: 100%;
        }

        .captcha-input:focus {
            outline: none;
            border-bottom-color: #F79A01;
        }

        .captcha-input::placeholder {
            color: rgba(255, 255, 255, 0.4);
            font-size: 13px;
        }

        .captcha-error {
            color: #ff4444;
            font-size: 13px;
            min-height: 18px;
            display: none;
        }

        .captcha-error.show {
            display: block;
        }

        .submit-btn {
            background: transparent;
            border: 2px solid #F79A01;
            color: #F79A01;
            padding: 12px 40px;
            border-radius: 30px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            width: fit-content;
            margin-top: 10px;
        }

        .submit-btn:hover {
            background: #F79A01;
            color: #003d3d;
        }

        .content-side {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left:100px;
        }

        .content-side h2 {
            font-size: 48px;
            color: #ffffff;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .content-side h2 .highlight {
            color: #ffa500;
            font-family: 'Keania One', cursive;
        }

        .content-side p {
            color: rgba(255, 255, 255, 0.8);
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 30px;
        }

        .contact-options {
            border: 1px solid rgba(255, 255, 255);
            border-radius: 15px;
            padding: 15px 50px;
            margin-top: 30px;
        }

        .contact-options p {
            color: #ffffff;
            font-size: 18px;
            margin-bottom: 20px;
            font-weight: 600;
            text-align:center;
        }

        .contact-item {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 15px 40px;
            background: rgba(255, 255, 255);
            border-radius: 10px;
            margin-bottom: 15px;
            transition: all 0.3s;
            text-decoration: none;
        }

        .contact-item:last-child {
            margin-bottom: 0;
        }

        .contact-item:hover {
            background: rgba(255, 255, 255, .9);
        }

        .contact-icon {
            width: 40px;
            height: 40px;
            /* background: rgba(255, 165, 0, 0.1); */
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #F79A01;
            font-size: 18px;
        }

        .contact-text {
            color: #000000;
            font-size: 18px;
            font-weight:500;
        }

        @media (max-width: 768px) {
            .contact-section {
                padding: 40px 30px;
            }

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

            .budget-options {
                flex-direction: column;
            }

            .budget-btn {
                width: 100%;
            }
        }

        @media (max-width: 576px) {
            .contact-section {
                padding: 30px 20px;
            }
        }

/* form end */
/* Faqs begin */
        .faqs-wrapper{
            background-color: #00282a;
            padding: 60px 0px;
        }
        .accordion {
            --bs-accordion-bg: transparent;
            --bs-accordion-border-color: rgba(255, 193, 7, 0.3);
        }

        .accordion-item {
            background: transparent;
            border: none;
            border-bottom: 1px solid #193E3F;
            border-radius: 0 !important;
            margin-bottom: 24px;
            overflow: hidden;
            transition: all 0.4s ease;
        }

        .accordion-item:has(.accordion-collapse.show) {
            border: 1px solid #ffffff;
            border-radius: 12px !important;
            margin-bottom: 24px;
            background-color: #062C2E;
        }

        .accordion-button {
            background: transparent;
            color: #ffffff;
            border: none;
            padding: 20px 24px;
            font-size: 24px;
            font-weight: 400;
            box-shadow: none !important;
            transition: all 0.3s ease;
        }

        .accordion-button:not(.collapsed) {
            background: transparent;
            color: #ffc107;
            box-shadow: none;
        }

        .accordion-button::after {
            background-image: none;
            content: '+';
            font-size: 24px;
            color: #ffc107;
            font-weight: 300;
            width: auto;
            height: auto;
            background-size: 0;
            transition: transform 0.3s ease;
        }

        .accordion-button:not(.collapsed)::after {
            content: '−';
            transform: rotate(180deg);
        }

        .accordion-button:hover {
            background: rgba(255, 193, 7, 0.05);
        }

        .accordion-body {
            background: transparent;
            color: #ffffff;
            padding: 0 24px 20px 24px;
            font-size: 18px;
            line-height: 1.6;
            animation: fadeIn 0.4s ease;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .accordion-collapse {
            border: none;
            transition: height 0.4s ease;
        }

        .btn-ask {
            background: transparent;
            border: 1px solid #ffc107;
            color: #ffc107;
            padding: 12px 32px;
            border-radius: 25px;
            font-size: 14px;
            font-weight: 500;
            margin-top: 32px;
            transition: all 0.3s ease;
        }

        .btn-ask:hover {
            background: #ffc107;
            color: #0a3d3d;
            transform: translateY(-2px);
        }

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

/* Faqs end */
/* CTA Container begin */
.cta-container {
            background: linear-gradient(90deg, #00282A 0%, #075B60 50%, #00282A 100%);
            border-radius: 15px;
            padding: 50px 40px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            margin-top:50px;
        }

        .cta-content {
            position: relative;
            z-index: 1;
            text-align: center;
        }

        .cta-title {
            color: #ffffff;
            font-size: 3.5rem;
            font-weight: 400;
            margin-bottom: 0;
            line-height: 1.2;
            letter-spacing: 0.5px;
        }

        .cta-subtitle {
            color: #ff9500;
            font-size: 3.5rem;
            font-weight: 400;
            margin-top: 5px;
            letter-spacing: 0.5px;
        }

        .cta-btn {
            margin-top: 25px;
            padding: 10px 28px;
            background-color: transparent;
            border: 2px solid #ff9500;
            color: #ff9500;
            font-weight: 500;
            border-radius: 25px;
            transition: all 0.3s ease;
            font-size: 0.9rem;
        }

        .cta-btn:hover {
            background-color: #ff9500;
            color: #ffffff;
            border-color: #ff9500;
            transform: translateY(-2px);
            box-shadow: 0 5px 20px rgba(255, 149, 0, 0.4);
        }

        @media (max-width: 768px) {
            .cta-title, .cta-subtitle {
                font-size: 1.8rem;
            }
            
            .cta-container {
                padding: 40px 30px;
            }
        }
/* CTA Container end */
/* testimonials begin */
.testimonials-section {
            padding: 60px 0 100px;
        }
        .testimonials-header-icon {
            width: 100px;
            height: 100px;
            background: linear-gradient(135deg, #26d0ce 0%, #1a2980 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            position: relative;
            box-shadow: 0 10px 30px rgba(26, 208, 206, 0.3);
        }

        .testimonials-icon-circles {
            display: flex;
            gap: -10px;
        }

        .testimonials-icon-circle {
            width: 30px;
            height: 30px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            margin: 0 -5px;
        }

        .testimonials-badge {
            position: absolute;
            bottom: -10px;
            background: white;
            padding: 5px 15px;
            border-radius: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            font-size: 12px;
            font-weight: 600;
        }

        .testimonials-title {
            font-size: 2.5rem;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 15px;
        }

        .testimonials-title-highlight {
            color: #ff9800;
        }

        .testimonials-subtitle {
            color: #6c757d;
            font-size: 1rem;
            margin-bottom: 50px;
        }

        .testimonials-column {
            height: 600px;
            overflow: hidden;
            position: relative;
        }

        .testimonials-track {
            display: flex;
            flex-direction: column;
            will-change: transform;
        }

        .testimonials-column:hover .testimonials-track {
            animation-play-state: paused !important;
        }

        .testimonials-card {
            background: white;
            border-radius: 15px;
            padding: 25px;
            margin-bottom: 20px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            flex-shrink: 0;
            border:1px solid #eeeeee;
        }

        .testimonials-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .testimonials-text {
            color: #000000;
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 20px;
        }

        .testimonials-user-info {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            border-top:1px solid #eeeeee;
            padding-top:20px;
        }

        .testimonials-user-wrapper {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .testimonials-user-avatar {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: #F79A01;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 700;
            font-size: 16px;
            flex-shrink: 0;
        }

        .testimonials-user-details h5 {
            margin: 0;
            font-size: 15px;
            font-weight: 500;
            color: #2c3e50;
            font-family:'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        }

        .testimonials-user-details p {
            margin: 0;
            font-size: 14px;
            color: #000000;
        }

        .testimonials-stars {
            display: flex;
            gap: 2px;
            flex-shrink: 0;
        }

        .testimonials-star {
            color: #F79A01;
            font-size: 22px;
        }

        /* Blur overlays */
        .testimonials-blur-top, .testimonials-blur-bottom {
            position: absolute;
            left: 0;
            right: 0;
            height: 120px;
            pointer-events: none;
            z-index: 10;
        }

        .testimonials-blur-top {
            top: 0;
            background: linear-gradient(to bottom, #f8f9fa 0%, transparent 100%);
        }

        .testimonials-blur-bottom {
            bottom: 0;
            background: linear-gradient(to top, #f8f9fa 0%, transparent 100%);
        }

        @media (max-width: 768px) {
            .testimonials-column {
                height: 500px;
                margin-bottom: 30px;
            }
        }
/* testimonials end */
/* key-feature-wrapper begin */
.key-feature-wrapper{
        background: #00282A;
    padding: 80px 0px 70px;
}
.key-feature-card{
    position:relative;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
}
.key-feature-card .key-feature-lottie{
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
/* Show on hover */
.key-feature-card:hover .key-feature-lottie{
    opacity: 1;
}
.key-feature-card img{
    min-height:370px;
    width:100%;
}
.key-feature-card .lottie-card-1{
    max-width: 100%;
}
.key-feature-card .lottie-card-2{
    max-width: 100%;
    top: -180px !important;
    width: 330px;
    margin:auto;
}
.key-feature-card .lottie-card-3{
    max-width: 100%;
    width: 300px;
    margin: auto;   
}
/* key-feature-wrapper end */
/* Footer begin */
.footer-section {
            background: #00282A;
            color: white;
            padding: 60px 0 30px;
        }

        .footer-title {
            font-size: 2.5rem;
            font-weight: 400;
            margin-bottom: 0;
            line-height: 1.2;
        }

        .footer-title .highlight {
            color: #F79A01;
            font-weight: 400;
            font-family: 'Keania One', cursive;
        }

        .footer-right-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }
        .footer-right-content .btn-hero{
            width: 290px;
        }

        .footer-subtitle {
            font-size: 0.95rem;
            margin-bottom: 25px;
            opacity: 0.95;
            line-height: 1.6;
        }

        .btn-discovery {
            background: transparent;
            border: 2px solid #ff9933;
            color: #ff9933;
            padding: 12px 28px;
            border-radius: 30px;
            font-weight: 600;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            width: fit-content;
        }

        .btn-discovery:hover {
            background: #ff9933;
            color: white;
            transform: translateY(-2px);
        }

        .sparkle {
            color: #ff9933;
            font-size: 1.1rem;
        }

        .map-container {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            height: 400px;
            position: relative;
        }

        .map-container iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
        .footer-content{
            padding: 30px 30px 30px 30px;
            background: #E9FCFD;
            border-radius: 12px;
        }

        .footer-heading {
            color: #00282A;
            font-weight: 400;
            font-size: 1.15rem;
            margin-bottom: 10px;
        }

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

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

        .footer-links a {
            color: #050505;
            text-decoration: none;
            font-size: 0.9rem;
            /* transition: color 0.3s ease; */
            font-weight: 400;
        }

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

        .footer-bottom-text {
            color: #A8A8A8;
            font-size: 0.9rem;
            margin: 0;
        }

        .footer-bottom-links {
            display: flex;
            gap: 25px;
            justify-content: end;
            margin: 0;
        }

        .footer-bottom-links a {
            color: #A8A8A8;
            text-decoration: none;
            font-size: 0.9rem;
            transition: color 0.3s ease;
        }

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

        .content-row {
            margin-bottom: 50px;
        }

        @media (max-width: 992px) {
            .footer-title {
                font-size: 2rem;
            }

            .map-container {
                height: 220px;
                margin-top: 30px;
            }

            .footer-bottom-links {
                justify-content: start;
                margin-top: 15px;
            }

            .content-row {
                margin-bottom: 30px;
            }
        }



/* Footer end  */