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

:root {
    --cosmic-latte: #FFF9E8;
    --dark-green: #027354;
    --dark-green-100: #234038;
    --dark-green-200: #083428;
    --rosy-light: #FBF7F0;
    --dark-greenish-gray: #4E5755;
    --warm-cream: #F3EAD9;
    --dark-black: #0F1514;
    --grayish-orange: #F4EBDB;
    --radius: 60px;
}

body {
    font-family: "Inter", sans-serif;
}

/* Utilities */
.d-flex { display: flex; }
.justify-center { justify-content: center; }
.items-center { align-items: center; }
.text-black { color: #000; }
.text-white { color: #fff; }
.rounded-12 { border-radius: 12px !important; }
.rounded-50 { border-radius: 50px !important; }
.uppercase { text-transform: uppercase; }
.text-center { text-align: center; }
.relative { position: relative; }
.w-full { width: 100%; }

.container {
    max-width: 1390px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
.container-wrap{
    padding: 0px 60px;
    width: 100%;
}

.inner-container {
    max-width: 1350px;
    padding: 0 15px;
    margin: 0 auto;
}

.main-wraper { width: 100%; }

.cover-header {
    position: relative;
    margin-top: 0px;
    padding-top: 80px;
}

/* Theme Button */
.theme-button-black { 
    background: var(--dark-black);
    color: #fff;
    padding: 19px 54px;
    border-radius: 53px;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    backdrop-filter: blur(19px);
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
} 

.theme-button-black img {
    width: 21px;
    transition: all 0.5s;
}

.theme-button-black:hover {
    color: #fff;
}

.theme-button-black:hover img {
    animation: scrollX 400ms linear forwards;
    will-change: transform;
}


.theme-button-white { 
    background: #E6F1EE;
    color: #000;
    padding: 18px 24px 15px;
    border-radius: 53px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    backdrop-filter: blur(19px);
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
    border: none;
    cursor: pointer;
} 

.theme-button-white img {
    width: 21px;
    transition: all 0.5s;
}

.theme-button-white:hover {
    color: #000;
}
.theme-button-white:hover img {
    animation: scrollX 400ms linear forwards;
    will-change: transform;
}


/* Home Page */
.home-banner {
    background-color: var(--dark-green) !important;
    height: 100lvh;
    max-height: 870px;
    overflow: hidden;
}

.banner-left-shade { position: absolute; top: 0; }

.home-wrapper {
    max-width: 395px;
    margin-left: 60px;
    margin-top: 10px;
    position: relative;
    z-index: 11;
}

.banner-sm-content {
    color: #FFF;
    font-size: clamp(16px, 1.1vw, 2vw);
    font-style: normal;
    font-weight: 400;
    line-height: 143.75%;
    letter-spacing: 0.48px;
}

.banner-motion {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
}

.banner-motion img { mix-blend-mode: multiply; }

.bt-title {
    font-size: clamp(32px, 7.6vw, 8vw);
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.banner-bottom-home {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    bottom: 35px;
}

.heading-tags {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    gap: 20px;
}

.brk-line {
    width: calc(100% - 600px);
    background: #fff;
    height: 2px;
    opacity: 0.3;
}

.heading-tags-ul {
    display: flex;
    gap: 20px;
    list-style: none;
    align-items: center;
}

.heading-tags-li {
    color: #FFF;
    font-size: clamp(16px, 0.8vw, 1vw);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.white-dot {
    width: 6px;
    height: 6px;
    background: #fff;
    display: flex;
    border-radius: 100%;
}

.section{
    position: relative;
}

/* Scaling Business Section */
    .scaling-business {
        background: var(--rosy-light);
        padding: 104px 40px;
    }

    .scaling-row h1 {
            font-size: clamp(29px, 5vw, 58px);
            font-weight: 700;
            line-height: 117.241%;
            letter-spacing: -0.58px;
            margin-bottom: 24px;
            color: var(--dark-green-200);
            padding-right: 5rem;
    }

    .scaling-row .subtext {
        color: var(--dark-greenish-gray);
        font-size: clamp(18px, 2.5vw, 28px);
        line-height: 85.714%;
        margin-bottom: 32px;
        font-weight: 300;

    }
    .scaling-cards-info {
        margin-top: 50px;
    }

    .scaling-cards-info .grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.5rem;
        margin-top: 2rem;
    }

    .scaling-cards-info .card {
        background: var(--warm-cream);
        border-radius: 12px;
        padding: 1.5rem;
    }

    .scaling-cards-info .card h2 {
        font-size: clamp(28px, 3vw, 34px);
        margin-bottom: 44px;
        color: var(--dark-green-200);
        font-weight: 400;
        line-height: 120.588%;
        padding-right: 10px;
    }

    .scaling-cards-info .feature {
        display: flex;
        align-items: flex-start;
        margin-bottom: 22px;
    }

    .scaling-cards-info .feature span {
        margin-right: 20px;
        background: #0a2c1f;
        border-radius: 50%;
        min-width: 30px;
        width: 30px;
        min-height: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .scaling-cards-info .feature span img {
        width: 17px;
    }

    .scaling-cards-info .feature strong {
        display: block;
        font-size: clamp(20px, 2.5vw, 24px);
        color: var(--dark-black);
        line-height: 125%;
    }

    .scaling-cards-info .feature p {
        margin: 0.2rem 0 0;
        color: #3A4241;
        font-size: 20px;
        line-height: 125%;
    }
    .scaling-cards-info .image-card {
        display: flex;
    }
    .scaling-cards-info .image-card img {
        width: 100%;
        border-radius: 12px;
        display: block;
        aspect-ratio: 427 / 503;
        object-fit: cover;
    }

    .quote-card {
        background: #0a0a0a;
        color: #fff;
        border-radius: 12px;
        padding: 4rem 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 7rem;
    }

    .scaling-cards-info .quote-card p {
        font-size: clamp(25px, 2.5vw, 28px);
        line-height: 128.571%;
    }

    .scaling-cards-info .name-designation{
        display: flex;
        flex-direction: column;
    }
    .scaling-cards-info .card-name{
        font-size: 22px;
        line-height: 109.091%;
        color: #fff;
        font-weight: 400;
    }

    .card-designation{
        font-size: 16px;
        line-height: 150%;
        color: rgba(255, 255, 255, 0.60);
        font-weight: 300;
    }

    /******* friction stalling section ***********/
        .friction-stalling{
            padding: 65px 40px;
        }
        .sticky-section {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            box-sizing: border-box;
            position: relative;
        }

        .friction-wrapper{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            box-sizing: border-box;
            position: relative;
            width: 100%;
        }

        .sticky-section .content {
            flex: 1 1 60%;
            max-width: 690px;
        }

        .friction-section-title {
            font-size: clamp(29px, 5vw, 58px);
            font-weight: 700;
            line-height: 117.241%;
            letter-spacing: -0.58px;
            margin-bottom: 0px;
            color: var(--dark-green-200);
            flex: 1 1 60%;
            max-width: 690px;
        }

        .sticky-section .bullets {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            margin: 80px 0px;        
        }

        .sticky-section .bullet {
            display: flex;
            align-items: flex-start;
            font-size: 16px;
            color: var(--dark-black);
            line-height: 137.5%;
            letter-spacing: 0.32px;
            text-align: left;
        }

        .sticky-section .bullet span {
            margin-right: 15px;
            background: #0a2c1f;
            border-radius: 50%;
            min-width: 30px;
            width: 30px;
            min-height: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .sticky-section .bullet span img{
            width: 17px;
        }

        .sticky-section .steps {
            margin-top: 2rem;
            max-width: 410px;
        }

        .sticky-section .step {
            padding: 14px 0px;
            margin-bottom: 5px;
            border-bottom: 1px solid #F3F3F3;
            transform: translateY(20px);
        }
        .sticky-section .step:first-child {
            border-top: 1px solid #F3F3F3;
        }   
        .sticky-section .step-heading{
            font-size: 20px;
            line-height: 150%;
            color: var(--dark-green-200);
            font-weight: 600;
        }
        .sticky-section .step .step-content{
            height: 0px;
            transform: scale(0.5);
            transition: all 0.6s;
        }
        .sticky-section .step.active .step-content{
            background: #f9f6f1;
            border-radius: 8px;
            padding: 1rem;
            margin-top: 12px;
            min-height: 100px;
            height: auto;
            transform: scale(1);
        }
        .sticky-section .step p {
            color: var(--dark-greenish-gray);
            font-size: 18px;
            /* display: none; */
            opacity: 0;
            transform-origin: center;
            visibility: hidden;
            padding-left: 10px;
            line-height: 133.333%;
            letter-spacing: 0.36px;
            font-weight: 300;
            transition: all 0.6s;
        }

        .sticky-section .step.active p {
            /* display: block; */
            opacity: 1;
            visibility: visible;
            transition: all 0.6s;
        }

        .sticky-section .visual {
            flex: 1 1 40%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            flex-direction: column;
            height: 100%;
            /* background-image: url('../images/friction-growth-icon-section.png'); */
            max-height: 630px;
            min-height: 600px;
            /* top: 75px; */
        }
        .sticky-section-steps{
            position: relative;
        }

        .sticky-section .layer {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transform-origin: center;
            /* margin-left: 20%;
            margin-top: 40px; */
        }
        .sticky-section .layer img{
            width: 100%;
        }

        .sticky-section .layer.active {
            opacity: 1;
        }


    /******* Execution That Produces section ***********/
        .execution-produces{
            padding: 120px 40px;
            background-color: var(--rosy-light);
        }
        .execution-header {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 55px;
        }
        .execution-header h2 {
            flex: 1 1 50%;
            font-size: clamp(30px, 5vw, 58px);
            font-weight: 700;
            line-height: 117.241%;
            margin: 0;
            padding-right: 30px;
            color: var(--dark-green-200);
        }
        .execution-header p {
            flex: 1 1 45%;
            color: var(--dark-greenish-gray);
            font-size: clamp(16px, 2vw, 22px);
            margin-top: 1rem;
            line-height: 145.455%;
            font-weight: 300;
            padding-left: 10px;
        }
        .execution-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
        }
        .execution-card {
            background: #fff;
            border-radius: 10px;
            padding: 10px;
            display: flex;
            flex-direction: column;
            position: relative;
        }
        .card-click{
            display: flex;
            flex-direction: column;
            position: relative;
            text-decoration: none;
            width: 100%;
        }
        .card-click:hover .read-more img{
            animation: scrollX 400ms linear forwards;
            will-change: transform;
        }
        .execution-card-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 27px;
            border-radius: 8px;
            background: #EEF4F2;
            padding: 15px;
        }
        .execution-card-content{
            padding: 0px 10px 20px;
        }

        .execution-title{
            font-size: clamp(21px, 2.5vw, 28px);
            color: var(--dark-green-200);
            font-weight: 400;
            line-height: 128.571%;
            margin-bottom: 15px;
        }

        .execution-card-content p{
            color: var(--dark-greenish-gray);
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 143.75%;
            letter-spacing: 0.32px;
        }

        .execution-card-header .amount {
            font-size: clamp(24px, 5vw, 54px);
            font-weight: 400;
            color: var(--dark-green-200);
        }
        .execution-card-header .amount span {
            font-size: 14px;
            font-weight: 400;
            margin-left: 5px;
            color: var(--dark-greenish-gray);
        }
        .meta {
            font-size: 18px;
            color: var(--dark-greenish-gray);
            margin-top: 0.3rem;
            line-height: 178.571%;
        }
        .execution-card-header > .meta {
            font-size: 16px;
        }
        .green-dot{
            color: var(--dark-green);
        }
        
        .execution-card-content .tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-bottom: 1rem;
            margin-top: 25px;
        }
        .execution-card-content .tag {
            font-size: 0.75rem;
            background: var(--grayish-orange);
            color: #444;
            padding: 7px 11px;
            border-radius: 53px;
            border: 1px solid #FFF;
            font-size: 12px;
            color: #01373D;
            letter-spacing: 0.12px;
        }

        .read-more {
            margin-top: 15px;
            font-size: 16px;
            font-weight: 500;
            color: var(--dark-green);
            text-decoration: none;
            display: inline-flex;
            gap: 8px;
            align-items: center;
        }
        .read-more img{
            position: relative;
            top: 1px;    
        }
        .read-more:hover img{
            animation: scrollX 400ms linear forwards;
            will-change: transform;
        }
        .card-button-row{
            text-align: left;
            margin-top: 45px;
        }
    /***************** simple proven deliver section start ********/
        .simple-proven-deliver{
            padding: 100px 40px;
            background-color: var(--dark-green);
            position: relative;
            overflow: hidden;
        }
        .proven-section-shade{
            position: absolute;
            left: -20px;
            top: 0px;
            opacity: 0.3;
        }
        .proven-section-shade-bottom{
            position: absolute;
            right: -20px;
            bottom: 0px;
            opacity: 0.1;
        }


        .proven-inner-section {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: center;
            padding: 4rem 2rem;
            position: relative;
            z-index: 22;
            max-width: 1160px;
            margin: auto;
        }
        .proven-data-tab{
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .proven-tabs {
            display: flex;
            flex-direction: column;
            border-radius: 10px 0px 0px 10px;
            background: #058662;
            padding: 10px 0px 10px 0px;
        }
        .proven-tab {
            background-color: transparent;
            color: #fff;
            border: none;
            padding: 1rem 1.5rem;
            margin: 0.25rem 0;
            cursor: pointer;
            font-size: 20px;
            text-align: left;
            transition: background 0.3s ease;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            font-family: "Inter", sans-serif !important;
        }
        .proven-tab:last-child{
            border-color: transparent;
        }
        .proven-tab.active {
            border-radius: 10px 0px 0px 10px;
            border-color: transparent;
            background: #00a67e;
            font-weight: 600;
            margin-left: -20px;
            padding-left: 40px;
        }
        .proven-content {
            background: #fff;
            color: #333;
            border-radius: 15px;
            padding: 2rem;
            max-width: 340px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .proven-step {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            transform: scale(0.8);
            /* transition: all 0.5s ease; */
            pointer-events: none;
        }
        .proven-step.active {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
            position: relative;
        }
        .proven-image{
            width: 125px;
            height: 125px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: auto;
            margin-bottom: 30px;
        }
        .proven-step img {
            /* max-width: 100px; */
            width: 100%;
        }
        #diagnose img{
            scale: 0.8;
        }
        #deliver img {
            scale: 0.7;
        }
        .proven-step h3 {
            margin: 0.5rem 0 19px;
            font-size: clamp(20px, 2vw, 26px);
            color: var(--dark-green-200);
            font-weight: 600;
            line-height: 92.308%;
        }
        .proven-step p {
            font-size: clamp(14px, 1.5vw, 18px);
            line-height: 133.333%;
            color: var(--dark-greenish-gray);
            margin-bottom: 0px;
        }
        .text-section {
            flex: 1 1 300px;
            margin-left: 3rem;
        }
        .text-section h2 {
            font-size: clamp(29px, 4vw, 58px);
            margin-bottom: 1rem;
            font-weight: 700;
            color: #FFF;
            line-height: 117.241%;
            letter-spacing: -0.58px;
        }
        .text-section p {
            font-size: clamp(16px, 1.5vw, 26px);
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.5);
            font-weight: 400;
            line-height: 130.769%;
            /* padding-right: 8rem; */
        } 
        /* Profile */
        .proven-profile {
            position: relative;
            background: #000;
            color: #fff;
            display: flex;
            align-items: center;
            border-radius: 87px;
            padding: 9px 6px 10px 16px;
            margin: 2rem auto;
            max-width: 770px;
            overflow: hidden;
            opacity: 1;
            transition: all 0.6s ease;
            width: 90px;
            height: 90px;
            position: relative;
            z-index: 1;
        }
        .proven-profile.visible {
            width: 100%;
            transition: all 0.6s ease;
            padding: 9px 16px 10px 16px;
        }
        .proven-profile.visible .proven-profile-img{
            margin-right: 1rem;
        }
        .proven-profile-img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
        }
        .proven-profile-content {
            opacity: 0;
            flex: 1;
            padding-right: 30px;
        }
        .proven-profile.visible .proven-profile-content {
            opacity: 1;
        }
        .proven-profile h4 {
            margin: 0px 0px 4px 0px;
            font-weight: 300;
            font-size: clamp(18px, 2vw, 22px);
        }
        .proven-profile p {
            margin: 0;
            font-size: clamp(14px, 1vw, 16px);
            color: rgba(255, 255, 255, 0.5);
            font-weight: 300;
        }
        

    /*************** explore services start **********/
        .explore-services{
            padding: 100px 40px;
            background-color: #fff;
            background-image: url("../images/coluds.png");
            background-repeat: repeat-x;
            background-position: top;
            /* animation: moveClouds 90s linear infinite; */
        }
        
        .services-header {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 2rem;
        }
    
        .services-header h2 {
            font-size: clamp(29px, 5vw, 58px);
            font-weight: 700;
            margin: 0;
            flex: 1;
            color: var(--dark-green-200);
            max-width: 360px;
        }
    
        .services-header p {
            flex: 1;
            font-size: clamp(19px, 2vw, 26px);
            color: var(--dark-greenish-gray);
            max-width: 400px;
        }

        .hyper-focused{
            display: flex;
            gap: 30px;
            flex-direction: column;
            max-width: 310px;
        }

        .service-list {
            margin-top: 40px;
        }
    
        .service-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-width: 1px 1px 1px 1px;
            border-style: solid;
            border-color: transparent;
            transition: background 0.3s ease;
            margin-bottom: 10px;
            box-shadow: 0px 1px 0px #E7DBC6;
        }

        .service-item-links{
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-decoration: none;
            width: 100%;
            padding: 34px 51px 40px;
        }
    
        .service-item:hover {
            background: var(--rosy-light);
            border-radius: 15px;
            border-width: 1px 1px 1px 1px;
            box-shadow: none;
            border-color: #E7DBC6;
        }
    
        .service-left {
            display: flex;
            align-items: center;
            gap: 5px;
            width: 40%;
        }
    
        .service-number {
            border-radius: 4px;
            padding: 0.3rem 0.6rem;
            min-width: 24px;
            text-align: center;
            background: rgba(227, 216, 195, 0.37);
            color: var(--dark-green-200);
            font-size: 17px;
            font-weight: 400;
            position: relative;
            top: -18px;
            border: 1px solid transparent;
        }
        .service-item:hover .service-number {
            border: 1px solid #E3D8C3;
            background-color: transparent;
        }

        .service-title {
            font-size: clamp(18px, 2.5vw, 28px);
            font-weight: 600;
            line-height: 128.571%;
            color: var(--dark-green-200);
        }
    
        .service-desc {
            font-size: clamp(12px, 1.5vw, 16px);
            color: var(--dark-greenish-gray);
            width: 40%;
            line-height: 150%;
            font-weight: 400;
            max-width: 380px;
        }
        .service-item:hover  .service-arrow {
            background: #F7F0E3;            
        }
        .service-arrow {
            border-radius: 53px;
            padding:14px 24px;
            cursor: pointer;
            transition: background 0.3s ease;
        }
        .service-arrow img{
            width: 21px;
        }
        .service-arrow:hover {
            background: #ddd;
        }
        .services-header .theme-button-black{
            max-width: 301px;
        }

    /************ choose plan section *******/
        .choose-plan{
            padding: 95px 40px;   
            background-color: var(--rosy-light);
        }
        .plans-section {
            text-align: center;
        }
        .section-title{
            max-width: 640px;
            margin: 0px auto;
        }
        .plans-section h2 {
            font-size: clamp(29px, 5vw, 58px);
            margin-bottom: 35px;
            color: var(--dark-green-200);
            line-height: 117.241%;
            letter-spacing: -0.58px;
        }
        .plans-container {
            display: flex;
            gap: 24px;
            justify-content: center;
            flex-wrap: wrap;
            width: 100%;
        }
        .plan-card {
            border-radius: 27px;
            padding: 4px;
            background: #F6F1E5;
            flex: 1 1 425px;
            max-width: 425px;
            display: flex;
            flex-direction: column;
            gap: 25px;
            text-align: left;
            overflow: hidden;
            border: 2px solid #CADBCB;
        }
        .plan-cards-link {
            display: flex;
            flex-direction: column;
            gap: 25px;
            width: 100%;
            text-decoration: none;
        }
        .plan-cards-link:hover .plan-btn img{
            animation: scrollX 400ms linear forwards;
            will-change: transform;
        }
        .plan-card-inner {
            background: #fff;
            border-radius: 24px;
            padding: 42px 20px;
        }
        .plan-card-inner h3 {
            font-size: clamp(23px, 2.5vw, 28px);
            margin: 0 0 12px;
            color: var(--dark-green-200);
            font-weight: 500;
        }
        .commitment {
            color: var(--dark-green);
            padding: 2px 13px;
            border-radius: 16px;
            display: inline-block;
            margin-bottom: 20px;
            background: rgba(2, 115, 84, 0.06);
            line-height: 185.714%;
            font-size: 14px;
            width: 100%;
            text-align: center;
        }
        .plan-card-inner p {
            font-size: 16px;
            color: var(--dark-greenish-gray);
            line-height: 137.5%;
            margin-bottom: 20px;
            font-weight: 300;
        }
        .plan-card h4 {
            margin: 15px 0;
            font-size: 18px;
            color: var(--dark-green-200);
            font-weight: 600;
        }
        .plan-card-inner ul {
            list-style: none;
            padding: 0;
            margin: 0 0 20px;
        }
        .plan-card-inner ul li {
            position: relative;
            padding-left: 30px;
            margin-bottom: 11px;
            font-size: 14px;
            color: var(--dark-green-200);
            line-height: 171.429%;
        }
        .plan-card-inner ul li::before {
            content: "";
            position: absolute;
            left: 0;
            background-image: url("../images/tick-square.svg");
            width: 24px;
            height: 24px;
            background-size: cover;
        }
        .plan-card-inner .plan_ul_best_for li {
            color: #8A9793;
            font-weight: 300;
        }
        .empty-li:before{
            display: none;
        }
        li.empty-li {
            margin: 0 !important;
        }
            
        .plan-btn {
            margin-bottom: 20px;
            background: transparent;
            border: none;
            color: var(--dark-green-200);
            font-size: 24px;
            line-height: 150%;
            font-weight: 400;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            text-align: center;
            justify-content: center;
            text-decoration: none;
        }
        .plan-btn:hover img{
            animation: scrollX 400ms linear forwards;
            will-change: transform;
        }
        .plan-btn img{
            width: 20px;
        }
    

    /************** bring execution section **************/
    .bring-execution{
        padding: 95px 40px;
        position: relative;
    }
    .bring-row{
        max-width: 1098px;
        margin: 0 auto;
        border-radius: 36px;
        background: var(--dark-black);
        padding: 80px;
    }
    .execution-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2rem;
      }
  
      .execution-left {
        flex: 1 1 500px;
        margin-bottom: 30px;
      }
  
      .execution-left h1 {
        font-size: clamp(36px, 4vw, 48px);
        line-height: 112.5%;
        font-weight: 700;
        max-width: 500px;
        letter-spacing: -0.48px;
      }
  
      .execution-right {
        flex: 1 1 300px;
        text-align: left;
      }
  
      .execution-right p {
        margin-bottom: 35px;
        font-size: 22px;
        color: #fff;
        line-height: 127.273%;
        font-weight: 400;
      }
  
      .execution-schedule-btn {
        background: var(--dark-green);
        color: #fff;
        padding: 19px 54px;
        border-radius: 53px;
        text-decoration: none;
        font-weight: 500;
        font-size: 18px;
        backdrop-filter: blur(19px);
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        gap: 10px;
      }
      .execution-schedule-btn img{
        width: 21px;
        transition: all 0.5s;
      }
  
      .execution-schedule-btn:hover img {
        animation: scrollX 400ms linear forwards;
        will-change: transform;
      }
  
      /* Features */
      .execution-features {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
        gap: 0px;
        margin-top: 120px;
        text-align: left;
      }
  
      .execution-feature {
        /* padding: 20px; */
      }
  
      .feature-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0px 30px;
      }
  
      .execution-feature h3 {
        font-size: clamp(20px, 2vw, 22px);
        margin-bottom: 10px;
        padding-top: 15px;
        border-top: 2px dotted rgba(255, 255, 255, 0.2);
        font-weight: 400;
      }
  
      .execution-feature p {
        font-size: clamp(15px, 1.2vw, 16px);
        color: rgba(255, 255, 255, 0.6);
        font-weight: 300;
        padding-right: 20px;
      }

   
    /************** 06-10-25 **********/

        .cover-header{
            background: var(--rosy-light);
        }

        .small-sub-head{
            font-size: 21px;
            color: var(--dark-green-200);
            font-weight: 700;
            line-height: normal;
        }
        .banner-have-content{
            overflow: hidden;
        }
        /********* about page *****/
        .about-flex-wrapper {
            padding-top: 80px;
            display: flex;
            gap: 35px;
        }
        .ab-flex-left {
            flex-basis: 65%;
            padding-left: 40px;
            padding-top: 50px;
        }
        .ab-flex-title{
            color: var(--dark-green-200);
            font-size: clamp(32px, 5vw, 74px);
            font-style: normal;
            font-weight: 700;
            line-height: 113.514%;
            margin-top: 15px;
        }
        .ab-flex-right {
            margin-right: -100px;
        }
        .ab-card {
            background: #027354;
            padding: 30px 0px 0px 30px;
            text-align: center;
        }
        .ab-card img{
            mix-blend-mode: color-dodge;
        }


        @media screen and (min-width: 2200px) {
            .ab-flex-right {
                margin-right: 0px;
                width: auto;
            }
        }

        @media screen and (min-width: 1600px) {
            .ab-flex-right{
                position: relative;
                right: -60px;
            }
        }

        @media screen and (max-width: 992px) {
            .about-flex-wrapper{
                padding-top: 50px;
            }
            .ab-flex-right{
                width: 50%;
            }
        }

        @media screen and (max-width: 767px) {
            .about-flex-wrapper{
                padding-top: 40px;
                flex-direction: column-reverse;
                padding-bottom: 40px;
            }
            .ab-flex-right {
                margin-right: 0px;
            }
            .ab-flex-left {
                flex-basis: 100%;
                padding-left: 0px;
                padding-top: 0px;
            }
            .ab-flex-right{
                width: 100%;
            }

        }


        /****** revops-growth ******/
            .revops-growth{
                padding: 90px 40px;
            }
            .revops-wraper{
                width: 100%;
            }
            
            .revops-wraper > h4{
                color: var(--dark-green-200);
                font-size: 38px;
                font-style: normal;
                font-weight: 700;
                line-height: 136.842%;
                padding-right: 20px;
                padding-left: 20px;
            }  
            .revops-graph-row{
                display: flex;
                gap: 20px;
                margin-top: 80px;
            }
            .revops-clients{
                max-width: 425px;
                width: 100%;
            }
            .clients-card {
                border-radius: 20px;
                border: 1px solid #FFF;
                background: #F3EAD9;
                padding: 32px;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
            .revops-revenue{
                position: relative;
                width: 100%;
            }
            .revops-revenue img{
                width: 100%;
                border-radius: 20px;
                height: 100%;
                object-fit: cover;
            }
            .profile-cls{
                position: relative;
                display: flex;
            }
            .profile-cls img:not(:first-child){
                margin-left: -25px;
            }
            .clients-profile {
                padding-bottom: 30px;
            }
            .clients-card-content {
                display: flex;
                flex-direction: column;
            }
            .profile-ratio{
                color: var(--dark-green-200);
                font-size: 58px;
                font-style: normal;
                font-weight: 700;
                line-height: 134.483%;
                letter-spacing: -0.58px;
                margin-bottom: 10px;
            }
            .profile-tags {
                border-radius: 52px;
                background: #FFF;
                padding: 3px 13px;
                color: #0F1514;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                display: inline-block;
            }
           
            .revenue-col{
                position: absolute;
                left: 40px;
                top: 20px;
                color: #fff;
            }
            .revenue-col h4{
                color: #FFF;
                font-size: 58px;
                font-style: normal;
                font-weight: 700;
                line-height: 134.483%;
                letter-spacing: -0.58px;
            }
            .revenue-col p{
                color: #FFF;
                font-size: 20px;
                font-style: normal;
                font-weight: 500;
                line-height: 150%;
            }
        
        /************  what we do ********/

            .wedo-flex{
                display: flex;
                gap: 60px;
                position: relative;
                z-index: 1;
            }
            .what-we-do{
                background: var(--dark-green);
                padding: 110px 70px;
                overflow: hidden;
            }
            .wedo-content{
                width: 50%;
            }
            .wedo-content h3{
                color: #FFF;
                font-size: clamp(28px, 4vw, 58px);
                font-style: normal;
                font-weight: 700;
                line-height: 134.483%;
                letter-spacing: -0.58px;
            }
            .execution-partner{
                width: 50%;
            }
            .execution-partner .execution-text{
                color: #FFF;
                font-size: 26px;
                font-style: normal;
                font-weight: 300;
                line-height: 138.462%;
            }
            .execution-ul{
                padding: 0px;
                list-style: none;
                margin-top: 70px;
            }
            .execution-li{
                display: flex;
                gap: 15px;
                margin-bottom: 40px;
            }
            .execution-wrap {
                width: 100%;
                border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                padding-bottom: 25px;
                color: #fff;
            }
            .execution-li:last-child .execution-wrap{
                border-bottom: none;
            }   
            .execution-wrap h4{
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: 150%;
            }
            .execution-wrap p{
                font-size: 20px;
                font-style: normal;
                font-weight: 300;
                line-height: 140%;
                color: rgba(255,255,255,0.5);
            }

            .we-do-wraper{
                margin-top: 100px;
                display: flex;
                gap: 40px;
                padding: 0px 40px;
                position: relative;
                z-index: 1;
            }
            .we-do-cards{
                border-radius: 20px;
                border: 1px solid #FFF;
                background: #FFF;
                padding: 32px 40px;
                width: 100%;
            }
            .we-card-header {
                margin-bottom: 55px;
            }            
            .icon-box {
                border-radius: 20px;
                background: #FBF7F0;
                display: inline-flex;
                padding: 9px;
                width: 85px;
                height: 82px;
            }
            .icon-box img {
                width: 100%;
            }
            .we-card-body h3{
                color: var(--dark-green-200);
                font-size: 34px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                letter-spacing: -0.34px;
                padding-bottom: 10px;
                border-bottom: 1px solid rgba(0,0,0,0.4);
                margin-bottom: 30px;
            }
            .we-card-body p{
                color: var(--dark-greenish-gray);
                font-size: 20px;
                font-style: normal;
                font-weight: 300;
                line-height:  150%;
            }
            .we-do-shade{
                position: absolute;
                top: 0px;
                left: -31vw;
            }

        /************ simple proven *********/
            .simple-proven{
                padding: 90px 0px 0px;
                background: #FBF7F0;
            }
            .proven-way{
                padding: 0px 90px;
            }
            .proven-way h3{
                color: var(--dark-green-200);
                font-size: clamp(32px, 5vw, 74px);
                font-style: normal;
                font-weight: 700;
                line-height: 113.514%;
                padding-right: 80px;
                margin-bottom: 15px;
            }
            .proven-way p{
                color: #000;
                font-size: 23px;
                font-style: normal;
                font-weight: 400;
                line-height: 146.154%;
            }
            .deliver-results{
                margin-top: 60px;
                text-align: center;
            }

            .deliver-results img{
                width: 100%;
            }

        /**************** Service page *****************/
            .banner-full-content{
                background: linear-gradient(180deg, #FBF7F0 68.74%, #FFF 119.82%);
                padding-bottom: 80px;
            }
            .banner-full {
                padding-top: 100px;
            }
            .bn-full-wrap {
                max-width: 1040px;
                margin: auto;
                text-align: center;
            }
            .bn-full-wrap h2{
                color: var(--dark-green-200);
                text-align: center;
                font-size: clamp(29px, 5vw, 74px);
                font-style: normal;
                font-weight: 700;
                line-height: 113.514%;
                margin-bottom: 25px;
            }
            .bn-full-wrap p {
                max-width: 865px;
                margin: auto;
                color: var(--dark-greenish-gray);
                text-align: center;
                font-size: clamp(16px, 1.7vw, 28px);
                font-style: normal;
                font-weight: 400;
                line-height: 138.462%;
            }
            .collab-row {
                display: flex;
                flex-direction: column;
                gap: 15px;    
                margin-top: 100px;
                align-items: stretch;
                position: relative;
            }
            
            /* Quote Card */
            .collab-quote-card {
                flex: 1 1 auto;
                border-radius: 20px;
                background: #0F1514;
                padding: 38px 28px;
                display: flex;
                flex-direction: column;
                gap: 40px;
            }
            
            .collab-quote-card h2 {
                font-size: clamp(20px, 4vw, 24px);
                color: #fff;
                font-style: normal;
                font-weight: 700;
                line-height: 129.167%;
                margin-bottom: 0px;
            }
            
            .collab-quote-card p {
                font-size: clamp(14px, 3vw, 16px);
                color: #8B8D8D;
                font-style: normal;
                font-weight: 400;
                line-height: 143.75%;
            }

            .collab-quote-card .card-name{
                display: flex;
                align-items: center;
                gap: 5px;
                color: #fff;
                font-size: clamp(14px, 3vw, 18px);
                font-style: normal;
                font-weight: 500;
                line-height: 127.778%;
                text-decoration: none;
            }
            .collab-quote-card .card-name img {
                width: 16px;
            }
            .collab-quote-card .card-name:hover img{
                animation: scrollX 400ms linear forwards;
                will-change: transform;
            }
            
            
            /* Seamless Collab */
            .seamless-collab {
                flex: 1 1 auto;
                border-radius: 16px;
                background: #F3EAD9;
                position: relative;
                overflow: hidden;
            }
            .seamless-wrap {
                padding: 39px 29px 0px;
            }
            .seamless-wrap h2 {
                font-size: clamp(18px, 4vw, 24px);
                margin-bottom: 40px;
            }
            
            .seamless-wrap p {
                font-size: clamp(14px, 3vw, 16px);
                margin-bottom: 12px;
                color: #354340;
                font-weight: 500;
                line-height: 143.75%;
                padding-right: 30px;
            }
            .try-connect {
                padding: 5px 30px 36px;
            }
            .try-connect a{
                color: #027354;
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
                line-height: 127.778%;
                text-decoration: none;
                display: flex;
                align-items: center;
                gap: 8px;
            }
            .try-connect a img{
                font-size: 16px;
            }
            .try-connect a:hover img{
                animation: scrollX 400ms linear forwards;
                will-change: transform;
            }
            .hand-shake {
                display: flex;
                justify-content: space-between;
                gap: 8px;
                margin-bottom: 8px;
                padding-top: 12px;
            }
            
            .hand-shake img {
                width: 100%;
                height: auto;
            }
            .hand-shake img.left-hand {
                max-width: 170px;
            }

            .hand-shake img.right-hand {
                max-width: 140px;
                position: relative;
                top: -13px;
            }

            /* SLB Profile */
            .slb-profile {
                flex: 1 1 auto;
                display: flex;
            }
            .slb-figure{
                width: 100%;
                margin: 0px;
                display: flex;
                max-height: 400px;
                object-position: top;
            }
            .slb-figure img {
                width: 100%;
                height: auto;
                border-radius: 12px;
                object-fit: cover;
            }

            .services-link {
                display: flex;
                margin-top: 30px;
            }
            .services-link a{
                color: #027354;
                text-align: center;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: 150%;
                text-decoration: none;
                /* display: flex; */
                gap: 8px;
            }
            .services-link a:hover img{
                animation: scrollX 400ms linear forwards;
                will-change: transform;
            }
            
            .circle-stf {
                position: absolute;
                width: 140px;
                height: 140px;
                margin: 0px auto;
                top: -50px;
                left: 0;
                right: 0;
                z-index: 1;
            }
              
            .circle-text {
                position: relative;
                width: 140px;
                height: 140px;
                border-radius: 50%;
                background: #027354;
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: visible;
            }
              
            .CircularText {
                position: absolute;
                width: 100%;
                height: 100%;
                color: #fff;
                font-size: 12px;
                animation: rotateText 12s linear infinite;
            }

            .CircularText img{
                width: 140px;
                height: 140px;
            }
             
            .circle-heart {
                position: absolute;
                width: 40px;
                height: 40px;
                display: flex;
                justify-content: center;
                align-items: center;
                animation: heartbeat 7s ease-in-out infinite;
            }

            .cr-heart-three {
                margin-left: -20px;
            }
                
            .cr-heart-one {
                margin-right: -20px;
            }
              
            @keyframes rotateText {
                from {
                  transform: rotate(0deg);
                }
                to {
                  transform: rotate(360deg);
                }
            }
              
            @keyframes heartbeat {
                0%, 100% {
                  transform: scale(1);
                }
                25% {
                  transform: scale(1.15);
                }
                50% {
                  transform: scale(0.9);
                }
                75% {
                  transform: scale(1.1);
                }
            }

            /********* key features row ********/
                .key-features-row{
                    display: flex;
                    gap: 25px;
                    margin-top: 28px;
                    margin-bottom: 10px;
                }
                .key-features-col-left{
                    width: 88%;
                }
                .key-features-inner{
                    position: relative;
                    border-radius: 20px;
                    background: #FFF;
                    box-shadow: 0 0px 6px 0 rgba(233, 231, 226,1);
                }
                .key-feat-tag {
                    outline: 5px solid #fbf7f0;
                    position: absolute;
                   
                    /* box-shadow: 0 0px 6px 0 rgba(233, 231, 226,1); */
                    
                    
                }
                .key-tag{
                    padding: 10px 20px;
                    background: #FFF;
                    border-radius: 5px;
                    display: flex;
                    align-items: center;
                    gap: 5px;
                    color: #083428;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                    letter-spacing: -0.16px;
                    box-shadow: 0 0px 1px 0 rgba(233, 231, 226, 1);
                }
                .key-features-col-right{
                    width: 22%;
                    display: flex;
                    flex-direction: column;
                    gap: 27px;
                }
                .key-features-cards{
                    padding: 80px 40px 40px;
                    display: flex;
                    gap: 30px;
                }
                .kf-icon {
                    display: inline-flex;
                    border-radius: 12px;
                    background: #F9F4EA;
                    width: 54px;
                    height: 54px;
                    align-items: center;
                    justify-content: center;
                    margin-bottom: 22px;
                }
                .key-wrapper {
                    width: 100%;
                }
                .key-wrapper h2{
                    color: #083428;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                    letter-spacing: -0.2px;
                    margin-bottom: 8px;
                }
                .key-wrapper p{
                    color: #4E5755;
                    font-size: 15px;
                    font-style: normal;
                    font-weight: 300;
                    line-height: 133.333%;
                    letter-spacing: 0.3px;
                }
                .stat-card {
                    border-radius: 20px;
                    padding: 35px 33px 40px;
                    text-align: left;
                    color: #fff;
                    position: relative;
                }

                  
                .stat-card.green {
                    background: #007a5c;
                }
                .stat-card.dark {
                    background-image: url('../images/eye.png');
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center;
                }
                .stat-card h2 {
                    font-size: 44px;
                    font-weight: 700;
                    line-height: 1.3;
                    letter-spacing: -0.44px;
                }
                  
                .stat-card p {
                    font-size: 0.95rem;
                }
                  

            
            /****** beyond conventional *****/
                .beyond-conventional{
                    background: #027354;
                    padding: 100px 40px;   
                }
                .beyond-wrap{
                    width: 100%;
                    padding: 0px 40px;
                }
                .beyond-wrap p{
                    color: #FFF;
                    font-size: clamp(22px, 3vw, 48px);
                    font-style: normal;
                    font-weight: 700;
                    line-height: 136.842%;
                }

            /****** Our services *****/
                .our-services{
                    padding: 100px 10px;
                }
                .our-services-header{
                    display: flex;
                    gap: 20px;
                }
                .services-head-left{
                    width: 50%;
                }
                .services-head-left h2{
                    color: #083428;
                    font-size: clamp(48px, 5vw, 76px);
                    font-style: normal;
                    font-weight: 700;
                    line-height: 110.526%;
                }
                .services-head-right{
                    width: 50%;
                    border-radius: 18px;
                }
                .services-head-right p{
                    color: #4E5755;
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 145.455%;
                }
                .services-cards-block{
                    margin-top: 100px;
                }
                .our-services-card{
                    border-radius: 20px;
                    border: 1px solid #FFF;
                    background: #FBF7F0;
                    padding: 30px;
                    display: flex;
                    gap: 30px;
                    align-items: center;
                    margin-bottom: 30px;
                    position: sticky;
                    top: 90px;
                }
                .our-services-card:last-child{
                    margin-bottom: 0px;
                }

                .our-services-card-left{
                    width: 50%;
                }
                .over-card-inner{
                    max-width: 500px;
                    padding-left: 30px;
                }
                .over-card-inner h2{
                    color: #083428;
                    font-size: clamp(26px, 2.5vw, 32px);
                    font-style: normal;
                    font-weight: 700;
                    line-height: 1.2;
                    margin-bottom: 15px;
                }
                .over-card-inner p{
                    color: #4E5755;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 300;
                    line-height: 141.667%;
                    padding-right: 15px;
                }
                .our-services-card-right{
                    text-align: center;
                    background: #F3EAD9;
                    display: flex;
                    width: 50%;
                    padding: 20px;
                    border-radius: 18px;
                    justify-content: center;
                    min-height: 430px;
                    align-items: center;
                }
                .our-services-card-right img {
                    max-width: 100%;
                }

            /************* choose your plan ***************/
                .choose-your-plan{
                    padding: 0px 40px;
                }
                .engagement-heading{
                    text-align: center;
                    color: #083428;
                    font-size: 58px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 117.241%;
                    letter-spacing: -0.58px;
                }
            
        /**************** case study page *****************/  
            .custom-bg-cover{
                background: linear-gradient(180deg, #FBF7F0 68.74%, #FFF 99.82%);
            } 
            /******* case study banner *********/
                .execution-wraper {
                    padding: 20px 40px;
                }
                .case-study-banner{
                    max-width: 1075px;
                }
                .case-study-banner p{
                    max-width: 945px;
                }
                .execution-cards{
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 49px 20px;
                }
                .execution-cards .execution-card{
                    border: 5px solid #FBF7F0;
                    border-radius: 16px;
                }
                .home .execution-produces .execution-cards {
                    padding: 0px;
                }
        
        /**************** case study detail page *****************/ 
                .case-study-detail{
                    padding-bottom: 180px;   
                }
                .explore-cases-title{
                    text-align: left;
                    margin-bottom: 20px;
                }
                .explore-cases-title h2{
                    color: #083428;
                    font-size: 46px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 169.565%;
                    letter-spacing: -0.46px;
                }
                .case-detail-card {
                    display: flex;
                    gap: 20px;
                    flex-wrap: wrap;
                }
                .case-detail-card .cd-card {
                    padding: 25px 20px;
                    background: #fff;
                    border-radius: 20px;
                    min-width: 175px;
                }
                .cd-card .cd-sm-tag{
                    color: #4E5755;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 178.571%;
                    text-transform: uppercase;
                    display: block;
                    margin-bottom: 2px;
                }
                .cd-card .cd-sm-info{
                    color: #083428;
                    font-size: 38px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                }
                   
                .case-detail-wrap {
                    margin-top: -130px;
                    position: relative;
                }
                .case-detail-tags{
                    display: flex;
                    align-items: center;
                    gap: 20px;
                    justify-content: space-between;
                    margin-top: 30px;
                    padding: 0px 20px;
                    flex-wrap: wrap;
                }
                 .case-detail-tags .tags {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0.5rem;
                    margin-bottom: 1rem;
                    margin-top: 25px;
                }
                .case-detail-tags .tag {
                    background: var(--grayish-orange);
                    padding: 7px 11px;
                    border-radius: 53px;
                    border: 1px solid #FFF;
                    font-size: 12px;
                    color: #01373D;
                    letter-spacing: 0.12px;
                }

                .case-detail-data{
                    margin-top: 30px;
                    display: flex;
                    gap: 100px;
                    margin-bottom: 100px;
                    padding: 0px 0px 100px;
                    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
                    margin-left: 20px;
                    margin-right: 20px;
                }
               
                .detail-side-left{
                    width: 60%;
                }
                .detail-main-title{
                    color: #083428;
                    font-size: clamp(32px, 3vw, 46px);
                    font-style: normal;
                    font-weight: 600;
                    line-height: 169.565%;
                    letter-spacing: -0.46px;
                }

                .case-detail-data .detail-side-left p{
                    color: #4E5755;
                    font-size: clamp(16px, 1.3vw, 20px);
                    font-style: normal;
                    font-weight: 300;
                    line-height: 150%;
                }
                .heighlight-card {
                    padding: 28px 18px;
                    border-radius: 20px;
                    background: #E1EEEA;
                    margin: 33px 0px 0px;
                }
                .heighlight-card p{
                    color: #083428;
                    font-size: clamp(20px, 1.8vw, 28px);
                    font-style: normal;
                    font-weight: 500;
                    line-height: 135.714%;
                    padding-right: 10px;
                }

                .detail-side-right{
                    width: 40%;
                }

                .block-info{
                    margin-top: 33px;
                }

                .block-info:not(:last-child){
                    margin-bottom: 35px;
                }
                .block-info h3{
                    color: #083428;
                    font-size: clamp(26px, 2.5vw, 34px);
                    font-style: normal;
                    font-weight: 700;
                    line-height: 1.1;
                    margin-bottom: 25px;
                }
                .block-info ul {
                    padding-left: 20px;
                }
                .block-info ul li{
                    color: #4E5755;
                    font-size: clamp(16px, 1.3vw, 20px);
                    font-style: normal;
                    font-weight: 300;
                    line-height: 1.3;
                    margin-bottom: 20px;
                }
                .block-info p{
                    color: #4E5755;
                    font-size: clamp(16px, 1.3vw, 20px);
                    font-style: normal;
                    font-weight: 400;
                    line-height: 150%; 
                }
                .aside-card{
                    padding: 39px 29px;
                    border-radius: 20px;
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    margin-bottom: 30px;
                }
                .aside-card:last-child{
                    margin-bottom: 0px;
                }
                .card-light{
                    background: #F3EAD9;
                }
                .card-dark{
                    background: #027354;
                    color: #fff;
                }
                .card-dark  .aside-card-title, .card-dark  .aside-card-text{
                    color: #fff;
                }
                .aside-card-title{
                    color: #083428;
                    font-size: clamp(26px, 2.2vw, 34px);
                    font-style: normal;
                    font-weight: 600;
                    line-height: 1.1;
                }
                .aside-card-text{
                    color: #4E5755;
                    font-size: clamp(16px, 1.3vw, 21px);
                    font-style: normal;
                    font-weight: 300;
                    line-height: 152.381%;
                }
                .as-card-action{
                    display: flex;
                }
                .aside-card-button{
                    padding: 19px 60px;
                    border-radius: 53px;
                    background: #0F1514;
                    backdrop-filter: blur(20px);
                    text-decoration: none;
                    color: #FFF;
                    font-size: clamp(14px, 1.2vw, 18px);
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                }
                .aside-wrap{
                    position: sticky;
                    top: 90px;
                }
                .explore-cases-title, .execution-cards {
                    padding: 0px 35px;
                }





/* ----------------- ///////////////////////// Responsive ///////////////////////// ----------------- */

@media screen and (min-width: 1921px) {
    .deliver-results img{
        width: auto;
    }
}

@media screen and (min-width: 1800px) {

    .sticky-section .bullets {
        margin: 40px 0px;      
    }
    .proven-inner-section{
        max-width: 1240px;
    }
    .we-do-shade{
        left: 9vw;
    }

}

@media screen and (min-width: 1600px) {
    .explore-services{
        background-size: cover;
    }
    .text-section p{
        padding-right: 0px;
    }
    div.proven-inner-section{
        padding: 4rem 1rem;
    }
}

@media screen and (max-width: 1380px) {
    .scaling-cards-info .card h2{
        font-size: 30px;
        margin-bottom: 35px;
    }
    .scaling-cards-info .feature strong{
        font-size: 20px;
    }
    .scaling-cards-info .feature p{
        font-size: 18px;
    }
    .scaling-cards-info .quote-card p{
        font-size: 24px;
    }
    .scaling-cards-info .card-name{
        font-size: 20px;
    }
    .card-designation{
        font-size: 14px;
    }

}

@media screen and (max-width: 1200px) {
    .scaling-cards-info .grid{
        grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));
    }

}

@media screen and (min-width: 1201px) and (max-width: 1350px) {
    div.slb-profile, div.seamless-collab, div.collab-quote-card {
        flex: 1 1 33%;
        min-height: 400px;
    }
    .slb-figure img{
        height: 100%;
    }
}

@media screen and (min-width: 1081px) and (max-width: 1200px) {
    .collab-row{
        margin-top: 140px;
    }
    div.slb-profile, div.seamless-collab, div.collab-quote-card {
        flex: 1 1 33%;
        min-height: 400px;
    }
    .slb-figure img{
        height: 100%;
    }
    .circle-stf{
        top: -100px;
    }

}

@media screen and (min-width: 992px) and (max-width: 1080px) {
    .proven-inner-section{
        padding: 4rem 1rem;
    }
    .text-section p{
        padding-right: 0px;
    }
    /************ choose plan section *******/
        .plan-card{
            flex: 1 1 48%;
            max-width: 48%;
        }
        .empty-li{
            display: none;
        }

    /************  what we do ********/
        .wedo-flex{
            gap: 20px;
        }
        .execution-partner .execution-text{
            font-size: 23px;
        }
        .execution-ul{
            margin-top: 60px;
        }
        .we-do-wraper{
            margin-top: 40px;
            gap: 30px;
            padding: 0px;
        }
        .we-card-header {
            margin-bottom: 40px;
        }
        .we-card-body h3{
            font-size: 30px;
            margin-bottom: 20px;
        }
        .we-card-body p{
            font-size: 18px;
        }

        .beyond-wrap{
            padding: 0px;
        }

    /******** Service page *******/
        .banner-full {
            padding-top: 70px;
        }
        .collab-row{
            margin-top: 120px;
        }
        .circle-stf{
            top: -95px;
        }
        .collab-quote-card{
            flex: 1 1 49%;
            max-width: 49%;
            min-height: 378px;
            justify-content: space-between;
        }
        .seamless-collab{
            flex: 1 1 48%;
            max-width: 49%; 
            min-height: 378px;
            justify-content: space-between;
        }
        .slb-profile{
            flex: 1 1 100%;
        }
        .collab-row{
            flex-wrap: wrap;
        }
        .over-card-inner {
            padding-left: 0px;
        }
        .our-services {
            padding: 70px 10px;
        }

}


@media screen and (min-width: 768px) and (max-width: 992px) {
    /******** proven section  *******/
        .simple-proven-deliver{
            padding: 50px 40px;
        }
        .proven-inner-section{
            gap: 40px;
        }
        .text-section{
            margin-left: 0px;
        }
        .text-section p{
            padding-right: 0px;
        }

    /************ choose plan section *******/
        .plan-card{
            flex: 1 1 48%;
            max-width: 48%;
        }
        .empty-li{
            display: none;
        }

    /****** revops-growth ******/
        .revops-wraper > h4{
            font-size: 32px;
        }
        .revops-growth{
            padding: 70px 40px;
        }
        .revops-graph-row{
            margin-top: 60px;
        }
        .revenue-col{
            left: 10px;
            top: 10px;
        }
        .revenue-col h4{
            font-size: 38px;
        }
        .revenue-col p{
            font-size: 16px;
        }

    /************  what we do ********/
        .what-we-do{
            padding: 50px 30px;
        }
        .execution-partner .execution-text{
            font-size: 22px;
        }
        .wedo-flex{
            gap: 20px;
        }
        .we-do-wraper{
            margin-top: 70px;
            padding: 0px;
            gap: 30px;
        }
        .we-do-cards{
            padding: 30px 32px;
        }
        .we-card-header {
            margin-bottom: 35px;
        }
        .we-card-body h3{
            font-size: 30px;
            margin-bottom: 20px;
        }    
        .we-card-body p{
            font-size: 17px;
        }

    /******** simple proven *******/
        .simple-proven{
            padding: 70px 0px 0px;
        }
        .proven-way {
            padding: 0px 40px;
        }   
        .proven-way h3{
            padding-right: 0px;
        }
        .proven-way p{
            font-size: 21px;
        }


        .beyond-wrap{
            padding: 0px;
        }
    /******** Service page *******/
        .banner-full {
            padding-top: 70px;
        }
        .collab-row{
            margin-top: 120px;
        }
        .circle-stf{
            top: -95px;
        }
        .collab-quote-card{
            flex: 1 1 49%;
            max-width: 49%;
            min-height: 378px;
            justify-content: space-between;
        }
        .seamless-collab{
            flex: 1 1 48%;
            max-width: 49%; 
            min-height: 378px;
            justify-content: space-between;
        }
        .slb-profile{
            flex: 1 1 100%;
        }
        .collab-row{
            flex-wrap: wrap;
        }
        .over-card-inner {
            padding-left: 0px;
        }

        .our-services {
            padding: 70px 10px;
        }

        .bring-row{
            padding: 50px;
        }
        .execution-features{
            margin-top: 90px;
            gap: 30px 30px;
        }

    /************ case study *************/
        .execution-cards{
            grid-template-columns: repeat(2, 1fr);   
        }
    
    /************ case study *************/
        .case-detail-data{
            gap: 40px;
            margin-left: 20px;
            margin-right: 20px;   
        }
        .aside-card{
            padding: 30px 25px;
        }



}

 /* Tablet breakpoint */
 @media screen and (min-width: 768px) {
    .collab-row {
        flex-direction: row;
        gap: 20px;
        align-items: flex-start;
    }

    /* .collab-quote-card{
        flex: 1 1 300px;
        max-width: 320px;
    }
    .seamless-collab {
        flex: 1 1 300px;
        max-width: 320px;
    }
    .slb-profile {
        flex: 1 1 400px;
    } */

    .img-for-desktop{
        display: block;
    }

}

/* Desktop breakpoint */
@media screen and (min-width: 1024px) {
    .collab-row {
        gap: 25px;
    }

    .collab-quote-card{
        flex: 1 1 320px;
    }
    .seamless-collab {
        flex: 1 1 320px;
    }

    .slb-profile {
        flex: 1 1 652px;
    }
}
@media screen and (min-width: 992px) {
    .proven-data-tab{
        max-width: 464px;
    }
    .proven-tab {
        min-width: 134px;
    }
}
@media screen and (max-width: 991px) {
    .proven-data-tab{
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    div.proven-tabs{
        background: transparent;
        flex-direction: row;
        padding: 0;
        width: 100%;
    }
    .proven-tabs .proven-tab{
        padding: 10px 15px !important;
        text-align: center;
        width: 100%;
        margin: 0px;
    }
    .proven-tabs .proven-tab.active{
        margin: 0px;
        border-radius: 0px;
    }
    div.proven-content{
        max-width: 100%;
        width: 100%;
    }

    .service-item-links{
        padding: 30px;
    }

    div.we-do-shade{
        left: 0px;
    }
    div.we-do-shade img{
        width: 100%;
    }
    div.case-detail-tags{
        padding: 0px;   
    }

}

@media screen and (max-width: 767px) {
    h3.bt-title{
            font-size: 49px;
    }
    .break{
        display: none;
    }
    .scaling-cards-info .grid{
        grid-template-columns: repeat(auto-fit, minmax(100%, 0fr));
    }
    .sticky-section { flex-direction: column; text-align: center; } .content { margin-bottom: 2rem; }
    .execution-header { flex-direction: column; margin-bottom: 20px; }

    .sticky-section .steps{
        max-width: 100%;
    }
    .sticky-section .step{
        text-align: left;
    }
    .sticky-section .step p{
        display: block;
        padding-top: 10px;
        padding-left: 0px;
        visibility: visible;
        opacity: 1;
    }
    .execution-produces{
        padding: 50px 10px;
    }
    .execution-header h2{
        padding-right: 0px;
    }
    /******** simple proven deliver *******/
        .simple-proven-deliver{
            padding: 50px 10px;
        }
        .proven-inner-section{
            padding: 1rem 0rem;
            gap: 40px;
        }
        .proven-tab{
            font-size: 16px;
        }
        .proven-content{
            padding: 1.5rem;
            max-width: 290px;
        }
        .text-section{
            margin-left: 0px;
        }
        .text-section h2{
            letter-spacing: inherit;
        }
        .text-section p{
            padding-right: 0px;
        }
        .proven-profile {
            flex-direction: column;
            height: auto;
            border-radius: 10px;
            gap: 20px;
            padding: 30px;
            text-align: center;
            width: 100% !important;
        }
        .theme-button-white{
            font-size: 14px;
            padding: 15px 24px 13px;
        }
        .theme-button-black{
            justify-content: center;
        }
        .services-header .theme-button-black {
            max-width: 260px;
        }

    /*************** explore services start **********/
        .explore-services{
            padding: 50px 10px;
            background-size: contain;
        }
        .hyper-focused{
            max-width: 100%;
        }
    
        .service-item{
            padding: 20px;
        }
        .service-left{
            width: 100%;
            padding-right: 40px;
        }
        .services-header {
            flex-direction: column;
            align-items: flex-start;
        }
        .services-header h2 {
            margin-bottom: 1rem;
        }
        .service-item {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
        }
        .service-item-links{
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
            padding: 0px;
        }
        .service-desc {
            margin-left: 0;
            width: 100%;
        }
        .service-number{
            top: 0px;
        }
        .service-arrow{
            padding: 8px 14px;
            position: absolute;
            right: 10px;
            top: 20px;
            display: flex;
        }

    /************ choose plan section *******/
        .plans-section h2 {
            font-size: 2rem;
        }
        .plans-container {
            flex-direction: column;
            align-items: center;
        }
        .plan-card {
            max-width: 100%;
            flex: 1;
        }
        .choose-plan{
            padding: 50px 10px;
        }
        .empty-li{
            display: none;
        }

    /********** bring execution ************/
        .bring-execution {
            padding: 50px 10px;
        }
        .execution-feature{
            margin-bottom: 30px;
        }
        .bring-row{
            padding: 40px;
        }
        .execution-features{
            margin-top: 80px;
        }

    /****** revops-growth ******/
        .revops-growth {
            padding: 60px 0px;
        }
        .revops-wraper > h4{
            font-size: 26px;
            padding-right: 0px;
            padding-left: 0px;
        }   
        .revops-graph-row{
            margin-top: 30px;
            flex-direction: column;
        } 
        .revops-clients{
            max-width: 100%;
        }
        .clients-card{
            gap: 40px;
        }
        .clients-profile {
            padding-bottom: 0px;
        }
        .revenue-col{
            left: 20px;
            top: 10px;
        }
        .revenue-col h4{
            font-size: 32px;
        }
        .revenue-col p{
            font-size: 15px;
        }

    /************  what we do ********/
        .what-we-do{
            padding: 60px 0px;
        }
        .wedo-flex {
            flex-direction: column;
            gap: 30px;
        }
        .execution-partner {
            width: 100%;
        }
        .execution-partner .execution-text{
            font-size: 21px;
        }
        .execution-ul{
            margin-top: 50px;
        }
        .we-do-wraper{
            margin-top: 40px;
            padding: 0px 0px;
            flex-direction: column;
            gap: 25px;
        }
        .we-card-header{
            margin-bottom: 30px;
        }
        .execution-li:last-child{
            margin-bottom: 0px;
        }
        .we-card-body h3{
            font-size: 30px;
            margin-bottom: 20px;
        }
        .we-card-body p{
            font-size: 19px;
        }

    /************ simple proven *********/
        .simple-proven{
            padding: 60px 0px 0px;
        }    
        .proven-way {
            padding: 0px 5px;
        }
        .proven-way h3{
            padding-right: 0px;
        }
        .proven-way p{
            font-size: 20px;
        }

    /************** Services Page ************/
        .banner-full {
            padding-top: 40px;
        }
        .circle-stf{
            position: relative;
            top: 30px;
        }
        .collab-row{
            margin-top: 30px;
        }
        .key-features-row {
            flex-direction: column;
        }
        .key-features-col-left {
            width: 100%;
        }
        
        .key-features-col-right {
            width: 100%;
            flex-direction: row;
        }
        .stat-card{
            width: 100%;
        }
        .beyond-conventional{
            padding: 50px 20px;
        }
        .beyond-wrap{
            padding: 0px;
        }
        .beyond-wrap p{
            font-weight: 600;
        }
        .our-services{
            padding: 60px 10px;
        }
        .our-services-header{
            flex-direction: column;
        }
        .services-head-left {
            width: 100%;
        }
        .services-head-right{
            width: 100%;
        }
        .services-head-right p{
            font-size: 16px;
        }  
        .services-cards-block {
            margin-top: 50px;
        }
        .our-services-card {
            flex-direction: column;
        }
        .our-services-card-left, .our-services-card-right {
            width: 100%;
            min-height: auto;
        }
        .our-services-card-right img{
            width: 100%;
        }
        .over-card-inner {
            max-width: 100%;
            padding-left: 0px;
        }
        .over-card-inner h2{
            line-height: 1.2;
        }
        .over-card-inner p{
            font-size: 16px;
            padding-right: 0;
        }
        .services-link {
            margin-top: 20px;
        }
        .services-link a{
            font-size: 14px;
        }
        .key-features-cards {
            flex-direction: column;
            padding: 70px 30px 30px;
        }

    /************ case study *************/
        .execution-wraper {
            padding: 0px 10px;
        }
        .execution-cards{
            grid-template-columns: repeat(2, 1fr);   
        }

    /*************** case study detail *****************/
        .case-detail-card .cd-card {
            background: rgb(251 247 240);
        }
        .cd-card .cd-sm-tag{
            font-size: 13px;
        }
        .cd-card .cd-sm-info{
            font-size: 23px;
        }
        .case-detail-card{
            gap: 10px;
        }
        .case-detail-data{
            margin-top: 50px;
            margin-left: 0px;
            margin-right: 0px;
            flex-direction: column;
            gap: 60px;
            margin-bottom: 40px;
            padding: 0px 0px 60px;
        }
        .detail-side-left {
            width: 100%;
        }
        .detail-side-right{
            width: 100%;
        }
        .explore-cases-title, .execution-cards{
            padding: 0px 0px;
        }
        .explore-cases-title h2{
            font-size: 32px;
        }
    
        .ab-flex-right{
            display: none;
        }
        
    .img-for-desktop{
        display: none;
    }
    .img-for-mobile{
        display: block !important;
    }

    .banner-bottom-home[data-aos^=fade][data-aos^=fade] {
        opacity: 1;
        transform: translateZ(0);
    }
    .banner-sm-content[data-aos^=fade][data-aos^=fade] {
        opacity: 1;
       transform: translateZ(0);
    }

     .sticky-section .visual{
        display: none;
    }
    .sticky-section div.content{
        flex: 1 1 100%;
        max-width: 100%;
    }

    .heading-tags-li{
        width: 100%;
    }
    .heading-tags-li:nth-child(even) {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .sticky-section .step .step-content{
        height: auto;
        transform: scale(1);
    }

}

.img-for-mobile{
    display: none;
}




@media screen and (max-width: 640px) {
    .container-wrap{
        padding: 0px 20px;
    }
    /******* Home page ********/
    .home-wrapper { margin-left: 0; }
    .heading-tags { margin-top: 20px; }
    /**** scaling-business ****/
    .scaling-business{
        padding: 50px 10px;
    }
    .scaling-row h1{
        padding-right: 0px;
        letter-spacing: -0.6px;
    }
    .scaling-row .subtext{
        line-height: 1.3;
    }

    .theme-button-black{
        padding: 16px 39px;
        font-size: 16px;
    }
    .scaling-cards-info .card h2{
        margin-bottom: 32px;
    }
    .scaling-cards-info .feature p{
        font-size: 17px;
    }
    .scaling-cards-info .quote-card{
        padding: 3rem 1.5rem;
    }
    .scaling-cards-info .card-name{
        font-size: 20px;
    }
    .card-designation{
        font-size: 14px;
    }
   
    .friction-stalling{
        padding: 50px 10px;
    }
    .sticky-section .bullets{
        grid-template-columns: 100%;
    }
    .sticky-section .bullets{
        margin: 40px 0px;
    }
    .sticky-section .bullet{
        align-items: center;
        text-align: left;
    }
   

    /************ case study *************/
        .execution-cards{
            grid-template-columns: repeat(1, 1fr);  
            gap: 35px 20px; 
        }

}



@media screen and (max-width: 589px) {

    .banner-left-shade {
        position: absolute;
    }


    .brk-line{
        display: none;
    }
    .execution-feature{
        padding-bottom: 30px;
        border-bottom: 2px dotted rgba(255, 255, 255, 0.2);
    }
    .execution-feature h3{
        border: none;
    }
    .feature-icon{
        margin: 0 0px 10px;
    }

    .profile-cls img {
        scale: 0.7;
        transform-origin: left;
    }
    .profile-cls img:not(:first-child) {
        margin-left: -32px;
    }
    .execution-schedule-btn{
        padding: 19px 45px;
    }
    .choose-your-plan {
        padding: 0px 10px;
    }

    /************** Services Page ************/
        
        .key-features-col-left {
            width: 100%;
        }
        .key-features-col-right {
            width: 100%;
            flex-direction: column;
        }
       
    

        .heading-tags-ul{
                gap: 12px;
        }
        .heading-tags-li{
            font-size: 14px;
        }
        .card-button-row{
            text-align: center;
        }
        

        .case-detail-card .cd-card{
            width: 100%;
        }


}


@media screen and (max-width: 420px) {
    .bt-title{
            font-size: 22px;
    }
   
    .home-banner{
            height: 92lvh;
    }
    .bring-row {
        padding: 40px 30px;
    }
    .execution-left h1{
        font-size: 30px;
    }
    .execution-left{
        margin-bottom: 0px;
    }
    .execution-right p{
        font-size: 18px;
    }


}

button, a, .menu-toggle, * {
  -webkit-tap-highlight-color: transparent;
}
button:focus {
  outline: none;
}


/* Animation */
@keyframes scrollX {
    0% { transform: translateX(0); opacity: 1; }
    50% { transform: translateX(10px); opacity: 0; }
    51% { transform: translateX(-10px); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes moveClouds {
    from {
      background-position-x: 0;
    }
    to {
      background-position-x: -2160px;
    }
}