@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.sectionTop {
    padding-top: 6rem;
}

.homes-page {
    .homes-banner-section {
        background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/homes/homes-banner.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .ur-complete-real-estate-portal {
        width: 50%;
    }

    .ur-complete-real-estate-portal-img {
        width: 50%;

        img {
            width: 100%;
        }
    }

    .banner-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-top: 6rem;

        h1 {
            font-family: 'Poppins';
            font-weight: 600;
            font-size: 38px;
            line-height: 70px;
            letter-spacing: 0px;
            text-transform: capitalize;
            background: linear-gradient(180deg, #000000 0%, #272727 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 0;
        }

        p {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 20px;
            line-height: 34px;
            letter-spacing: 0px;
            text-transform: capitalize;
            color: #404040;
            width: 90%;
        }

       
    }

    .homes-heading {
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 60px;
        letter-spacing: 0px;
        text-align: center;
        margin-bottom: 2rem;
        background: linear-gradient(180deg, #565656 0%, #1E1E1E 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;

        span {
            position: relative;
            display: inline-block;
        }

        span img {
            position: absolute;
            bottom: 10px;
            left: 0;
            width: 100%;
            height: auto;
            pointer-events: none;
        }
    }

    .card-heading {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 28px;
        line-height: 33px;
        letter-spacing: 0px;
        background: linear-gradient(180deg, #000000 0%, #272727 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .card-txt {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px;
        background: linear-gradient(180deg, #323232 0%, #272727 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 0;
    }

    .homes-card {
        border-radius: 20px;
        background: linear-gradient(180deg, #F9F9F9 0%, #EEEEEE 100%);
        border: 1px solid #EAEAEA;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .homes-card img {
        width: 100%;
        height: 240px;
        object-fit: cover;
        -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
        mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
    }

    .card-heading,
    .card-txt {
        padding: 0 1rem;
    }

    .card-txt {
        margin-bottom: 1rem;
    }

    .homes-card-div {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .success-grid {
        margin-top: 0;
    }

    .success-card {
        background: linear-gradient(180deg, rgba(217, 217, 217, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
        border-radius: 20px;
        padding: 10px 10px 0;
        border: 1px solid #DEDEDE;
        height: 100%;
        min-height: 280px;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .success-card-title {
        margin-bottom: 0;
        position: relative;
        z-index: 2;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 28px;
        letter-spacing: 0px;
        word-spacing: -1px;
        text-transform: capitalize;
        background: linear-gradient(180deg, #000000 0%, #272727 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .success-card-title .highlight {
        background: linear-gradient(180deg, #961B47 0%, #CA0048 100%);
        font-weight: 500;
        font-size: 36px;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .success-card-text {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -1px;
        background: linear-gradient(180deg, #323232 0%, #272727 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        position: relative;
        z-index: 2;
    }

    .success-card img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 0;
        pointer-events: none;
    }

    @media (min-width: 1200px) {
        .success-card-title {
            white-space: nowrap;
        }
       
    }

    .voice-of-our {
        color: #272727 !important;

        span {
            color: #272727 !important;
        }
    }

    .growth-line {
        bottom: 0px !important;
    }

    /* ---- Growth Engine stack card overrides ---- */
    .homes-tech-title {
        position: relative;
        z-index: 10;
        margin-bottom: 2rem;
        font-size: 56px;
    }

    .text-gradient-clip {
        color: #1E1E1E !important;
        background: linear-gradient(180deg, #565656 0%, #1E1E1E 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .homes-tech-span {
        position: relative;
        display: inline-block;
    }

    .homes-tech-span img {
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 100%;
        height: auto;
        pointer-events: none;
    }

    /* homes-page tech card colors now match index.php (green) */
    .homes-tech-section {
        padding-top: 4rem;
        padding-bottom: 0;
    }

    /* ---- Testimonials Swiper ---- */
    .homes-testimonials-section {
        overflow: hidden;
    }

    .homes-testimonials-swiper-wrap {
        overflow: hidden;
        overflow-x: clip;
        width: 100%;
        padding: 20px 0 30px;
    }

    .homesTestimonialSwiper .swiper-slide {
        opacity: 0.4;
        transform: scale(0.95);
        transition: opacity 0.4s ease, transform 0.4s ease;
        overflow: visible;
    }

    .homesTestimonialSwiper .swiper-slide-active {
        opacity: 1;
        transform: scale(1);
    }
    .homesTestimonialSwiper {
        height: 350px !important;
    }
    .homes-testimonial-card {
        background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/homes/testimonal-bg.png);
        /* border: 1px solid #F1DFE5; */
        border-radius: 16px;
        padding: 30px 0px 20px;
        position: relative;
        /* min-height: 200px; */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        overflow: visible;
    }

    .homes-testimonial-card::before {
        content: '';
        position: absolute;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #AF003E 50%, rgba(255, 255, 255, 0) 100%);
        border-radius: 2px;
    }

    .homes-testimonial-text {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 24px;
        line-height: 40px;
        letter-spacing: 0px;
        background: linear-gradient(180deg, #323232 0%, #272727 100%);
        margin-bottom: 0px !important;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        padding: 0 20px;
        height: 120px;
    }

    .homes-testimonial-footer {
        position: relative;
        bottom: 40px;
        height: 140px;
    }

    .homes-testimonial-author-wrap {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        bottom: 30px;
    }

    .homes-testimonial-quote {
        position: relative;
        top: 90px;
        left: 10px;
        width: 18%;
    }

    .homes-testimonial-author {
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 26px;
        letter-spacing: 0px;
        background: linear-gradient(180deg, #323232 0%, #272727 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 0;
        flex: 1;
        padding: 0 15px;
        position: relative;
        left: 22%;
    }

    .homes-testimonial-icon {
        position: relative;
        right: 2%;
    }

    .growth-hr-line {
        bottom: 0 !important;
    }

    /* ---- Homes inline styles moved to external CSS ---- */
    .growth-card-inner {
        border-radius: 10px;
        background: #FFF8F8;
        border: 1px solid #ECE5DB;
    }

    .growth-heading {
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: 0px;
        color: #AF003E;
    }

    .growth-txt {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 26px;
        line-height: 47px;
        letter-spacing: 0px;
        color: #505050;
    }

    .homes-heading-span {
        position: relative;
        display: inline-block;
    }

    .homes-heading-img {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        pointer-events: none;
    }


    .section-find-property {
        background: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/homes/section-find-property-bgimg.png), linear-gradient(180deg, #FFF0F6 0%, #FFD3E3 100%);
        background-repeat: no-repeat, no-repeat;
        background-position: center, center;
        background-size: cover, cover;
        border-radius: 16px;
        margin-top: 2rem;
        /* The laptop overflows the bottom, so we don't hide overflow here */
    }

    .find-property-left {
        padding: 30px;
        padding: 30px 10px;
        width: 100%;
    }

    .find-property-logo {
        margin-bottom: 25px;
    }

    .find-property-heading {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 40px;
        letter-spacing: 0px;
        background: linear-gradient(180deg, #961B47 0%, #CA0048 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 15px;
    }

    .find-property-text {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 0px;
        background: linear-gradient(180deg, #000000 0%, #272727 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .find-property-btn {
        background: linear-gradient(180deg, #961B47 0%, #CA0048 100%);
        border-radius: 50px;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 28px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        color: #FFFFFF;
        cursor: pointer;
        transition: all 0.3s ease;
        border: none;
        padding: 14px 36px;
        border: 1px solid #961B47;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        width: fit-content;
    }

    .find-property-btn:hover {
        background: #9d082d;
    }

    .find-property-right {
        position: relative;
        width: 60%;
    }

    .find-property-img-wrapper {
        position: absolute;
        bottom: -30px;
        /* Lets the laptop overflow the bottom edge */
        right: -20px;
        /* Lets it push slightly off the right edge */
        width: 110%;
        z-index: 2;
    }

    .find-property-img-wrapper img {
        width: 100%;
        height: auto;
    }

    .find-property-right img {
        width: 700px;
        position: absolute;
        right: -40px;
        top: -220px;
    }

    .sec-relative {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .customer-hr-line {
        left: 20px !important;
    }

    .success-grid-sucessin {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        row-gap: 18px;
        width: fit-content;
    }

    .success-grid-sucessin-card1 {
        display: flex;
        justify-content: center;
        gap: 18px;
    }

    .success-card-1 {
        width: 35%;
    }

    .success-card-2 {
        width: 65%;
    }

    .success-grid-sucessin-card2 {
        display: flex;
        justify-content: center;
        gap: 18px;
    }

    .tech-card-inner {
        background-image:url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/homes/stack-bgimg.png) ;
    }
}

.vsnap-page {
    .vsnap-banner-section {
        background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/vsnap/vsnap-banner-section.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
    }

    .social-img{
        width: 100%;
    }

    .banner-container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 6rem;
        flex-direction: column;
        gap: 0;

        h1 {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 46px;
            line-height: 59px; 
            letter-spacing: 0px;
            color: #191917;
            margin-bottom: 0;
            text-align: center;

            span {
                font-size: 70px;
                line-height: 52px;
                letter-spacing: 0px;
                text-align: center;
                background: linear-gradient(90deg, #0DC6F6 0%, #00B0DE 50%, #2189D5 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
        }

        a {
            border: none;
            padding: 11px 32px;
            border-radius: 12px;
            background: linear-gradient(0deg, #0DC6F6, #0DC6F6),
                linear-gradient(92.38deg, rgba(49, 122, 176, 0.2) -34.36%, rgba(255, 255, 255, 0.2) 96.84%);
            box-shadow: 0px 4px 4px 0px #FFFFFF40 inset;
            font-family: 'Poppins';
            font-weight: 600;
            font-size: 23px;
            letter-spacing: -0.16px;
            color: #FFFFFF;
            margin-top: 20px;
            border: 1px solid #0DC6F6;
            transition: all 0.3s ease-in-out;
        }

        .banner-content-div{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            top: 30px;
        }
    }

    .everything-u-need {
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 56px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #565656 0%, #1E1E1E 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 3rem;

        span {
            -webkit-text-fill-color: #fff;
            padding: 0 8px;
            position: relative;
            display: inline-block;
            z-index: 1;
        }

        span::before {
            content: "";
            position: absolute;
            inset: 0;
            background: #0081A3;
            transform: rotate(358deg);
            z-index: -1;
        }
    }

    .connected-by-design {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 23px;
    }

    .connected-content {
        h6 {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 28px;
            letter-spacing: 0px;
            text-align: center;
            background: linear-gradient(90deg, #0088AC 0%, #0A9DC3 50%, #317AB0 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin: 20px 0 1px;
        } 

        p {
            font-family: 'Poppins';
            font-weight: 400;
            font-size: 16px;
            line-height: 26px;
            letter-spacing: 0px;
            text-align: center;
            color: #000000;
            padding: 0 30px;
        }
    }

    .smartest-way {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 56px;
        line-height: 58px;
        letter-spacing: 0px;
        text-align: center;
        margin-bottom: 16px;

        .text-dark {
            background: linear-gradient(180deg, #565656 0%, #1E1E1E 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        span:not(.text-dark) {
            font-family: 'Poppins';
            font-weight: 600;
            font-size: 56px;
            letter-spacing: 0px;
            text-align: center;
            vertical-align: middle;
            background: linear-gradient(90deg, #0DC6F6 0%, #0A9DC3 50%, #317AB0 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
    }

    .smartest-way-txt {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #323232 0%, #272727 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .smartest-way-grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 24px;
        margin-top: 3.5rem;
        align-items: stretch;
    }

    .smart-card {
        border-radius: 10px;
        border: 1px solid #DDDDDD;
        background: #FDFCFB;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .smart-card-1 {
        grid-column: span 12;
    }

    .smart-card-2 {
        grid-column: span 12;
    }

    .smart-card-3 {
        grid-column: span 12;
    }

    .smart-card-4 {
        grid-column: span 12;
    }

    @media (min-width: 992px) {
        .smart-card-1 {
            grid-column: span 7;
        }

        .smart-card-2 {
            grid-column: span 5;
        }

        .smart-card-3 {
            grid-column: span 5;
        }

        .smart-card-4 {
            grid-column: span 7;
        }
    }

    .smart-card-content {
        padding: 20px 15px 0;
    }

    .smart-card-content h4 {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 40px;
        letter-spacing: 0px;
        background: linear-gradient(180deg, #000000 0%, #272727 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .smart-card-content p {
        font-family: 'Poppins';
        font-weight: 300;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0px;
        background: linear-gradient(180deg, #323232 0%, #272727 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 0;
        position: relative;
        z-index: 9;
    }

    .smart-card img {
        width: 100%;
        object-fit: cover;
        display: block;
        margin-top: auto;
    }

    .samrcard-3-css {
        position: relative;

        img {
            right: 0;
            position: absolute;
            width: fit-content;
            bottom: -30px;
        }
    }

    .smart-card-1 img {
        object-position: bottom;
    }

    .smart-card-2 img {
        object-position: center;
    }

    .smart-card-3 img {
        object-position: center;
    }

    .smart-card-4 img {
        object-position: bottom;
    }

    .trusted-sec { 
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 56px;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #323232 0%, #272727 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 2rem;
    }

    .trusted-sec span {
        position: relative;
        display: inline-block;
    }

    .trusted-sec span img {
        position: absolute;
        bottom: -5px;
        left: 20px;
        width: 100%;
        height: auto;
        pointer-events: none;
        z-index: -1;
    }

    .business-explantaion-content {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 45px;
    }

    .trusted-right-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        column-gap: 30px;
        row-gap: 40px;
    }

    .trusted-img-context {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 23px;
        background: linear-gradient(180deg, #FFFFFF 0%, #E4E4E4 100%);
        border-radius: 10px;
        border: 1px solid #E3E3E3;
        padding: 32px 15px;
    }

    .move-faster-content {
        h6 {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 48px;
            letter-spacing: 0px;
            color: #272727;
            text-align: left;
            margin-bottom: 0;
        }

        p {
            font-family: 'Poppins';
            font-weight: 300;
            font-size: 26px;
            letter-spacing: 0px;
            text-align: left;
            color: #4D4C4C;
            margin-bottom: 0;
        }
    }

    .choose-right-tool {
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 56px;
        letter-spacing: 0px;
        text-align: center;
        color: #323232;
        margin-bottom: 3rem;

        span {
            background: linear-gradient(90deg, #0DC6F6 0%, #0A9DC3 50%, #317AB0 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
    }

    .right-tool-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        column-gap: 40px;
        row-gap: 30px;
    }

    .evry-task-div {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 10px 0 15px;
        gap: 10px;
    }

    .evry-task-purpose {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        height: 100%;

        img {
            margin-bottom: 30px;
        }

        p {
            font-family: 'Be Vietnam Pro';
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0px;
            background: linear-gradient(180deg, #323232 0%, #272727 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
    }

    .evry-task-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
    }

    .vsnap-mail-div {
        border-radius: 16px;
        border-width: 1px;
        background: #FFFFFF;
        border: 1px solid #317AB0;

        .evry-task-content p {
            background: #0093FF33;
            border-radius: 60px;
            font-family: 'Be Vietnam Pro';
            font-weight: 400;
            font-size: 22px;
            letter-spacing: 0px;
            color: #0064AE;
            padding: 3px 14px;
        }

        .vsnap-btn-tool {
            border-radius: 60px;
            background: #E0F2FF;
            border: 1px solid #317AB0;
            padding: 6px 17px;
            margin-top: 26px !important;
            margin-bottom: 10px;

            a {
                font-family: 'Be Vietnam Pro';
                font-weight: 400;
                font-size: 20px;
                letter-spacing: 1px;
                text-align: center;
                vertical-align: middle;
                text-transform: capitalize;
                color: #317AB0;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px;

                img {
                    margin-bottom: 0;
                }
            }
        }
    }

    .vsnap-docs-div {
        border-radius: 16px;
        border-width: 1px;
        background: #FFFFFF;
        border: 1px solid #FFAD71;

        .evry-task-content p {
            background: #EE750133;
            border-radius: 60px;
            font-family: 'Be Vietnam Pro';
            font-weight: 400;
            font-size: 22px;
            letter-spacing: 0px;
            color: #EC8E0F;
            padding: 3px 14px;
        }

        .vsnap-btn-tool {
            border-radius: 60px;
            background: #FFF5E5;
            border: 1px solid #C57A00;
            padding: 6px 17px;
            margin-bottom: 10px;

            a {
                font-family: 'Be Vietnam Pro';
                font-weight: 400;
                font-size: 20px;
                letter-spacing: 1px;
                text-align: center;
                vertical-align: middle;
                text-transform: capitalize;
                color: #C57A00;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px;

                img {
                    margin-bottom: 0;
                }
            }
        }
    }

    .vsnap-sheets-div {
        border-radius: 16px;
        border-width: 1px;
        background: #FFFFFF;
        border: 1px solid #78FFB5;

        .evry-task-content p {
            background: #77FFBE33;
            border-radius: 60px;
            font-family: 'Be Vietnam Pro';
            font-weight: 400;
            font-size: 22px;
            letter-spacing: 0px;
            color: #008643;
            padding: 3px 14px;
        }

        .vsnap-btn-tool {
            border-radius: 60px;
            background: #E2FDF0;
            border: 1px solid #05BA4E;
            padding: 6px 10px;
            margin-bottom: 10px;
            

            a {
                font-family: 'Be Vietnam Pro';
                font-weight: 400;
                font-size: 20px;
                letter-spacing: 1px;
                text-align: center;
                vertical-align: middle;
                text-transform: capitalize;
                color: #05BA4E;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px;

                img {
                    margin-bottom: 0;
                }
            }
        }
    }

    .vsnap-social-div {
        border-radius: 16px;
        border-width: 1px;
        background: #FFFFFF;
        border: 1px solid #DE6A94;

        .evry-task-content p {
            background: #FFE0EC;
            border-radius: 60px;
            font-family: 'Be Vietnam Pro';
            font-weight: 400;
            font-size: 22px;
            letter-spacing: 0px;
            color: #D61159;
            padding: 3px 14px;
        }

        .vsnap-btn-tool {
            border-radius: 60px;
            background: #ffffff;
            border: 1px solid #D61159;
            padding: 6px 17px;
            margin-bottom: 10px;

            a {
                font-family: 'Be Vietnam Pro';
                font-weight: 400;
                font-size: 20px;
                letter-spacing: 1px;
                text-align: center;
                vertical-align: middle;
                text-transform: capitalize;
                color: #D61159;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px;

                img {
                    margin-bottom: 0;
                }
            }
        }
    }

    .vsnap-btn-tool {
        margin-top: 1rem;
    }

    .designed-for-speed {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 40px;
        width: 100%;
    }

    .seamlessly-connected {}

    .connected-content {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        margin-bottom: 3rem;
        padding-left: 20px;

        h6 {
            text-align: left;
            margin-top: 0;
        }

        p {
            text-align: left;
            padding: 0;
            font-size: 18px;
            line-height: 23px;
            margin-bottom: 0;
            color: #5B5B5B;
            font-family: 'Poppins';
            font-weight: 400;
        }
    }

    .designed-for-speed {
        .secure-by-default {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
            border-radius: 10px;
            background: #F8F9F9;
            border: 1px solid #F3F4F4;
            width: 100%;
            padding: 5px 20px;

            p {
                margin-bottom: 0;
                font-family: 'Poppins';
                font-weight: 400;
                font-size: 28px;
                letter-spacing: 0px;
                color: #404040;
            }
        }
    }

    .designed-connected {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
        flex-direction: column;
    }

    .start-building-stronger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;

        h2 {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 60px;
            letter-spacing: 0;
            margin-bottom: 20px;
            position: relative;
            z-index: 9;
            text-align: center;

            .text-dark {
                background: linear-gradient(180deg, #000000 0%, #272727 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

            span:not(.text-dark) {
                background: linear-gradient(90deg, #0DC6F6 0%, #0A9DC3 50%, #317AB0 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
        }

        p {
            font-family: 'Poppins';
            font-weight: 400;
            font-size: 20px;
            line-height: 32px;
            letter-spacing: 0px;
            text-align: center;
            text-transform: capitalize;
            color: #262626;
            margin-bottom: 1rem;
            position: relative;
            z-index: 9;
        }

        a {
            border-radius: 12px;
            gap: 5px;
            background: linear-gradient(180deg, #0F72FD 0%, #1073FE 50%, #0064FD 100%);
            box-shadow: 0px 4px 4px 0px #FFFFFF40 inset;
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 23px;
            line-height: 24px;
            letter-spacing: -0.16px;
            color: var(--White, #FFFFFF);
            border: none;
            padding: 18px 20px;
            position: relative;
            z-index: 9;
            border: 1px solid #0DC6F6;
            transition: all 0.3s ease-in-out;
        }

        .start-building-right-img {
            position: absolute;
            right: 0;
        }

        .start-building-left-img {
            position: absolute;
            left: 0;
        }
    }
    .ready-to-transform-bgimg{
        background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/vsnap/ready-to-transform-bgimg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .ready-to-transform-img{
            margin-top: 50px;
        }
    }
    .connected-mb-div{
        width: 100%;
    }

    .feature-tab-mobile {
        display: none;
    }

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

    .feature-tab {
        cursor: pointer;
        width: 100%;
    }
    
    .feature-tab-inner {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }
    
    .feature-tab-inner .icon-wrap {
        border-radius: 50%;
        transition: background 0.3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        flex-shrink: 0;
    }
    
    .feature-tab.active-tab .feature-tab-inner .icon-wrap {
        background: #0081A3 !important;
    }
    
    .feature-tab.active-tab .feature-tab-inner .icon-wrap img {
        filter: brightness(0) invert(1) !important;
    }
    
    .feature-tab.inactive-tab .feature-tab-inner .icon-wrap {
        background: #F8F9F9 !important;
    }
    
    .feature-tab.active-tab .feature-tab-inner .icon-wrap .inactive-icon {
        display: none !important;
    }
    
    .feature-tab.inactive-tab .feature-tab-inner .icon-wrap .active-icon {
        display: none !important;
    }
    
    .feature-tab.active-tab {
        background: transparent;
        border: none;
        padding: 19px 20px;
        margin-bottom: 10px;
    }
    
    .feature-tab:focus, 
    .feature-tab:active, 
    .feature-tab:focus-visible {
        outline: none !important;
        -webkit-tap-highlight-color: transparent;
    }
    
    .feature-tab.active-tab .feature-title {
        color: #0097B2 !important;
        font-weight: 500 !important;
    }
    
    .feature-tab.active-tab .feature-dropdown-desc {
        display: block !important;
    }
    
    .feature-tab.inactive-tab {
        background: #F8F9F9;
        border: none;
        border-radius: 10px;
        padding: 19px 20px;
    }
    
    .feature-tab.inactive-tab .feature-title {
        color: #404040 !important;
        font-weight: 400 !important;
    }
    
    .feature-tab.inactive-tab .feature-dropdown-desc {
        display: none !important;
    }
    
    .designed-for-speed .connected-by-design-img#main-feature-img { 
        width: 100%;
        object-fit: contain;
        border-radius: 12px;
    }

    /* .designed-for-speed .connected-by-design-img#main-feature-img[src$="connected-by-design-img.png"] { 
        width: 567px;
    } */

    .feature-title {
        margin-bottom: 0;
        font-family: 'Poppins';
        font-size: 28px;
    }

    .feature-dropdown-desc {
        font-size: 18px;
        color: #5B5B5B;
        margin-top: 5px;
        line-height: 26px;
        font-weight: 400;
        font-family: 'Poppins';
    }
}

.sitecrm-page {
    .container {
        max-width: 1250px;
    }

    .sitecrm-banner-section{
        padding-top: 5rem;
        background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/sitecrm/sitecrm-banner-section.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        .container{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .sitecrm-first-div{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 2rem 0 1rem;
        }

        h1{
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 62px;
            line-height: 74px;
            letter-spacing: 0px;
            text-align: center;
            color: #2C2C2C;

            span{
                color: #1467A5;
            }
        }
        p{
            font-family: 'Poppins';
            font-weight: 400;
            font-size: 22px;
            line-height: 37px;
            letter-spacing: 0px;
            text-align: center;
            color: #2C2C2C;
        }
        a{
            display: flex;
            gap: 12px;
            border-radius: 50px;
            background: linear-gradient(180deg, #4A93CA 0%, #198BBF 100%);
            border: 1px solid #317AB0;
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 24px;
            letter-spacing: 0px;
            color: #F2FFF0;
            text-decoration: none;
            padding: 9px 33px;
            justify-content: center;
            align-items: center;
        }
    }

    .each-sec-head {
        h2 {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 60px;
            letter-spacing: -2px;
            text-align: center;
            color: #262626;
            margin-bottom: 0;
        }

        p {
            font-family: 'Poppins';
            font-weight: 400;
            font-size: 24px;
            letter-spacing: 0px;
            text-align: center;
            color: #4B4B4B;
        }
    }

    .op-card {
        break-inside: avoid;
        margin-bottom: 24px;
        border-radius: 12px;
        border: 1px solid #D0D0D0;
        /* background: #FFFFFF; */
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/sitecrm/op-card.png);
        background-position: bottom;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .desgined-to-close-more-deals{
        .container{
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
    }

    .images-div-op {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .op-card-content {
        padding: 20px;
    }

    .op-card h4 {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 34px;
        letter-spacing: 0px;
        color: #262626;
        margin-bottom: 12px;
    }

    .op-card p {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        color: #2C2C2C;
        text-align: left;
        margin-bottom: 0;
    }

    .op-card img {
        height: auto;
        display: block;
        margin-top: auto;
    }

    .built-in-communication {
        padding-bottom: 20px;
    }

    .business-result {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .business-result-card {
        border: 2px solid transparent;
        background-clip: padding-box, border-box;
        background-origin: padding-box, border-box;
        border-radius: 8px;
        width: 245px;
        padding: 62px 10px 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;

        h6 {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 36px;
            letter-spacing: 0px;
            background: linear-gradient(180deg, #00A5CF 0%, #0090B5 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 0;
        }

        p {
            font-family: 'Poppins';
            font-weight: 400;
            font-size: 20px;
            letter-spacing: 0px;
            background: linear-gradient(180deg, #272727 0%, #434343 50%, #424242 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 0;
            line-height: 1;
        }
    }

    .faster-closures {
        background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/sitecrm/faster-closures.png), linear-gradient(180deg, rgba(242, 242, 242, 0.6) 0%, rgba(199, 199, 199, 0.6) 100%);
        background-position: center;
        background-size: cover;
    }

    .better-result {
        background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/sitecrm/better-result.png), linear-gradient(180deg, rgba(242, 242, 242, 0.6) 0%, rgba(199, 199, 199, 0.6) 100%);
        background-position: center;
        background-size: cover;
    }

    .business-card {
        background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/sitecrm/business-card.png), linear-gradient(180deg, rgba(242, 242, 242, 0.6) 0%, rgba(199, 199, 199, 0.6) 100%);
        background-position: center;
        background-size: cover;
    }

    .tailored-sec {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 30px;
        row-gap: 80px;
        margin-top: 5rem;
    }

    .tailored-card {
        background: linear-gradient(180deg, #E0F6FF 0%, #E4F7FF 100%);
        border-radius: 12px;
        border: 1px solid #A5E4FF;
        display: flex;
        align-items: center;
        position: relative;
        padding: 10px 20px 10px 180px;
        min-height: 160px;
    }

    .tailored-card img {
        position: absolute;
        left: 15px;
        bottom: 0;
        width: 160px;
        height: auto;
        z-index: 1;
    }

    .tailored-card-1 img {
        left: -10px;
        width: 180px;
    }

    .tailored-card-2 img {}

    .tailored-card-3 img {
        left: 0px;
    }

    .tailored-card-4 img {}

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

    .tailored-content h4 {
        margin-bottom: 8px;
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 32px;
        letter-spacing: 0px;
        color: #00678E;
    }

    .tailored-sec .tailored-content p {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 0px;
        text-align: left;
        color: #262626;
    }

    .voices-swiper {
        margin-top: 4rem;
        padding-bottom: 2rem;
    }

    .voices-swiper .swiper-slide {
        width: 750px;
        opacity: 0.4;
        transition: opacity 0.3s ease;
    }

    .voices-swiper .swiper-slide-active {
        opacity: 1;
    }

    .voice-card {
        background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/sitecrm/testimonal-bg-img.png);
        border-radius: 16px;
        position: relative;
        background-repeat: no-repeat;
        height: 100% !important;
        display: flex;
        flex-direction: column;
    }

    .voice-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 3px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0.02%, #0DC6F6 50.01%, rgba(255, 255, 255, 0) 100%);
    }

    .voice-card .voice-quote {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 24px;
        line-height: 40px;
        letter-spacing: 0px;
        color: #262626;
        margin-bottom: 5px;
        padding: 20px 24px;
        text-align: left;
        flex: 1 0 auto !important;
    }

    .voice-author {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        bottom: 20px;
    }

    .author-details {
        flex-grow: 1;
        padding-left: 30px;
        text-align: left;
        position: relative;
        bottom: 20px;
    }

    .author-details h6 {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 26px;
        line-height: 29px;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: 4px;
    }

    .author-details span {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 22px;
        letter-spacing: 0px;
        color: #474747;
        padding-left: 24px;
    }

    .link-icon {
        padding: 0px 20px;
        position: relative;
        bottom: 20px;
    }

    .op-div {
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 38px;
        margin-top: 4rem;
    }

    .op-content-txt {
        flex: 1;
        border: 2px solid transparent;
        border-radius: 8px;
        background:
            linear-gradient(#fff, #fff) padding-box,
            linear-gradient(180deg,
                rgba(242, 242, 242, 0.6) 0%,
                rgba(199, 199, 199, 0.6) 100%) border-box;
        padding: 20px 20px;

        h6 {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 24px;
            line-height: 34px;
            letter-spacing: -1px;
            text-transform: capitalize;
            color: #000000;
        }

        p {
            font-family: 'Poppins';
            font-weight: 400;
            font-size: 16px;
            line-height: 27px;
            letter-spacing: 0px;
            color: #696F89;
            text-align: left;
            margin-bottom: 0;
        }
    }

    .op-content-div {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 24px;
        width: 100%;
    }

    .result-redefine-sales {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .results-sec {
        p {
            line-height: 34px;
            text-align: left;
        }

        .results-sec-txt {
            width: 80%;
            margin-bottom: 3rem;
        }

        h2 {
            text-align: left;
            line-height: 79.5px;
        }
    }

    .ready-to-transform {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ready-to-transform {
        background: #E4F7FF;
        border-radius: 16px;
        position: relative;

        h2 {
            text-align: left;
            line-height: 74px;
        }

        p {
            text-align: left;
            font-family: 'Poppins';
            font-weight: 400;
            font-size: 18px;
            letter-spacing: 0px;
            text-transform: capitalize;
            color: #262626;
            margin-bottom: 2rem;
        }

        .ready-to-transform-container {
            padding: 30px 30px;
        }

        a {
            border-radius: 12px;
            background: linear-gradient(180deg, #0DC6F6 0%, #0A9DC3 50%, #317AB0 100%);
            box-shadow: 0px 4px 4px 0px #FFFFFF40 inset;
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 23px;
            line-height: 24px;
            letter-spacing: -0.16px;
            color: var(--White, #FFFFFF);
            border: none;
            padding: 16px 26px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #0DC6F6;
            transition: all 0.3s ease-in-out;
            width: fit-content;
            text-decoration: none;
            gap: 10px;
        }

        @media (min-width: 901px) {
            a:hover {
                transform: translateY(-2px);
                box-shadow: 0px 8px 16px rgba(10, 157, 195, 0.3), 0px 4px 4px 0px #FFFFFF40 inset;
                filter: brightness(1.05);
            }
            a:hover img {
                transform: translateX(4px);
            }
        }

        .ready-to-transfer-ur-business {
            position: absolute;
            top: -18%;
            right: 0;
        }
    }
}

@media (max-width:900px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .sectionTop {
        padding-top: 3rem;
    }

    .vsnap-page {
        .feature-tab.active-tab .feature-tab-inner .icon-wrap img {
            filter: unset !important;
            border-radius: 50%;
        }
        .inactive-icon{
            border: 0.7px solid #D9D9D9;
            border-radius: 60px;
        }

        .banner-content-div {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: unset !important;
        }

        a:not([href]):not([class]),
        a:not([href]):not([class]):hover {
            color: #FFFFFF !important;
        }

        .vsnap-banner-section {
            background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/vsnap/vsnap-banner-section-m.png);
        }

        .banner-container {
            flex-direction: column;
            position: relative;
            height: 100%;
            justify-content: space-between;
            gap: 10px;
            padding-top: 5rem;

            h1 {
                font-weight: 400;
                font-size: 22px;
                line-height: 28px;
                letter-spacing: 0px;
                color: #191917;
                text-align: center;
                font-family: 'Poppins';
                margin-bottom: 0rem;

                span {
                    font-size: 26px;
                    line-height: 30px;
                    letter-spacing: 0px;
                    text-align: center;
                    background: linear-gradient(90deg, #0DC6F6 0%, #00B0DE 50%, #2189D5 100%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent; 
                    background-clip: text;
                    font-weight: 600;
                }
            }

            a {
                font-size: 16px;
                padding: 6px 15px;
                margin-top: 10px;
                font-weight: 500;
                font-family: 'Poppins';
                display: flex;
                justify-content: center;
                align-items: center;
                img { 
                    width: 28px;
                }
            }
        }

        .everything-u-need {
            font-weight: 500;
            font-size: 30px;
            margin-bottom: 2rem;
            line-height: 42px;
            background: linear-gradient(180deg, #323232 0%, #272727 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-family: 'Poppins';
        }

        .connected-by-design {
            flex-direction: column;
            gap: 30px;
        }

        .connected-content {
            flex-direction: column;
            margin-bottom: 0rem;

            h6 {
                font-size: 20px;
                margin: 0px 0 1px;
                text-align: center;
            }

            p {
                font-size: 12px;
                line-height: 22px;
                padding: 0 30px;
                text-align: center;
                font-family: 'Poppins';
                font-weight: 300;
            }
        }

        .smartest-way {
            font-weight: 500;
            font-size: 28px;
            line-height: 42px;
            margin-bottom: 8px;
            font-family: 'Poppins';
            
            .text-dark {
                background: linear-gradient(180deg, #323232 0%, #272727 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

            span:not(.text-dark) {
                font-weight: 500;
                font-size: 28px;
                line-height: 42px;
                font-family: 'Poppins';
            }
        }

        .smartest-way-img3 {
            position: relative;
            left: 30%;
        }

        .smartest-way-txt {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 0;
        }

        .smartest-way-grid {
            margin-top: 1.5rem;
        }

        .smart-card-content {
            padding: 10px 10px 0;
        }

        .smart-card-content h4 {
            font-size: 24px;
            font-family: 'Poppins';
        }

        .smart-card-content p {
            font-size: 14px;
            line-height: 18px;
            font-family: 'Poppins';
        }

        .samrcard-3-css {
            img {
                right: 0;
                position: relative;
                width: 70%;
                bottom: 0;
            }
        }

        .trusted-sec {
            font-size: 28px;
            line-height: 42px;
            margin-bottom: 20px;
            font-family: 'Poppins';
            font-weight: 500;
        }

        .trusted-sec span img {
            bottom: 2px;
            left: 14px;
            height: 2px;
        }

        .business-explantaion-content {
            flex-direction: column;
            gap: 25px;
        }

        .move-faster-img {
            width: 100%;
        }

        .trusted-img-context img {
            width: 46px;
        }

        .move-faster-content {
            h6 {
                font-size: 22px;
            }

            p {
                font-size: 14px;
            }
        }

        .trusted-img-context {
            gap: 6px;
            padding: 10px 10px;
        }

        .trusted-right-content {
            column-gap: 16px;
            row-gap: 16px;
            width: 100%;
        }

        .choose-right-tool {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 28px;
            margin-bottom: 3rem;
            line-height: 42px;

            .text-dark {
                background: linear-gradient(180deg, #000000 0%, #272727 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
        }

        .every-test-choose {
            margin-bottom: 1rem;
        }

        .choose-right-tool-txt {
            font-family: 'Poppins';
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            letter-spacing: 0px;
            text-align: center;
            background: linear-gradient(180deg, #323232 0%, #272727 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .right-tool-container {
            grid-template-columns: 1fr;
            row-gap: 20px;

            .vsnap-mail-div {
                order: 1;
            }

            .vsnap-sheets-div {
                order: 2;
            }

            .vsnap-docs-div {
                order: 3;
            }

            .vsnap-social-div {
                order: 4;
            }
        }

        .vsnap-mail-div {
            border-radius: 6px;
            border: 0.6px solid #317AB0;

            .evry-task-content p {
                font-size: 12px;
                padding: 2px 10px;
                background: #CCE9FF;
            }

            .vsnap-btn-tool {
                padding: 3px 12px;
                margin-top: 0px !important;
                margin-bottom: 10px;

                a {
                    font-size: 14px;
                    letter-spacing: 0px;

                    img {
                        width: 14px;
                    }
                }
            }
        }

        .evry-task-div {
            width: 100%;
            padding: 14px 8px 0 10px;
            background: #F4F4F4;
            gap: 3px;
            align-items: flex-start;
        }

        .evry-task-purpose {
            p {
                font-weight: 300;
                font-size: 14px;
                line-height: 20px;
                color: #0D0D0D;
            }

            img {
                margin-bottom: 20px;
            }
        }

        .evry-task-content {
            justify-content: space-between;
            height: -webkit-fill-available;
        }

        .vsnap-docs-div {
            border-radius: 6px;

            .evry-task-content {
                p {
                    font-size: 12px;
                }

                img {
                    padding-bottom: 6px;
                }
            }

            .vsnap-btn-tool {
                padding: 3px 10px;
                margin-top: 0;
                margin-bottom: 10px;

                a {
                    font-size: 14px;
                    gap: 5px;
                    letter-spacing: 0px;

                    img {
                        width: 14px;
                    }
                }
            }
        }

        .vsnap-sheets-div {
            border-radius: 6px;

            .evry-task-content p {
                font-size: 12px;
                padding: 2px 14px;
                background: #DFFAED;
                color: #0E8D4E;
            }

            .vsnap-btn-tool {
                padding: 4px 4px;
                margin-top: 0;

                a {
                    font-size: 14px;
                    gap: 4px;
                    letter-spacing: 0px;

                    img {
                        width: 14px;
                    }
                }
            }

            .evry-task-content {
                img {
                    margin-bottom: 10px;
                }
            }
        }

        .vsnap-social-div {
            border-radius: 6px;

            .evry-task-content p {
                font-size: 12px;
                padding: 2px 23px;
                color: #D61159;
            }

            .vsnap-btn-tool {
                padding: 3px 12px;
                margin-top: 0;

                a {
                    font-size: 14px;
                    letter-spacing: 0px;

                    img {
                        width: 14px;
                    }
                }
            }

            .evry-task-content {
                img {
                    margin-bottom: 10px;
                }
            }
        }

        .vsnap-right-img {
            width: 100%;
        }

        .designed-for-speed {
            flex-direction: column;
            gap: 10px;
        }

        .connected-mb-div{
            width: 100%;
            margin-top: 0px;
        }

        .connected-by-design-img {
            width: 100% !important;
        }

        .designed-for-speed {
            .secure-by-default {
                padding: 20px 0;

                p {
                    font-family: 'Poppins';
                    font-weight: 500;
                    font-size: 20px;
                    color: #404040;
                    line-height: 24px;
                }
            }
        }
        .ready-to-transform-img-m{
            width: 100%;
            margin-top: 20px;
        }

        .designed-connected {
            gap: 24px;
        }

        .start-building-stronger {
            padding: 20px 0 0;

            h2 {
                font-size: 28px;
                letter-spacing: 0px;
                text-align: center;
                margin-bottom: 3px;
                line-height: 42px;
            }

            p {
                font-size: 12px;
                line-height: 18px;
                margin-bottom: 1rem;
                background: linear-gradient(180deg, #323232 0%, #272727 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                padding: 20px 10px 0;
            }

            .start-building-right-img {
                bottom: 0;
            }

            .start-building-left-img {
                top: 0;
            }

            a {
                font-family: 'Poppins';
                font-weight: 600;
                font-size: 14px;
                line-height: 24px;
                letter-spacing: -0.16px;
                border-radius: 6px;
                padding: 6px 20px;

                img {
                    width: 26px;
                }
            }
        }

        .designed-for-speed {
            .secure-by-default {
                flex-direction: column;
            }
        }

        .security-first-btn{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            .feature-dropdown-desc{
                text-align: center;
                font-size: 12px;
                line-height: 18px;
            }
        }
        .feature-tab-inner {
            flex-direction: column;
        }
        .feature-title {
            font-size: 18px;
            margin-top: 5px;
        }
        .feature-tab.active-tab .feature-title {
            font-size: 20px;
        }

        /* Style the image and tabs as separate cards */
        #main-feature-img {
            display: none !important;
        }
        .mobile-tab-img {
            display: none;
            width: 100%;
            border-radius: 12px;
            margin-bottom: 15px;
        }
        .feature-tab.active-tab .mobile-tab-img {
            display: block;
        }
        .feature-tab.active-tab {
            background: #F8F9F9;
            padding: 15px;
            border-radius: 10px;
            margin-bottom: 15px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.03);
            border: none;
        }
        .feature-tab.inactive-tab {
            background: #F8F9F9;
            border-radius: 12px;
            margin-bottom: 15px;
            padding: 15px;
        }
    }

    .sitecrm-page {
        .banner-container {
            flex-direction: column;
        }

        .banner-left-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-top: 1rem;
        }

        .banner-left-content {
            h1 {
                font-size: 16px;
                text-align: center;
                margin-top: 14px;
                margin-bottom: 12px;
                background: linear-gradient(180deg, #4E93CB 0%, #218CC0 139.58%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

            p {
                font-size: 10px;
                line-height: 16px;
                text-align: center;
                padding: 0 10px;
                font-weight: 300;
            }

            .explore-sitecrm-btn {
                margin-top: 0rem;

                a{
                    font-size: 16px;
                    margin: 0px 0 20px;
                    padding: 6px 22px;
                    border-radius: 6px;

                    img{
                        width: 16px;
                    }
                }
            }
        }

        .op-el {
            line-height: 27px !important;
        }

        .each-sec-head {
            h2 {
                font-size: 22px;
                line-height: 22px;
                letter-spacing: 0px;
                padding: 0 10px;
            }

            p {
                font-weight: 400;
                font-size: 12px;
            }
        }

        .results-real-estate-sales-m {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            img {
                width: 90%;
            }
        }



        .op-el-es {
            line-height: 27px !important;
        }

        .one-platform-grid {
            margin-top: 24px;
            column-count: auto;
            display: flex;
        }

        .everything-ur-sales {
            margin-bottom: 0;
        }

        .one-platform-swiper .swiper-slide {
            height: 400px !important;
        }

        .images-div-op {
            flex-grow: 1;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            overflow: hidden;
            padding-bottom: 20px;
        }

        .images-div-op img {
            object-fit: contain;
        }

        .op-card-content {
            padding: 14px;
        }

        .op-card h4 {
            font-size: 24px;
            margin-bottom: 12px;
            line-height: 28px;
            text-align: center;
        }

        .op-card-content {
            p {
                font-weight: 300;
                font-size: 14px;
                text-align: center;
                line-height: 20px;
                margin-bottom: 1rem;
            }
        }

        .business-result {
            flex-direction: column;
            gap: 20px;
            margin-bottom: 2rem;
            width: 100%;
        }

        .business-result-card {
            padding: 18px;
            height: 170px;
            width: 100%;

            h6 {
                font-size: 36px;
            }

            p {
                font-size: 20px;
            }
        }

        .tailored-to-u {
            line-height: 24px !important;
        }

        .tailored-sec {
            grid-template-columns: repeat(1, 1fr);
            margin-top: 4rem;
            row-gap: 70px;
            margin-bottom: 0;

            .tailored-card {
                padding: 90px 20px 10px 20px;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                margin-top: 50px;
            }

            .tailored-card img {
                left: 50%;
                bottom: auto;
                transform: translateX(-50%);
                width: fit-content;
            }

            .tailored-card-1 img {
                top: -110px;
            }

            .tailored-card-2 img {
                top: -100px;
            }

            .tailored-card-3 img {
                top: -98px;
            }

            .tailored-card-4 img {
                top: -100px;
            }

            .tailored-content h4 {
                text-align: center;
                font-size: 24px;
            }

            .tailored-content p {
                text-align: center;
                font-size: 12px;
                line-height: 18px;
                color: #262626;
                font-weight: 300;
            }
        }

        .voices-swiper {
            margin-bottom: 0;
            margin-top: 1rem;
            padding: 0 10px 2rem 10px;
            margin-bottom: 2rem;
        }

        .voice-card .voice-quote {
            font-weight: 300;
            font-size: 10px;
            line-height: 18px;
            padding: 14px 10px 0px;
        }

        .author-details h6 {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 0;
        }

        .author-details span {
            font-weight: 500;
            font-size: 12px;
            padding-left: 0px;
        }

        .voice-card {
            background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/sitecrm/testimonal-bg-img-m.png);
            width: 100%;
            background-repeat: no-repeat;
            background-position: bottom;
            background-size: cover;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .voice-card::before {
            width: 90%;
            height: 2px;
        }

        .quote-mark {
            width: 52px;
            height: 52px;
            position: relative;
            top: 10px;
            left: 10px;
        }

        .link-icon {
            width: 60px;
            position: relative;
            bottom: 0px;
        }

        .author-details {
            bottom: 0px;
            padding-left: 25px;
        }

        .voice-author {
            width: 100%;
            bottom: 0px;
        }

        .images-div-op img {
            padding: 0;
        }

        .op-div {
            margin-top: 24px;
            flex-direction: column;
            gap: 18px;
        }

        .op-el {
            h2 {
                line-height: 27px;
            }
        }

        .op-content-txt {
            h6 {
                font-size: 16px;
                line-height: 22px;
                letter-spacing: 0px;
            }

            p {
                font-size: 12px;
                line-height: 18px;
                letter-spacing: 0;
            }
        }

        .op-content-div {
            gap: 18px;
        }

        .res-m-sales {
            line-height: 24px !important;
        }

        .results-sec {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 2rem;
        }

        .ready-to-transform-container {
            padding: 0px 20px 20px !important;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            h2 {
                line-height: 24px;
                text-align: center;
                margin-bottom: 6px;
                margin-top: 20px;
            }

            p {
                text-align: center;
                color: #4B4B4B;
                margin-bottom: 22px;
                line-height: 16px;
            }
        }

        .ready-to-transform {
            flex-direction: column;
        }

        .ready-to-transfer-ur-business-m {
            margin-top: -50px;
        }

        .sitecrm-banner-section{
            .sitecrm-first-div {
                padding: 0rem 0 1rem;
            }
            .sitecrm-banner{
                width: 100%;
                padding: 0 10px;
            }
            h1 {
                font-size: 22px;
                line-height: 26px;
            }
            p {
                font-size: 12px;
                line-height: 18px;
                color: #000000;
            }
            a {
                font-weight: 400;
                font-size: 14px;
                gap: 6px;
                padding: 4px 11px;

                img{
                    width: 16px;
                }
            }
            .sitecrm-logo-m{
                margin-bottom: 1rem;
            }
        }
        .close-deals-title { 
            font-size: 22px !important;
            line-height: 26px !important;
            letter-spacing: -1px !important;
        }
        .close-deals-desc {
            font-size: 12px !important;
            line-height: 18px !important;
            margin-bottom: 25px !important;
            padding: 0 10px;
        }
        .explore-btn{
            font-weight: 400 !important;
            font-size: 14px !important;
            padding: 0px 18px !important;

            img{
                width: 14px;
            }
        }
        .ready-to-transform {
            a {
                border-radius: 2px;
                font-size: 14px;
                line-height: 24px;
                padding: 2px 10px;

                img{
                    width: 16px;
                }
            }
        }
    }

    .homes-page {
        .banner-container {
            flex-direction: column;
            align-items: flex-end;
        }

        .banner-container {
            padding-top: 5rem;

            h1 {
                margin-bottom: 0;
                font-family: 'Poppins';
                font-weight: 500;
                font-size: 22px;
                line-height: 28px;
                letter-spacing: 0px;
                text-align: center;
                text-transform: capitalize;
                text-shadow: 0px 1px 2px #89898940;
                padding: 0 10px;
            }

            p {
                font-family: 'Poppins';
                font-weight: 400;
                font-size: 12px;
                line-height: 16px;
                letter-spacing: 0px;
                text-align: center;
                text-transform: capitalize;
                padding: 0 0;
                margin-bottom: 0px;
            }

            .explore-product {
            a {
                border-radius: 50px;
                gap: 4px;
                background: linear-gradient(180deg, #DB004F 0%, #961B47 100%);
                border: 1px solid #FFFFFF;
                font-family: 'Poppins';
                font-weight: 400;
                font-size: 14px;
                letter-spacing: 0px;
                text-align: center;
                color: #F2FFF0;
                padding: 4px 8px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            }
        }

        .explore-product {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 8px;
        }

        .ur-complete-real-estate-portal {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

        .homes-banner-section {
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
        }

        .ur-complete-real-estate-portal {
            width: 100%;
        }

        .homes-heading {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 22px;
            margin-bottom: 10px;
            line-height: 25px;
            background: linear-gradient(180deg, #000000 0%, #272727 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;

            span {
                display: inline;
            }

            .homes-tech-span,
            .homes-heading-span {
                display: inline-block;
            }

            span img {
                bottom: 0px;
                left: 5px !important;
            }
        }

        .homes-card-div {
            grid-template-columns: 1fr;
            gap: 0px;
            margin-bottom: 0;
        }

        .homes-card {
            margin-top: 30px;
            border-radius: 6px;
        }

        .card-heading {
            font-size: 18px;
            text-align: left;
            margin-bottom: 4px;
            line-height: 22px;
        }

        .card-txt {
            font-size: 12px;
            line-height: 20px;
            -webkit-line-clamp: none;
            background: linear-gradient(180deg, #323232 0%, #272727 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .homes-card img {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }

        .our-sucessin-numbers {
            font-size: 22px;
            background: linear-gradient(180deg, #000000 0%, #272727 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .success-grid {
            margin-top: 25px;
            margin-bottom: 1rem;
        }

        .success-card-title .highlight {
            font-size: 22px;
            font-weight: 500;
        }

        .success-card-title {
            font-weight: 400;
            font-size: 16px;
        }

        .success-card-text {
            font-weight: 300;
            font-size: 12px;
            line-height: 18px;
            letter-spacing: 0px;
        }

        .success-card {
            border-radius: 12px;
            min-height: 200px;
            border: none;
        }

        .growth-heading {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 20px;
            line-height: 22px;
        }

        .tech-card-inner .growth-card-inner {
            padding: 1rem 10px !important;
        }

        .growth-txt {
            font-family: 'Poppins';
            font-weight: 300;
            font-size: 12px;
            line-height: 18px;
            -webkit-line-clamp: none;
            background: linear-gradient(180deg, #323232 0%, #272727 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;

        }

        .section-find-property {
            margin-top: 0;
            width: 90%;
            border-radius: 6px;
        }

        .sec-relative {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-direction: column;
        }

        .find-property-heading {
            font-size: 22px;
            line-height: 28px;
            text-align: center;
            margin-bottom: 4px;
            font-weight: 500;
        }

        .find-property-text {
            font-size: 12px;
            line-height: 22px;
            text-align: center;
        }

        .find-property-btn {
            font-size: 16px;
            padding: 11px 23px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

        .find-property-left {
            padding: 20px 0 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
        }

        .homes-right-img-m {
            border-bottom-right-radius: 20px;
        }

        .homes-logo-m {
            margin-bottom: 6px;
        }

        .recognized-customers {
            min-height: 230px;
        }

        .homes-tech-title {
            font-size: 20px;
            line-height: 26px;

            .growth-hr-line {
                bottom: -3px !important;
            }
        }

        .find-property-logo {
            margin-bottom: 15px;
        }

        .right-arrow-ready {
            width: 20px;
        }

        .find-property-right {
            padding: 0;
            width: 100%;
        }

        .find-property-right img {
            position: relative;
            right: 10px;
            bottom: 0px;
            width: 110%;
            top: 10px;
        }

        .verified-properties {
            .success-card-title {
                font-weight: 400;
                font-size: 18px;

                span {
                    font-weight: 600;
                    font-size: 22px;
                }
            }

            .success-card-text {}
        }

        .growth-card-inner {
            padding: 1rem 10px !important;
        }

        .growthSwiperRebuild .swiper-slide-active .growth-card-rebuild {
            height: 410px;
        }

        .success-grid-sucessin-card1 {
            flex-direction: column;
        }

        .success-card-1 {
            width: 100%;
        }

        .success-card-2 {
            width: 100%;
        }

        .success-grid-sucessin-card2 {
            flex-direction: column;
        }

        .homes-tech-section {
            padding-bottom: 0rem;
            padding-top: 3rem;
        }
        .homes-testimonial-card {
            background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/homes/testimonal-bg-m.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: bottom;
            padding: 10px 0px 10px;
            border-radius: 6px;
        }
        .homes-testimonial-text {
            padding: 0 10px !important;
        }
        .homes-testimonial-text {
            font-family: 'Poppins';
            font-weight: 300;
            font-size: 10px;
            line-height: 18px;
            height: auto;
        }
        .homes-testimonial-card::before {
            height: 1px;
        }
        .homes-testimonial-author {
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 12px;
            padding: 0 0px;
        }
        .homes-testimonial-footer {
            height: 50px;
            bottom: 0px;
        }
        .homesTestimonialSwiper {
            height: 140px !important;
        }
        .homes-testimonial-quote {
            top: 20px;
            left: 0px;
            width: 18%;
        }
        .tech-card-inner {
            background-image: url(https://d1zt14hr2k4poi.cloudfront.net/version9.0/images/simplihi/homes/stack-bgimg-m.png);
        }
    }
}

@media (min-width:901px) {
    .desktop {
        display: block;
    }

    .mobile {
        display: none !important;
    }

    .vsnap-page {
        .banner-container {
            a:hover {
                background: #FFFFFF;
                color: #0DC6F6;
                border: 1px solid #0DC6F6;
            }

            a:hover img {
                filter: brightness(0) saturate(100%) invert(61%) sepia(96%) saturate(2222%) hue-rotate(157deg) brightness(97%) contrast(96%);
            }
        }


    }

    .ready-to-transform a:hover{
        color: #0DC6F6;
        background: #FFFFFF;
        border: 1px solid #0DC6F6; 
    }
    .ready-to-transform a:hover img {
        filter: brightness(0) saturate(100%) invert(64%) sepia(21%) saturate(5412%) hue-rotate(155deg) brightness(97%) contrast(97%);
    }

    .start-building-stronger {
        a:hover {
            background: #FFFFFF;
            color: #0DC6F6;
            border: 1px solid #0DC6F6;
        }

        a:hover img {
            filter: brightness(0) saturate(100%) invert(61%) sepia(96%) saturate(2222%) hue-rotate(157deg) brightness(97%) contrast(96%);
        }
    }


    .homes-page {
        .ur-complete-real-estate-portal {
            position: relative;
            left: 4%;
        }

        .find-property-btn:hover {
            background: #FFFFFF;
            color: #961B47;
            border: 1px solid #961B47;
        }

        .find-property-btn:hover img {
            filter: brightness(0) saturate(100%) invert(14%) sepia(83%) saturate(3483%) hue-rotate(325deg) brightness(97%) contrast(88%);
        }

        .explore-product{
            a{
                background: linear-gradient(180deg, #961B47 0%, #CA0048 100%);
                border-radius: 50px;
                font-family: 'Poppins';
                font-weight: 600;
                font-size: 24px;
                letter-spacing: 0px;
                text-align: center;
                vertical-align: middle;
                color: #FFFFFF;
                cursor: pointer;
                transition: all 0.3s ease;
                border: none;
                padding: 16px 40px;
                border: 1px solid #961B47;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 12px;
                width: fit-content;
            }
            a:hover{
                background: #FFFFFF;
                border: 1px solid #961B47;
                color:  #961B47;
            }
            a:hover img {
                filter: brightness(0) saturate(100%) invert(18%) sepia(87%) saturate(3015%) hue-rotate(323deg) brightness(88%) contrast(97%);
            }
        }

    }

    .sitecrm-page {
        .sitecrm-banner-section a:hover {
            color:#198BBF ;
            background: #ffffff;
        }

        .sitecrm-banner-section a:hover img {
            /* Applies a blue color filter to the arrow image to match the text color (#198BBF) */
            filter: brightness(0) saturate(100%) invert(42%) sepia(87%) saturate(1312%) hue-rotate(166deg) brightness(91%) contrast(91%);
        }

        .one-platform-desktop {
            display: flex;
            gap: 24px;
            margin-top: 3.5rem;
        }

        .one-platform-desktop .op-col {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        .one-platform-desktop .op-col .op-card {
            margin-bottom: 0 !important;
        }

        .one-platform-desktop .op-col .op-card:last-child {
            flex-grow: 1;
        }

        .one-platform-grid.swiper-wrapper {
            display: block !important;
            transform: none !important;
        }

        .crm-card-1 {
            .crm-card-content {
                padding: 20px 30px 0px;
            }
        }

        .tailored-card-1 img {
            left: -10px;
            width: 190px;
            height: 290px;
        }

        .explore-sitecrm-btn:hover a{
            background: #FFFFFF;
            color: #0DC6F6;
        }

        .explore-sitecrm-btn:hover a img {
            filter: brightness(0) saturate(100%) invert(64%) sepia(21%) saturate(5412%) hue-rotate(155deg) brightness(97%) contrast(97%);
        }

        .vsnap-page .feature-tab-inner .icon-wrap {
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 50px !important;
            height: 50px !important;
            flex-shrink: 0;
            background: #F8F9F9 !important;
            border: 1px solid #EAEAEA !important; /* Light border for inactive */
            transition: all 0.3s ease;
        }
        
        .vsnap-page .feature-tab.active-tab .feature-tab-inner .icon-wrap {
            background: #0081A3 !important; /* Teal background for active */
            border-color: #0081A3 !important;
        }
        
        .vsnap-page .feature-tab.active-tab .feature-tab-inner .icon-wrap img {
            background: transparent !important;
            filter: brightness(0) invert(1) !important; /* Make icon white */
        }

        .vsnap-page .feature-tab.inactive-tab .feature-tab-inner .icon-wrap img {
            filter: none !important; /* Keep original teal icon color */
        }
    }
}

@media (width:1164px) {
    .vsnap-page {
        .feature-title {
            font-size: 26px;
        }

        .vsnap-right-img {
            width: 100%;
        }

        .banner-container {
            max-width: 1060px !important;
        }

        .everything-u-need {
            font-size: 46px;
        }

        .connected-by-design-img{
                width: 50% !important;
        }

        .smart-card-content h4 {
            font-size: 32px;
        }
        .smart-card-content p {
            font-size: 20px !important;
            line-height: 30px !important;
        }

        .choose-right-tool-container {
            max-width: 1090px !important;
        }

        .vsnap-btn-tool {
            a {
                font-size: 16px !important;
            }
        }

        .evry-task-purpose {
            p {
                font-size: 16px;
            }
        }

        .designed-for-speed .connected-by-design-img#main-feature-img[src$="connected-by-design-img.png"] {
        width: 450px;
        }
    }

    .sitecrm-page {
        .voice-author {
            bottom: -58px;
        }
        .voices-swiper {
            padding-bottom: 4rem;
        }
        .voice-card .voice-quote{
            padding: 20px 24px 0 !important;
        }
        .voice-card{
            background-position: left;
        }
        .voice-quote{
            font-size: 17px !important;
            line-height: 28px !important;
        }
        .tailored-sec {
            row-gap: 130px;
            margin-top: 7rem;
        }
        .tailored-content h4 {
            font-size: 26px;
        }

        .op-div {
            gap: 18px;
            margin-top: 3rem;
        }

        .op-content-txt {
            padding: 12px 12px;

            p {
                font-family: 'Poppins';
                font-weight: 400;
                font-size: 16px !important;
                line-height: 24px;
            }
        }

        .results-sec {
            width: 60%;
        }

        .each-sec-head {
            h2 {
                font-size: 52px;
            }

            p {
                font-family: 'Poppins';
                font-weight: 500;
            }
        }

        .results-sec {
            h2 {
                line-height: 60px;
            }

            .results-sec-txt {
                width: 100%;
                font-size: 24px !important;
            }
        }

        .business-result-card {
            padding: 42px 6px 0;

            p {
                font-size: 16px;
            }
        }

        .container {
            max-width: 1060px;
        }

        .op-content-div {
            width: 100%;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 12px;
            }
        }

        .op-content-txt {
            h6 {
                font-size: 24px;
                line-height: 30px;
            }
        }

        .crm-card-content h4 {
            font-size: 36px;
            line-height: 50px;
        }

        .tailored-card img {
            left: 0px;
            height: 260px;
        }

        .voices-swiper {
            margin-top: 2rem;
        }

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

        .business-result-card {
            h6 {
                font-size: 28px;
            }
        }
        .banner-left-content {
            h1 {
                font-size: 34px;
            }
        }
    }

    .homes-page {
        .banner-container {
            p {
                width: 90%;
                font-size: 16px;
                line-height: 28px;
            }

            h1 {
                font-size: 36px;
                line-height: 50px;
            }
        }

        .homes-testi-quote {
            justify-content: flex-start;
        }

        .homes-testi-quote img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            margin: 0;
            position: static;
        }

        .find-property-logo {
            width: 80%;
        }

        .find-property-heading {
            font-size: 32px;
        }

        .find-property-text {
            font-size: 20px;
            line-height: 30px;
        }

        .find-property-btn {
            font-size: 24px;
            padding: 10px 16px;
        }

        .success-container {
            max-width: 1040px !important;
        }

        .find-property-right img {
            width: 580px;
            position: absolute;
            right: -40px;
            top: -190px;
        }
        .homes-testimonial-quote {
            width: 14%;
            top: 100px;
            left: 0px;
        }
        .homes-testimonial-author {
            left: 15%;
        }
        .homes-testimonial-author-wrap {
            bottom: -20px;
        }
        .tech-card-heading {
            font-size: 40px;
        }
        .tech-card-inner {
            padding: 28px 1rem;
        }
        .explore-product {
            a {
                font-size: 22px;
                padding: 10px 30px;
                font-weight: 500;
            }
        }
        .homes-tech-title {
            font-size: 48px;
        }
    }
}

@media (width:1366px) {
    .vsnap-page {
        .banner-container {
            max-width: 1240px;
        }
    }

    .homes-page {
        .success-container {
            max-width: 1250px !important;
        }
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .vsnap-page {
        .vsnap-right-img {
            width: 100%;
        }
    }
     .homes-page {
        .find-property-text {
            font-size: 24px;
            line-height: 33px;
        }
        }

    .sitecrm-page {
        .container {
            max-width: 1160px;
        }

        .op-content-div {
            width: 100%;

            img {
                width: 100%;
                height: 100%;
            }
        }

        .op-content-txt {
            padding: 14px 16px;

            h6 {
                font-size: 22px;
                line-height: 30px;
            }

            p {
                line-height: 24px;
            }
        }



        .business-result-card {
            width: 210px;
        }

        .results-sec {
            h2 {
                text-align: left;
                line-height: 65px;
                margin-bottom: 10px;
            }
        }

        .each-sec-head {
            p {
                font-size: 18px;
            }
        }

        .close-deals-desc {
            font-size: 20px !important;
        }

        .results-sec-txt {
            width: 90%;
        }

        .business-result-card {
            h6 {
                font-size: 30px;
            }

            p {
                font-size: 16px !important;
            }
        }

        .voices-swiper {
            margin-top: 2rem;
        }

    }

    .homes-page {
        .success-container {
            max-width: 1240px !important;
        }
        .homes-testimonial-quote {
            width: 16%;
        }
        .homes-testimonial-author-wrap {
            bottom: 10px;
        }
        .homes-testimonial-author {
            left: 19%;
        }
    }
}

@media (min-width:1440px) {
    .vsnap-page {
        .evry-task-purpose p {
            font-size: 16px;
        }
    }

    .sitecrm-page {
        .sitecrm-banner-section {
            background-size: 100% 100%;
            background-position: top center;
        }
    }

    .homes-page {
        .card-heading {
            font-size: 24px;
            line-height: 33px;
        }
        .homesTestimonialSwiper {
            height: 360px !important;
        }
        .homes-testimonial-quote {
            top: 80px;
        }
        .homes-testimonial-author-wrap { 
            bottom: 40px;
        }
        .homes-testimonial-author {
            left: 20%;
        }
    }
}

@media (min-width:321px) and (max-width:359px) {
    .vsnap-page {
        .vsnap-mail-div {
            .vsnap-btn-tool {
                a {
                    font-size: 10px;
                }
            }
        }

        .vsnap-sheets-div {
            .vsnap-btn-tool {
                a {
                    font-size: 10px;
                }
            }
        }

        .vsnap-docs-div {
            .vsnap-btn-tool {
                a {
                    font-size: 10px;
                }
            }
        }

        .vsnap-social-div {
            .vsnap-btn-tool {
                a {
                    font-size: 10px;
                }
            }
        }
    }
}

@media (width:320px) {
    .vsnap-page {
        .everything-u-need {
            font-size: 26px;
            line-height: 38px;
        }

        .choose-right-tool {
            font-size: 26px;
            line-height: 38px;
        }

        .vsnap-mail-div .vsnap-btn-tool a {
            font-size: 10px;
        }

        .vsnap-sheets-div .vsnap-btn-tool a {
            font-size: 10px;
        }

        .vsnap-docs-div .vsnap-btn-tool a {
            font-size: 10px;
        }

        .vsnap-social-div .vsnap-btn-tool a {
            font-size: 10px;
        }

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

        .evry-task-purpose {
            p {
                font-size: 10px;
                line-height: 18px;
            }
        }

        .evry-task-purpose {
            img {
                width: 100%;
            }
        }

        .evry-task-div {
            padding: 14px 6px 0 6px;
        }

        .vsnap-sheets-div {
            .vsnap-btn-tool {
                padding: 4px 4px;
            }
        }

        .smartest-way {
            font-weight: 500;
            font-size: 22px;
            line-height: 32px;
        }

        .trusted-sec {
            font-size: 26px;
            line-height: 36px;
        }

        .start-building-stronger {
            h2 {
                font-size: 24px;
                line-height: 32px;
            }
        }

    }

    .sitecrm-page {
        .tailored-content h4 {
            text-align: center;
            font-size: 22px !important;
        }
        .quote-mark {
            top: 5px;
            left: 0px;
            width: 45px;
            height: 45px;
        }
    }

    .homes-page {
        .find-property-btn {
            font-size: 14px;
            padding: 8px 10px;
        }

        .find-property-left {
            padding: 16px 0 0;
        }

        .homes-heading {
            font-size: 20px;
        }

        .homes-card {
            margin-top: 10px;
        }

        .find-property-right img {
            width: 290px;
        }

        .homesTestimonialSwiper {
            height: 150px !important;
        }

        .card-heading, .card-txt {
            padding: 0 10px;
        }
        .homes-testimonial-author-wrap{
            bottom: 20px;
        }
    }
}

@media (min-width:1900px) {
    .banner-container {
        h1 {
            /* font-size: 40px !important;
            line-height: 60px !important;
            padding: 0 60px 0 0 !important; */
        }

        p {
            font-size: 22px !important;
            line-height: 34px !important;
        }
    }

    .ur-complete-real-estate-portal {
        width: 40% !important;
        left: 0% !important;

    }

    .homes-page {

        .banner-container {
            h1 {
                font-size: 46px !important;
                line-height: 70px !important;
            }

            p {
                font-size: 26px !important;
                line-height: 40px !important;
            }
        }

        .card-heading {
            font-size: 30px;
            line-height: 38px;
            margin-bottom: 10px;
        }

        .card-txt {
            font-size: 20px;
            line-height: 28px;
        }

        .success-card-title {
            font-size: 26px;
        }

        .success-card-text {
            font-size: 22px;
            line-height: 30px;
        }
        .homes-testimonial-text {
            font-size: 30px;
            line-height: 45px;
        }
        .homes-testimonial-text {
           height: 132px !important;
        }
        .homes-testimonial-quote {
            top: 80px;
        }
        .homes-testimonial-author-wrap {
            bottom: 40px !important;
        }
    }

    .vsnap-page{
        .designed-for-speed .connected-by-design-img#main-feature-img[src$="connected-by-design-img.png"] {
            width: 100% !important;
        }
    }

}

@media (min-width:2560px) {
    .sitecrm-page {
        .banner-right-img {
            width: 50%;
        }

        .banner-container {
            h1 {
                font-size: 45px !important;
            }
        }

        .banner-container {
            p {
                font-size: 26px !important;
                line-height: 42px !important;
            }
        }

        .banner-right-img {
            img {
                width: auto;
            }
        }
        .sitecrm-page .close-deals-desc {
            font-size: 22px;
            line-height: 32px;
        }
        .op-content-txt {
            p {
                letter-spacing: 0px;
            }
        }
    }

    .homes-page {
        .ur-complete-real-estate-portal {
            img {
                width: 90%;
            }
        }
        .homes-banner-right-arro{
            width: auto !important;
        }

        .banner-container {
            h1 {
                font-size: 60px !important;
                line-height: 90px !important;
            }

            p {
                font-size: 34px !important;
                line-height: 50px !important;
            }
        }

        .homes-heading {
            font-size: 66px;
        }

        .card-heading {
            font-size: 34px;
            line-height: 40px;
        }

        .card-txt {
            font-size: 26px;
            line-height: 34px;
        }

        .success-card-title {
            font-size: 34px;
            line-height: 44px;
            white-space: normal;
        }

        .success-card-title .highlight {
            font-size: 40px;
        }

        .success-card {
            padding: 20px 20px 0;
        }

        .growth-heading {
            font-size: 54px;
            line-height: 60px;
        }

        .growth-txt {
            font-size: 28px;
            line-height: 50px;
        }

        .homes-testi-txt {
            font-size: 44px;
            line-height: 60px;
        }
        .homes-testimonial-text {
            font-size: 40px;
            line-height: 60px;
        }
        .homes-testimonial-text {
            height: 200px !important;
        }
        .homes-testimonial-quote {
            top: 40px;
        }
        .homesTestimonialSwiper {
            height: 480px !important;
        }
        .homes-testimonial-author-wrap {
            bottom: 120px !important;
        }
        .homes-testimonial-author {
            font-size: 40px;
            left: 21% !important;
        }
    }

    .vsnap-page{
        .evry-task-purpose p {
            font-size: 20px;
        }
    }
}

@media (width:344px) {
    .vsnap-sheets-div {
        .vsnap-btn-tool {
            margin-bottom: 10px;
        }
    }

    .sitecrm-page {
        /* .sitecrm-banner-section {
            height: 60vh;
        } */
    }
}

@media (min-width:410px) and (max-width:420px) {
    .sitecrm-page {
        /* .sitecrm-banner-section {
            height: 70vh;
        } */

        .each-sec-head {
            h2 {
                font-size: 24px;
                line-height: 32px !important;
            }

            p {
                font-size: 14px;
            }
        }

        .op-content-txt {
            h6 {
                font-size: 18px;
                line-height: 22px;
            }

            p {
                line-height: 20px;
            }
        }

        .business-result-card {
            height: 160px;
            width: 90%;
        }

        .business-result {
            gap: 30px;
        }

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

        .voice-card .voice-quote {
            font-size: 14px;
            line-height: 24px;
        }

        .author-details {
            padding-left: 30px;
        }

        .quote-mark {
            width: 62px;
            height: 62px;
        }

        .link-icon {
            width: 70px;
        }

        .author-details h6 {
            font-size: 14px;
        }

        .ready-to-transform-container {
            p {
                line-height: 18px;
            }
        }
    }
    .find-property-right img {
        right: 0px !important;
        width: 100% !important;
    }
    .homes-page { 
        .homes-testimonial-quote {
            left: 2px;
            top: 12px !important;
        }
    }
}

@media (min-width:421px) and (max-width:429px) {
    .sitecrm-page {
        /* .sitecrm-banner-section {
            height: 70vh;
        } */

        .banner-left-content {
            h1 {
                font-size: 22px;
                margin-bottom: 16px;
            }

            p {
                font-size: 14px;
                line-height: 20px;
                margin-bottom: 3rem;
            }
        }

        .each-sec-head {
            h2 {
                font-size: 26px;
                line-height: 34px !important;
            }

            p {
                font-size: 16px;
            }
        }

        .op-content-txt {
            h6 {
                font-size: 20px;
                line-height: 30px;
            }

            p {
                font-size: 16px;
                line-height: 24px;
            }
        }

        .op-content-div {
            gap: 28px;
        }

        .op-div {
            gap: 28px;
        }



        .business-result-card {
            p {
                font-size: 24px;
            }
        }

        .tailored-sec {
            .tailored-content p {
                font-size: 16px;
                line-height: 24px;
            }
        }

        .voice-card .voice-quote {
            font-size: 16px;
            line-height: 24px;
            padding: 14px 10px 8px;
        }

        .quote-mark {
            width: 62px;
            height: 62px;
        }

        .author-details {
            padding-left: 30px;
        }

        .author-details h6 {
            font-size: 16px;
        }

        .link-icon {
            width: 70px;
        }

        .ready-to-transform-container {
            p {
                line-height: 24px;
            }
        }
    }

    .find-property-right img {
        right: 0px !important;
        width: 100% !important;
    }

    .homes-page { 
        .homes-testimonial-quote {
            top: 10px !important;
        }
        .homes-testimonial-text {
            font-size: 16px !important;
            line-height: 24px !important;
        }
        .homesTestimonialSwiper {
            height: 200px !important;
        }
        .homes-testimonial-author-wrap {
            bottom: 40px;
        }
        .homes-testimonial-author {
            font-size: 14px;
        }
        .homes-testimonials-swiper-wrap {
            padding: 20px 0 0px;
        }
    }
}

@media (min-width:430px) and (max-width:479px) {
    .sitecrm-page {
        .banner-left-content {
            h1 {
                margin-bottom: 10px;
                font-size: 22px;
            }

            p {
                font-size: 12px;
                line-height: 18px;
            }
        }

        /* .sitecrm-banner-section {
            height: 60vh;
        } */

        .each-sec-head {
            h2 {
                font-size: 24px;
                line-height: 30px !important;
            }

            p {
                font-size: 14px;
            }
        }

        .op-content-txt {
            padding: 14px 13px;

            h6 {
                font-size: 18px;
                line-height: 24px;
            }

            p {
                line-height: 20px;
            }
        }

        .business-result-card {
            width: 90%;

            p {
                font-size: 20px;
            }
        }

        .tailored-sec {
            .tailored-content p {
                font-size: 14px;
                line-height: 22px;
            }
        }

        .voice-card .voice-quote {
            font-size: 12px;
            line-height: 22px;
            padding: 14px 10px 0;
        }

        .quote-mark {
            width: 62px;
            height: 62px;
        }

        .author-details {
            padding-left: 30px;
        }

        .author-details h6 {
            font-size: 14px;
        }

        .ready-to-transform-container {
            p {
                line-height: 20px;
            }
        }
    }
    .find-property-right img {
        right: 0px !important;
        width: 106% !important;
    }
    .homes-page { 
        .homes-testimonial-quote {
            top: 10px !important;
        }
        .homes-testimonial-text {
            font-size: 16px !important;
            line-height: 24px !important;
        }
        .homesTestimonialSwiper {
            height: 200px !important;
        }
        .homes-testimonial-author-wrap {
            bottom: 40px;
        }
        .homes-testimonial-author {
            font-size: 14px;
        }
        .homes-testimonials-swiper-wrap {
            padding: 20px 0 0px;
        }
        .homes-heading {
            font-size: 26px;
            line-height: 30px;
        }
    }
}

@media (min-width:480px) and (max-width:900px) {
    .sitecrm-page {
        .navbar-expand-md {
            padding: 10px 18px !important;
        }


         .sitecrm-banner-section {
            .sitecrm-first-div {
                padding: 1rem 0 1rem;
            }
        }
    

        .sitecrm-page {
            /* .sitecrm-banner-section {
                height: 60vh;
            } */
        }

        .banner-left-content {
            padding-top: 3rem;
            h1 {
                margin-bottom: 10px;
                font-size: 26px;
            }

            p {
                font-size: 16px;
                line-height: 22px;
                margin-bottom: 2rem;
            }
        }

        .each-sec-head {
            h2 {
                font-size: 26px;
                line-height: 36px !important;
            }

            p {
                font-size: 18px;
            }
        }

        .op-content-txt {
            padding: 16px 14px;

            h6 {
                font-size: 20px;
                line-height: 26px;
            }

            p {
                line-height: 28px;
            }
        }

        .op-content-div {
            gap: 28px;
        }

        .op-div {
            gap: 28px;
        }



        .business-result-card {
            height: 160px;
            width: 90%;

            p {
                font-size: 24px;
            }
        }

        .tailored-sec {
            .tailored-content p {
                font-size: 16px;
                line-height: 24px;
            }
        }

        .voice-card .voice-quote {
            font-size: 16px;
            line-height: 24px;
        }

        .quote-mark {
            width: 72px;
            height: 72px;
            top: 15px;
        }

        .author-details h6 {
            font-size: 16px;
        }

        .author-details {
            padding-left: 35px;
        }

        .link-icon {
            width: 70px;
        }

        .ready-to-transform-container {
            p {
                line-height: 24px;
            }
        }

        .sectionTop {
            padding-top: 3rem;
        }

        .voice-card .voice-quote {
            padding: 14px 16px 0px;
        }
    }

    .find-property-right img {
        right: 0px !important;
        width: 106% !important;
    }

    .homes-page { 
        .homes-testimonial-quote {
            top: 4px !important;
        }
        .homes-testimonial-text {
            font-size: 16px !important;
            line-height: 24px !important;
        }
        .homesTestimonialSwiper {
            height: 200px !important;
        }
        .homes-testimonial-author-wrap {
            bottom: 60px;
        }
        .homes-testimonial-author {
            font-size: 18px;
        }
        .homes-testimonials-swiper-wrap {
            padding: 20px 0 0px;
        }
        .homes-testimonial-icon {
            right: 3%;
            width: 7%;
        }
        .homes-heading {
            font-size: 26px;
            line-height: 30px;
            margin-bottom: 0;
        }
        .card-heading {
            font-size: 24px;
        }
        .card-txt {
            font-size: 18px;
            line-height: 26px;
        }
        .success-card-title {
            font-size: 20px !important;
        }
        .success-card-title .highlight {
            font-size: 26px !important;
        }
        .success-card-text {
            font-size: 16px;
            line-height: 22px;
        }
        .success-grid-sucessin-card1 {
            gap: 28px;
        }
        .success-grid-sucessin {
            row-gap: 28px;
        }
        .success-grid-sucessin-card2 {
            gap: 28px;
        }
        .find-property-heading {
            font-size: 26px;
            line-height: 36px;
        }
        .find-property-text {
            font-size: 16px;
            line-height: 26px;
        }
        .tech-card-heading {
            font-size: 24px;
        }
        .tech-card-text {
            font-size: 16px;
            line-height: 22px;
        }
    }
}

@media (width:1366px) and (height:607px) {
}

@media (width:1366px) and (height:641px) {
}

@media (width:434px) {
}

@media (width:1512px) {
    .homes-page {
        .homesTestimonialSwiper {
            height: 360px !important;
        }
    }
}

@media (width:1536px) {
    .homes-page {
        .homesTestimonialSwiper {
            height: 370px !important;
        }
    }
}

@media (min-width:1600px) and (max-width:1900px){
    .homes-page {
        .homes-testimonial-quote {
            top: 70px;
        }
        .homes-testimonial-author-wrap {
            bottom: 60px;
        }
    }
}

@media (min-width:1512px) {
    .homes-page {
        .homes-testimonial-text {
            height: auto;
        }
    }
}

@media (min-width:384px) and (max-width:429px) { 
    .homes-testimonial-quote {
        top: 16px !important;
    }
    .homes-heading {
        padding: 0 10px;
    }
}

/* SITE CRM Close Deals Section */
.sitecrm-page .close-deals-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    padding: 0;
}

.sitecrm-page .close-deals-left {
    flex: 1;
}

.sitecrm-page .close-deals-title {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 52px;
    line-height: 64px;
    letter-spacing: -2px;
    color: #262626;
    margin-bottom: 10px;
}

.sitecrm-page .close-deals-desc {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #4B4B4B; 
    margin-bottom: 3rem;
}

.sitecrm-page .explore-btn {
    width: 288;
    height: 56;
    gap: 12px;
    border-radius: 50px;
    border-width: 1px;
    background: linear-gradient(180deg, #4A93CA 0%, #198BBF 100%);
    border: 1px solid #317AB0;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: 0px;
    text-align: center;
    color: #F2FFF0;
    padding: 10px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 10px 33px;
}

.sitecrm-page .explore-btn:hover {
    color: #198BBF;
    background: #ffffff;
}

.sitecrm-page .explore-btn:hover img {
    filter: brightness(0) saturate(100%) invert(42%) sepia(87%) saturate(1312%) hue-rotate(166deg) brightness(91%) contrast(91%);
}
.sitecrm-page .close-deals-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 50%;
    gap: 40px;
}

.sitecrm-page .deal-card {
    background: #fff;
    border: 2px solid #F5F5F5;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    overflow: hidden;
}

.sitecrm-page .deal-card-header {
    display: flex;
    align-items: center;
    padding: 18px 25px;
    cursor: pointer;
    gap: 15px;
}

.sitecrm-page .deal-card-header h4 {
    margin: 0;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0px;
    color: #262626;
}

.sitecrm-page .deal-card-body {
    padding: 0 25px 25px 25px;
    background: #fff;
}

.sitecrm-page .deal-card-body img {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #eee;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

@media (max-width: 991px) {
    .sitecrm-page .close-deals-container {
        flex-direction: column;
        text-align: center;
        gap: 25px;
    }
    .sitecrm-page .close-deals-left {
        max-width: 100%;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sitecrm-page .close-deals-right {
        width: fit-content;
        max-width: fit-content;
        border: none;
        border-radius: 6px;
        margin: 0 10px; 
    }
    .sitecrm-page .deal-card {
        border: 1px solid #F5F5F5;
        border-radius: 6px;
    }
    .sitecrm-page .deal-card-header h4 {
        font-size: 16px;
        text-align: left;
        line-height: 20px;
    }
    .feature-tab-inner .icon-wrap {
        width: 48px !important;
        height: 48px !important;
    }
    .sitecrm-page .deal-card-header {
        padding: 16px 12px;
    }
    
}


/* Sticky Scroll Styles for All Devices */
.sitecrm-page .desgined-to-close-more-deals {
    position: relative;
}

.sitecrm-page .deal-card {
    position: sticky;
}

/* Mobile (default) offsets - tighter to save screen space */
.sitecrm-page .deal-card:nth-child(1) { top: 80px; z-index: 10; }
.sitecrm-page .deal-card:nth-child(2) { top: calc(80px + 75px); z-index: 11; }
.sitecrm-page .deal-card:nth-child(3) { top: calc(80px + 150px); z-index: 12; }
.sitecrm-page .deal-card:nth-child(4) { top: calc(80px + 225px); z-index: 13; }

/* Desktop-specific Layout Rules */
@media (min-width: 992px) {
    /* Desktop offsets - more spacing for larger screens */
    .sitecrm-page .deal-card:nth-child(1) { top: 150px; }
    .sitecrm-page .deal-card:nth-child(2) { top: calc(150px + 90px); }
    .sitecrm-page .deal-card:nth-child(3) { top: calc(150px + 180px); }
    .sitecrm-page .deal-card:nth-child(4) { top: calc(150px + 270px); }

    .sitecrm-page .close-deals-container {
        align-items: flex-start;
    }

    .sitecrm-page .close-deals-left {
        position: sticky;
        top: 150px;
        z-index: 1;
    }
}