.wl-web-dev-section .wl-related-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(135deg, #0f6ad9, #1e88e5);
        border-radius: 20px;
        overflow: hidden;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    }

    .wl-web-dev-section .wl-related-left {
        width: 60%;
        padding: 50px;
        color: #fff;
    }

    .wl-web-dev-section .wl-related-left h2 {

        color: #fff;
    }

    .wl-web-dev-section .wl-related-desc {
        margin-bottom: 30px;
    }

    .wl-web-dev-section .wl-related-features {
        display: flex;
        gap: 25px;

    }

    .wl-web-dev-section .wl-related-item {
        display: flex;
        gap: 12px;
        max-width: 220px;
    }

    .wl-web-dev-section .wl-related-item img {
        width: 40px;
        height: 40px;
    }

    .wl-web-dev-section .wl-related-item h3 {
        font-size: 18px;
        margin: 0;
        font-weight: 700;
    }

    .wl-web-dev-section .wl-related-item p {
        font-size: 14px;
        margin-top: 4px;
    }

    .wl-web-dev-section .wl-related-divider {
        width: 1px;
        height: 60px;
        background: rgba(255, 255, 255, 0.3);
    }

    .wl-web-dev-section .wl-related-right {
        width: 40%;
    }

    .wl-web-dev-section .wl-related-right img {
        width: 100%;
        height: 424px;
        object-fit: cover;
        /* max-height: 800px; */
        border-radius: 20px 20px 22px 10px;
    }

    .wl-web-dev-section .wl-web-btn {
        background: #2196F3;
        border: 2px solid #fff;
        color: #fff !important;
        border-radius: 30px;
        padding: 12px 24px;
        display: inline-block;
        transition: 0.3s;
    }

    .wl-web-dev-section .wl-web-btn:hover {
        background: transparent;
        color: #fff !important;
    }

    @media (max-width: 992px) {
        .wl-web-dev-section .wl-related-container {
            flex-direction: column;
        }

        .wl-web-dev-section .wl-related-left,
        .wl-web-dev-section .wl-related-right {
            width: 100%;
        }

        .wl-web-dev-section .wl-related-left {
            padding: 30px;
        }

        .wl-web-dev-section .wl-related-features {
            flex-direction: column;
        }

        .wl-web-dev-section .wl-related-divider {
            display: none;
        }
    }

    .OfferUp-Business-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .OfferUp-Business-img,
    .OfferUp-Business-txt {
        flex: 1;
    }

    .OfferUp-Process-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        padding-top: 20px;
    }

    .OfferUp-Process-card {
        display: flex;
        align-items: center;
        border-radius: 20px;
        padding: 20px 25px;
        position: relative;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        --theme-color: #F43A3E;
    }

    .OfferUp-process-icon {
        position: relative;
        margin-right: 20px;
    }

    .OfferUp-process-icon-circle {
        width: 90px;
        height: 90px;
        background: #e6f3f7;
        border: 5px solid var(--theme-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        z-index: 2;
        position: relative;
    }

    .OfferUp-process-icon-dots {
        position: absolute;
        left: 50%;
        top: 90px;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .OfferUp-process-icon-dots span {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--theme-color);

    }

    .OfferUp-process-content {
        flex: 1;
        background: #ffffff;
        border-radius: 15px;
        padding: 15px 20px;
        position: relative;
    }

    .OfferUp-process-content h3 {
        background: var(--theme-color);
        color: #fff;
        display: inline-block;
        padding: 10px 20px;
        font-size: 18px;
        font-weight: 600;
    }

    .OfferUp-process-content p {
        margin: 0;
        color: #777;
        font-size: 15px;
        line-height: 1.5;
        text-align: start;
    }

    .OfferUp-process-icon-circle svg path {
        fill: var(--theme-color);
    }

    .OfferUp-Process-card:nth-child(1) {
        --theme-color: #F43A3E;
    }

    .OfferUp-Process-card:nth-child(2) {
        --theme-color: #1ABC9C;
    }

    .OfferUp-Process-card:nth-child(3) {
        --theme-color: #6C5CE7;
    }

    .OfferUp-Process-card:nth-child(4) {
        --theme-color: #F39C12;
    }

    .OfferUp-Process-card:nth-child(5) {
        --theme-color: #0c4e41be;
    }

    .OfferUp-Process-card:nth-child(6) {
        --theme-color: #0984E3;
    }

    .OfferUp-process-icon-circle {
        background: rgba(0, 0, 0, 0.05);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    .OfferUp-Process-card:hover {
        transform: translateY(-8px);
        transition: 0.3s ease;
    }


    .OfferUp-Benefits-tab ul {
        display: flex;
        justify-content: center;
        gap: 15px;
        padding: 0;
        list-style: none;
        padding-top: 25px;
    }

    .OfferUp-Benefits-tab a {
        padding: 10px 22px;
        border-radius: 50px;
        text-decoration: none;
        color: #555;
        background: #f1f1f1;
        transition: 0.3s;
        font-weight: 600;
        font-size: 16px;
    }

    .OfferUp-Benefits-tab li a.active {
        background: linear-gradient(135deg, #4AA3E7, #F4B233);
        box-shadow: 0 5px 15px rgba(74, 163, 231, 0.4);
        color: #fff;
    }

    .benefit-tab.active {
        color: #fff;
    }

    .OfferUp-Benefits-tabs .benefit-tab.active {
        background: linear-gradient(135deg, #4AA3E7, #F4B233);
        box-shadow: 0 8px 20px rgba(74, 163, 231, 0.3);
    }


    .OfferUp-Benefits-inner {
        display: flex;
        gap: 30px;
        margin-top: 40px;
        position: relative;
        align-items: flex-start;
    }

    .OfferUp-Benefits-tabs {
        width: 30%;
        background: #ffffff;
        padding: 15px;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    }

    .benefit-tab {
        width: 100%;
        padding: 14px;
        margin-bottom: 10px;
        border: none;
        border-radius: 10px;
        background: #f7f7f7;
        text-align: left;
        cursor: pointer;
        font-weight: 600;
        transition: 0.3s;
        position: relative;
        font-size: 16px;
    }


    .benefit-tab:hover {
        transform: translateX(5px);
    }

    .OfferUp-Benefits-right {
        width: 70%;
        position: sticky;
        top: 0;
    }

    .benefit-content {
        display: none;
        background: #fff;
        padding: 25px;
        border-radius: 20px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
        animation: fadeUp 0.4s ease;
    }

    .benefit-content.active {
        display: block;
    }

    .benefit-content h3 {
        font-size: 25px;
        margin-bottom: 10px;
        text-align: start;
        font-weight: 900;
    }

    .benefit-content p {
        color: #666;
        text-align: start;
        line-height: 1.6;
        font-size: 16px;
    }

    .benefit-content img {
        width: 100%;
        border-radius: 15px;
        margin-top: 15px;
    }

    .OfferUp-Benefits-section {
        display: none;
    }

    .OfferUp-Benefits-section.active {
        display: block;
    }


    /* ANIMATION */
    @keyframes fadeUp {
        from {
            opacity: 0;
            transform: translateY(15px);
        }

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

    .benefit-tab.active::before {
        content: "";
        position: absolute;
        left: -10px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 60%;
        background: linear-gradient(#318F5A, #4AA3E7);
        border-radius: 10px;
    }

    .OfferUp-Choose-card {
        background: #fff7e8;
        padding: 20px;
        border-radius: 20px;
        text-align: center;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
        border: 1px solid #ffe0b2;
    }

    .OfferUp-Choose-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(120deg, transparent, rgba(255, 179, 53, 0.2), transparent);
        transition: 0.5s;
    }

    .OfferUp-Choose-card:hover::before {
        left: 100%;
    }

    .OfferUp-Choose-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 50px rgba(255, 179, 53, 0.25);
        background: #fff3d6;
    }

    .OfferUp-Choose-icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.4s;
    }

    .OfferUp-Choose-card:hover .OfferUp-Choose-icon {
        transform: rotate(8deg) scale(1.1);
    }

    .OfferUp-Choose-icon svg {
        transition: 0.4s;
    }

    .OfferUp-Choose-card h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .OfferUp-Choose-card p {
        margin: 0;
    }

    .OfferUp-Choose-flex {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .OfferUp-Standard-wrap {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        justify-content: center;
        align-items: center;
    }

    .OfferUp-Standard {
        background-color: #ecfaf6;
        padding: 50px 0;

    }

    .OfferUp-Standard-card:nth-last-child(2) {
        grid-column: 2 / 3;
    }

    .OfferUp-Standard-card:nth-last-child(1) {
        grid-column: 3 / 4;
    }

    .OfferUp-Standard-card h3 {
        font-size: 18px;
        font-weight: 900;
        margin: 0;
        align-items: start;
    }

    .OfferUp-Standard-card {
        background: rgba(242, 246, 255, 0.3803921569);
        box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.0784313725);
        border: 2px solid #fff;
        border-radius: 15px;
        opacity: 1;
        backdrop-filter: blur(19px);
        padding: 15px 25px;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        transition: all 0.4s ease;
        justify-content: space-between;
    }

    .OfferUp-Standard-card:hover {
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        border-color: rgba(255, 255, 255, 0.7);
    }

    .OfferUp-Standard-card:hover::before {
        left: 120%;
    }

    .OfferUp-Standard-card:hover>* {
        transform: translateY(-3px);
        transition: 0.3s;
    }

    .OfferUp-Standard-card:hover .icon {
        transform: scale(1.1) rotate(5deg);
    }

    .flats-Addons-flex {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }

    .flats-Addons-card {
        position: relative;
        padding: 20px;
        background: #fff;
        border-radius: 15px;
        text-align: center;
        transition: all 0.3s ease;
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    }

    .flats-Addons-card:hover {
        transform: translateY(-8px);
    }

    .flats-Addons-card:hover .flats-Addons-card-icon {
        transform: scale(1.1);
    }

    .flats-Addons-card-txt {
        text-align: start;
        margin-top: 20px;
    }

    .flats-Addons-card-icon {
        width: 80px;
        height: 80px;
        transition: all 0.3s ease;

        background: #ffc107;
        border-radius: 50px;
        display: flex;
        align-items: center;
        box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
        justify-content: center;
    }

    .fanslyapps-icon {
        width: 60px;
        height: 60px;
        transition: all 0.3s ease;

        background: #e8fff7;
        border-radius: 12px;
        display: flex;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
    }

    .fanslyapps-icon svg {
        width: 26px;
    }

    .flats-Addons-card h3 {
        font-size: 18px;
        font-weight: 600;
    }

    .flats-Addons-card p {
        margin: 0;
    }

    .flats-Addons-card::before,
    .flats-Addons-card::after {
        content: "";
        position: absolute;
        top: -2px;
        bottom: 0px;
        width: 12px;
        border-radius: 20px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }

    .flats-Addons-card::before {
        left: -4px;
    }

    .flats-Addons-card::after {
        right: -6px;
    }

    .flats-Addons-card:nth-child(1)::before,
    .flats-Addons-card:nth-child(1)::after {
        background: #F0383C;
    }

    .flats-Addons-card:nth-child(1) .flats-Addons-card-icon {
        background: #F0383C;
    }

    .flats-Addons-card:nth-child(1) .fanslyapps-icon {
        background: #ffe5e5;
    }

    .flats-Addons-card:nth-child(2)::before,
    .flats-Addons-card:nth-child(2)::after {
        background: #318F5A;
    }

    .flats-Addons-card:nth-child(2) .flats-Addons-card-icon {
        background: #318F5A;
    }

    .flats-Addons-card:nth-child(2) .fanslyapps-icon {
        background: #e6fff2;
    }

    .flats-Addons-card:nth-child(3)::before,
    .flats-Addons-card:nth-child(3)::after {
        background: #4AA3E7;
    }

    .flats-Addons-card:nth-child(3) .flats-Addons-card-icon {
        background: #4AA3E7;
    }

    .flats-Addons-card:nth-child(3) .fanslyapps-icon {
        background: #e6f4ff;
    }

    .flats-Addons-card:nth-child(4)::before,
    .flats-Addons-card:nth-child(4)::after {
        background: #ffc107;
    }

    .flats-Addons-card:nth-child(4) .flats-Addons-card-icon {
        background: #ffc107;
    }

    .flats-Addons-card:nth-child(4) .fanslyapps-icon {
        background: #e6f4ff;
    }

    .cash-app-clone-work-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        padding-top: 15px;
        padding-bottom: 50px;
    }

    .cash-app-clone-work-card {
        background: #fff;
        padding: 20px;
        border-radius: 14px;
        transition: all 0.3s ease;
        position: relative;
        text-align: start;
        border: 1px solid #80808029;
    }

    .cash-app-clone-work-card::before {
        content: "";
        position: absolute;
        left: 0;
        top: 30px;
        height: 0;
        width: 4px;
        background: #0083d4;
        border-radius: 4px;
        transition: 0.3s;
    }

    .work-icon {
        width: 70px;
        height: 70px;
        border-radius: 10px;
        background: #f1f7fd;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 16px;
        transition: 0.3s;
    }

    .work-icon img {
        width: 40px;
        height: 40px;
    }

    .cash-app-clone-work-card h3 {
        font-size: 18px;
        font-weight: 900;
    }

    .cash-app-clone-work-card p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 0;
    }

    .cash-app-clone-work-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
        border-color: #dbe8f5;
    }

    .cash-app-clone-work-card:hover .work-icon {
        background: #0083d4;
    }

    .cash-app-clone-work-card:hover::before {
        height: 50%;
    }

    .cash-app-clone-work-card:hover .work-icon img {
        filter: brightness(0) invert(1);
    }

    .lyft-Offerings-card {
        border-radius: 20px;
        padding: 20px;
        border: 2px solid #fff;
        transition: all 0.3s ease;
        height: 100%;
        text-align: start;
        background: rgba(242, 246, 255, 0.3803921569);
        box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
        backdrop-filter: blur(19px);
        width: 30%;
        border: 2px solid #fff;
    }

    .lyft-Offerings-card:hover {
        transform: translateY(12px);
    }

    .lyft-Offerings-card .blue_btn {
        padding: 15px 20px;
        font-size: 16px;
        margin-top: 15px;
    }

    .lyft-Offerings-card img {
        width: 70px;
        height: 70px;
        margin-bottom: 20px;
    }

    .lyft-Offerings-card h3 {
        font-size: 18px;
        font-weight: 900;
    }

    @media (max-width: 768px) {
        .OfferUp-Business-wrap {
            flex-direction: column;
        }

        .OfferUp-Process-wrapper {
            grid-template-columns: repeat(2, 1fr);
        }

        .OfferUp-Benefits-inner {
            flex-direction: column;
        }

        .OfferUp-Benefits-tabs,
        .OfferUp-Benefits-right {
            width: 100%;
        }

        .OfferUp-Benefits-tabs {
            display: flex;
            overflow-x: auto;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .benefit-tab {
            padding: 5px 10px;
            font-size: 12px;
        }

        .flats-Addons-flex {
            flex-wrap: wrap;
        }

        .OfferUp-Choose-flex {
            grid-template-columns: repeat(2, 1fr);
        }

        .OfferUp-Standard-card:nth-last-child(2) {
            grid-column: unset;
        }

        .OfferUp-Standard-card:nth-last-child(1) {
            grid-column: unset;
        }

        .OfferUp-Standard-wrap {
            grid-template-columns: repeat(3, 1fr);
        }

        .OfferUp-Monetization-wrap {
            flex-wrap: wrap;
        }

        .cash-app-clone-work-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .lyft-Offerings-card {
            width: 100%;
        }

        .OfferUp-Business-txt p.section_des.lh-5.p-0 {
            padding: 0 !important;
        }
    }

    @media (max-width: 430px) {
        .OfferUp-Process-wrapper {
            grid-template-columns: repeat(1, 1fr);
        }

        .OfferUp-Choose-flex {
            grid-template-columns: repeat(1, 1fr);
        }

        .OfferUp-Standard-wrap {
            grid-template-columns: repeat(2, 1fr);

        }

        .cash-app-clone-work-grid {
            grid-template-columns: repeat(1, 1fr);
        }

        .OfferUp-Standard-card {
            padding: 10px;
        }

        .OfferUp-Standard-card h3 {
            font-size: 15px;
        }

    }