/* =====================================================
   SPICEST - PREMIUM DARK WHY CHOOSE US
===================================================== */

:root{
    --wc-olive: #C07080;
    --wc-olive-light: #EBB6BD;
    --wc-olive-soft: #F5CBD0;
    --wc-dark: #451926;
    --wc-dark-2: #34121B;
    --wc-dark-3: #562131;
    --wc-cream: #FDF6F7;
    --wc-white: #FFFFFF;
}


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

.wc-section{
    position: relative;
    isolation: isolate;

    padding: 65px 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(192,112,128,.22),
            transparent 27%
        ),
        radial-gradient(
            circle at 88% 80%,
            rgba(235,182,189,.16),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #33101C 0%,
            #451926 48%,
            #270C15 100%
        );
}


/* Top luxury border */

.wc-section::before{
    content: "";

    position: absolute;

    top: 0;
    left: 5%;
    right: 5%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(170,185,141,.55),
            transparent
        );
}


/* Bottom soft fade */

.wc-section::after{
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 180px;

    pointer-events: none;

    background:
        linear-gradient(
            to top,
            rgba(130,151,91,.05),
            transparent
        );
}


.wc-container{
    position: relative;
    z-index: 5;
}


/* =====================================================
   BACKGROUND GRID
===================================================== */

.wc-bg-grid{
    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .25;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:
        65px 65px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 15%,
            black 85%,
            transparent
        );
}


/* =====================================================
   GLOWS
===================================================== */

.wc-glow{
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(8px);

    z-index: -1;
}


.wc-glow-one{
    width: 450px;
    height: 450px;

    top: -230px;
    left: -170px;

    background:
        radial-gradient(
            circle,
            rgba(192,112,128,.25),
            transparent 68%
        );

    animation:
        wcGlowOne
        10s ease-in-out infinite;
}


.wc-glow-two{
    width: 500px;
    height: 500px;

    right: -240px;
    bottom: -230px;

    background:
        radial-gradient(
            circle,
            rgba(235,182,189,.18),
            transparent 70%
        );

    animation:
        wcGlowTwo
        12s ease-in-out infinite;
}


.wc-glow-three{
    width: 230px;
    height: 230px;

    top: 35%;
    left: 48%;

    background:
        radial-gradient(
            circle,
            rgba(192,112,128,.14),
            transparent 70%
        );

    animation:
        wcGlowThree
        7s ease-in-out infinite;
}


/* =====================================================
   BACKGROUND LEAVES
===================================================== */

.wc-bg-leaf{
    position: absolute;

    color:
        rgba(170,185,141,.055);

    pointer-events: none;

    z-index: -1;
}


.wc-bg-leaf-one{
    top: 12%;
    right: 3%;

    font-size: 170px;

    transform:
        rotate(-25deg);

    animation:
        wcLeafOne
        8s ease-in-out infinite;
}


.wc-bg-leaf-two{
    left: 2%;
    bottom: 7%;

    font-size: 130px;

    transform:
        rotate(20deg);

    animation:
        wcLeafTwo
        9s ease-in-out infinite;
}


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

.wc-heading{
    max-width: 900px;

    margin:
        0 auto 42px;

    text-align: center;
}


/* Kicker */

.wc-kicker{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 11px;

    margin-bottom: 18px;

    color:
        var(--wc-olive-soft);

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

    letter-spacing: 1.1px;

    text-transform: uppercase;
}


.wc-kicker-line{
    width: 48px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--wc-olive)
        );
}


.wc-kicker-line-right{
    background:
        linear-gradient(
            90deg,
            var(--wc-olive),
            transparent
        );
}


.wc-kicker-icon{
    width: 36px;
    height: 36px;

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

    border-radius: 50%;

    color:
        var(--wc-olive-light);

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

    border:
        1px solid
        rgba(170,185,141,.18);

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.15);

    backdrop-filter:
        blur(12px);

    animation:
        wcKickerPulse
        3s ease-in-out infinite;
}


/* Main title */

.wc-title{
    margin: 0;

    color:
        var(--wc-cream);

    font-size:
        clamp(42px, 5.3vw, 72px);

    line-height: 1.05;

    font-weight: 900;

    letter-spacing: -3px;
}


.wc-title span{
    position: relative;

    display: inline-block;

    color:
        var(--wc-olive-light);
}


.wc-title span::after{
    content: "";

    position: absolute;

    left: 2%;
    right: -3%;
    bottom: 2px;

    height: 8px;

    border-radius: 30px;

    z-index: -1;

    background:
        linear-gradient(
            90deg,
            rgba(170,185,141,.25),
            transparent
        );
}


/* Subtitle */

.wc-subtitle{
    max-width: 700px;

    margin:
        20px auto 0;

    color:
        rgba(247,244,234,.62);

    font-size: 16px;

    line-height: 1.8;
}


/* =====================================================
   LEFT VISUAL
===================================================== */

.wc-visual{
    position: relative;

    padding:
        35px 25px 45px;
}


.wc-visual-wrap{
    --wc-x: 0px;
    --wc-y: 0px;

    position: relative;

    width: 100%;

    max-width: 590px;

    margin-inline: auto;

    transform:
        translate(
            var(--wc-x),
            var(--wc-y)
        );

    transition:
        transform .25s ease-out;
}


/* =====================================================
   MAIN IMAGE
===================================================== */

.wc-main-image{
    position: relative;

    width: 100%;
    height: 600px;

    overflow: hidden;

    border-radius:
        180px 32px 180px 32px;

    padding: 9px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.17),
            rgba(170,185,141,.04)
        );

    border:
        1px solid
        rgba(170,185,141,.18);

    box-shadow:
        0 40px 90px
        rgba(0,0,0,.30);

    backdrop-filter:
        blur(12px);
}

.wc-quad-grid {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 12px;
    padding: 22px 22px 65px 22px;
    position: relative;
    z-index: 2;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.14) 0%, transparent 85%);
}

.wc-prod-card {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease;
    overflow: hidden;
}

.wc-prod-card .wc-prod-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.5s ease;
}

.wc-prod-card-1 {
    transform: rotate(-3deg) translateY(-2px);
}

.wc-prod-card-2 {
    transform: rotate(3deg) translateY(-2px);
}

.wc-prod-card-3 {
    transform: rotate(-3deg) translateY(2px);
}

.wc-prod-card-4 {
    transform: rotate(3deg) translateY(2px);
}

.wc-prod-card:hover {
    transform: translateY(-6deg) scale(1.05) rotate(0deg);
    z-index: 10;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.5);
}

.wc-prod-card:hover .wc-prod-img {
    transform: scale(1.06);
}

.wc-main-image img:not(.wc-prod-img){
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius:
        171px 25px 171px 25px;

    transform:
        scale(1.04);

    animation:
        wcImageBreath
        10s ease-in-out infinite;
}


.wc-image-overlay{
    position: absolute;

    inset: 9px;

    pointer-events: none;

    border-radius:
        171px 25px 171px 25px;

    background:
        linear-gradient(
            180deg,
            rgba(15,20,12,.03) 30%,
            rgba(18,24,14,.55) 100%
        );
}


/* Image label */

.wc-image-label{
    position: absolute;

    left: 38px;
    bottom: 35px;

    display: flex;
    align-items: center;

    gap: 11px;

    padding:
        10px 17px 10px 10px;

    border-radius: 18px;

    color: #fff;

    background:
        rgba(20,27,16,.62);

    border:
        1px solid
        rgba(255,255,255,.13);

    box-shadow:
        0 18px 40px
        rgba(0,0,0,.22);

    backdrop-filter:
        blur(15px);

    z-index: 5;
}


.wc-label-icon{
    width: 43px;
    height: 43px;

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

    border-radius: 13px;

    color:
        var(--wc-olive-dark);

    background:
        var(--wc-cream);
}


.wc-image-label span:last-child{
    display: flex;
    flex-direction: column;
}


.wc-image-label small{
    color:
        rgba(255,255,255,.58);

    font-size: 10px;
}


.wc-image-label strong{
    font-size: 14px;
    font-weight: 850;
}


/* =====================================================
   EXPERIENCE CARD
===================================================== */

.wc-experience-card{
    position: absolute;

    left: -35px;
    bottom: 85px;

    z-index: 10;

    display: flex;
    align-items: center;

    gap: 13px;

    padding:
        18px 22px;

    border-radius: 22px;

    background:
        rgba(247,244,234,.94);

    border:
        1px solid
        rgba(255,255,255,.55);

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

    backdrop-filter:
        blur(15px);

    animation:
        wcExperienceFloat
        5s ease-in-out infinite;
}


.wc-exp-number{
    color:
        var(--wc-olive-dark);

    font-size: 42px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: -2px;
}


.wc-exp-number sup{
    font-size: 18px;
}


.wc-exp-text{
    display: flex;
    flex-direction: column;
}


.wc-exp-text small{
    color: #8A8D84;

    font-size: 10px;
}


.wc-exp-text strong{
    color: #2C3328;

    font-size: 14px;
    font-weight: 850;
}


/* =====================================================
   FLOATING BADGES
===================================================== */

.wc-float-badge{
    position: absolute;

    z-index: 12;

    display: flex;
    align-items: center;

    gap: 10px;

    padding:
        10px 15px 10px 9px;

    border-radius: 18px;

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

    border:
        1px solid
        rgba(255,255,255,.14);

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.22);

    backdrop-filter:
        blur(18px);
}


.wc-badge-icon{
    width: 42px;
    height: 42px;

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

    border-radius: 13px;

    color:
        var(--wc-olive-dark);

    background:
        var(--wc-cream);
}


.wc-float-badge > span:last-child{
    display: flex;
    flex-direction: column;
}


.wc-float-badge small{
    color:
        rgba(255,255,255,.55);

    font-size: 9px;
}


.wc-float-badge strong{
    color: #fff;

    font-size: 13px;
    font-weight: 850;
}


.wc-badge-one{
    top: 70px;
    left: -30px;

    animation:
        wcBadgeOne
        4.5s ease-in-out infinite;
}


.wc-badge-two{
    top: 120px;
    right: -40px;

    animation:
        wcBadgeTwo
        5.2s ease-in-out infinite;
}


/* =====================================================
   MINI BADGES
===================================================== */

.wc-mini-badge{
    position: absolute;

    z-index: 9;

    width: 65px;
    height: 65px;

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

    border-radius: 50%;

    color:
        var(--wc-olive-light);

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

    border:
        1px solid
        rgba(170,185,141,.17);

    box-shadow:
        0 18px 40px
        rgba(0,0,0,.18);

    backdrop-filter:
        blur(15px);
}


.wc-mini-one{
    right: -10px;
    bottom: 90px;

    animation:
        wcMiniOne
        5s ease-in-out infinite;
}


.wc-mini-two{
    left: 20%;
    top: -15px;

    animation:
        wcMiniTwo
        6s ease-in-out infinite;
}


/* =====================================================
   DECORATIVE RINGS
===================================================== */

.wc-ring{
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: -1;
}


.wc-ring-one{
    width: 280px;
    height: 280px;

    right: -90px;
    top: -60px;

    border:
        1px solid
        rgba(170,185,141,.18);

    animation:
        wcRingRotate
        20s linear infinite;
}


.wc-ring-one::before{
    content: "";

    position: absolute;

    width: 10px;
    height: 10px;

    top: 25px;
    left: 45px;

    border-radius: 50%;

    background:
        var(--wc-olive);
}


.wc-ring-two{
    width: 200px;
    height: 200px;

    left: -70px;
    bottom: -55px;

    border:
        1px dashed
        rgba(170,185,141,.18);

    animation:
        wcRingReverse
        18s linear infinite;
}


/* =====================================================
   RIGHT FEATURE CARDS
===================================================== */

.wc-features{
    display: grid;

    gap: 15px;
}


.wc-feature-card{
    position: relative;

    display: grid;

    grid-template-columns:
        auto 1fr auto;

    align-items: center;

    gap: 17px;

    min-height: 135px;

    padding:
        20px 22px;

    overflow: hidden;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.035)
        );

    border:
        1px solid
        rgba(170,185,141,.12);

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

    backdrop-filter:
        blur(15px);

    transition:
        transform .5s
        cubic-bezier(.22,1,.36,1),

        background .4s ease,

        border-color .4s ease,

        box-shadow .4s ease;
}


/* Moving shine */

.wc-feature-card::before{
    content: "";

    position: absolute;

    top: 0;
    left: -130%;

    width: 65%;
    height: 100%;

    transform:
        skewX(-25deg);

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.09),
            transparent
        );

    transition:
        left .8s ease;
}


.wc-feature-card:hover::before{
    left: 150%;
}


.wc-feature-card:hover{
    transform:
        translateX(10px)
        translateY(-3px);

    background:
        linear-gradient(
            135deg,
            rgba(130,151,91,.17),
            rgba(255,255,255,.05)
        );

    border-color:
        rgba(170,185,141,.30);

    box-shadow:
        0 24px 55px
        rgba(0,0,0,.20);
}


/* Number */

.wc-feature-number{
    position: absolute;

    right: 25px;
    top: 15px;

    color:
        rgba(170,185,141,.18);

    font-size: 58px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: -2px;

    pointer-events: none;

    z-index: 1;
}


/* Icon */

.wc-feature-icon{
    position: relative;

    z-index: 3;

    width: 62px;
    height: 62px;

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

    border-radius: 19px;

    color:
        var(--wc-olive-light);

    font-size: 22px;

    background:
        rgba(170,185,141,.10);

    border:
        1px solid
        rgba(170,185,141,.17);

    transition:
        transform .5s
        cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease;
}


.wc-feature-card:hover
.wc-feature-icon{
    color:
        var(--wc-dark);

    background:
        var(--wc-olive-light);

    transform:
        rotate(-8deg)
        scale(1.08);
}


/* Content */

.wc-feature-content{
    position: relative;

    z-index: 3;
}


.wc-feature-content h3{
    margin:
        0 0 7px;

    color:
        var(--wc-cream);

    font-size:
        clamp(18px, 1.5vw, 22px);

    font-weight: 850;

    letter-spacing: -.4px;
}


.wc-feature-content p{
    margin: 0;

    color:
        rgba(247,244,234,.53);

    font-size: 13px;

    line-height: 1.65;
}


/* Arrow */

.wc-card-arrow{
    position: relative;

    z-index: 3;

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

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

    border-radius: 50%;

    color:
        #AAB991;

    font-size: 15px;

    border:
        1.5px solid
        rgba(170,185,141,.30);

    background:
        rgba(170,185,141,.12);

    transition:
        transform .4s ease,
        color .4s ease,
        background .4s ease;
}

.wc-card-arrow i{
    font-size: 15px !important;
    color: #AAB991 !important;
    display: inline-block !important;
    transition: color 0.3s ease;
}

.wc-feature-card:hover .wc-card-arrow{
    background: #AAB991;
    color: #10150E;
    transform: rotate(45deg);
}

.wc-feature-card:hover .wc-card-arrow i{
    color: #10150E !important;
}


.wc-feature-card:hover
.wc-card-arrow{
    color:
        var(--wc-olive-dark);

    background:
        var(--wc-cream);

    transform:
        rotate(45deg);
}


/* =====================================================
   TRUST STRIP
===================================================== */

.wc-trust-strip{
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    margin-top: 22px;

    padding:
        22px 25px;

    border-radius: 22px;

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

    border:
        1px solid
        rgba(170,185,141,.11);

    backdrop-filter:
        blur(14px);
}


.wc-trust-item{
    flex: 1;

    text-align: center;
}


.wc-trust-item strong{
    color:
        var(--wc-olive-light);

    font-size: 25px;

    font-weight: 900;
}


.wc-trust-item sup{
    color:
        var(--wc-olive-light);

    font-size: 12px;
}


.wc-trust-item span{
    display: block;

    margin-top: 3px;

    color:
        rgba(247,244,234,.48);

    font-size: 10px;

    font-weight: 650;
}


.wc-trust-divider{
    width: 1px;
    height: 35px;

    background:
        rgba(170,185,141,.15);
}


/* =====================================================
   SCROLL REVEAL
===================================================== */

.wc-reveal{
    opacity: 0;

    transform:
        translateY(38px);

    transition:
        opacity .9s
        cubic-bezier(.22,1,.36,1),

        transform .9s
        cubic-bezier(.22,1,.36,1);
}


.wc-section.is-visible
.wc-reveal{
    opacity: 1;

    transform:
        translateY(0);
}


.wc-section.is-visible
.wc-kicker{
    transition-delay: .05s;
}


.wc-section.is-visible
.wc-title{
    transition-delay: .15s;
}


.wc-section.is-visible
.wc-subtitle{
    transition-delay: .25s;
}


.wc-section.is-visible
.wc-visual{
    transition-delay: .35s;
}


.wc-section.is-visible
.wc-feature-card:nth-child(1){
    transition-delay: .30s;
}


.wc-section.is-visible
.wc-feature-card:nth-child(2){
    transition-delay: .42s;
}


.wc-section.is-visible
.wc-feature-card:nth-child(3){
    transition-delay: .54s;
}


.wc-section.is-visible
.wc-feature-card:nth-child(4){
    transition-delay: .66s;
}


.wc-section.is-visible
.wc-trust-strip{
    transition-delay: .78s;
}


/* =====================================================
   KEYFRAMES
===================================================== */

@keyframes wcGlowOne{

    0%,
    100%{
        transform: translate(0,0);
    }

    50%{
        transform: translate(35px,25px);
    }
}


@keyframes wcGlowTwo{

    0%,
    100%{
        transform: translate(0,0);
    }

    50%{
        transform: translate(-35px,-25px);
    }
}


@keyframes wcGlowThree{

    0%,
    100%{
        transform: scale(1);
    }

    50%{
        transform: scale(1.18);
    }
}


@keyframes wcLeafOne{

    0%,
    100%{
        transform:
            rotate(-25deg)
            translateY(0);
    }

    50%{
        transform:
            rotate(-17deg)
            translateY(-18px);
    }
}


@keyframes wcLeafTwo{

    0%,
    100%{
        transform:
            rotate(20deg)
            translateY(0);
    }

    50%{
        transform:
            rotate(12deg)
            translateY(15px);
    }
}


@keyframes wcKickerPulse{

    0%,
    100%{
        transform: scale(1);
    }

    50%{
        transform: scale(1.09);
    }
}


@keyframes wcImageBreath{

    0%,
    100%{
        transform: scale(1.04);
    }

    50%{
        transform: scale(1.10);
    }
}


@keyframes wcExperienceFloat{

    0%,
    100%{
        transform: translateY(0);
    }

    50%{
        transform: translateY(-11px);
    }
}


@keyframes wcBadgeOne{

    0%,
    100%{
        transform:
            translateY(0)
            rotate(0);
    }

    50%{
        transform:
            translateY(-12px)
            rotate(-2deg);
    }
}


@keyframes wcBadgeTwo{

    0%,
    100%{
        transform:
            translateY(0)
            rotate(0);
    }

    50%{
        transform:
            translateY(12px)
            rotate(2deg);
    }
}


@keyframes wcMiniOne{

    0%,
    100%{
        transform: translateY(0);
    }

    50%{
        transform: translateY(-12px);
    }
}


@keyframes wcMiniTwo{

    0%,
    100%{
        transform:
            translateY(0)
            rotate(0);
    }

    50%{
        transform:
            translateY(10px)
            rotate(10deg);
    }
}


@keyframes wcRingRotate{

    to{
        transform: rotate(360deg);
    }
}


@keyframes wcRingReverse{

    to{
        transform: rotate(-360deg);
    }
}


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

@media (max-width: 991.98px){

    .wc-section{
        padding:
            90px 0;
    }

    .wc-heading{
        margin-bottom:
            55px;
    }

    .wc-title{
        font-size:
            clamp(42px, 7vw, 62px);
    }

    .wc-visual{
        max-width: 650px;

        margin-inline: auto;

        padding:
            40px 55px 65px;
    }

    .wc-main-image{
        height: 570px;
    }

    .wc-features{
        max-width: 720px;

        margin:
            25px auto 0;
    }

    .wc-trust-strip{
        max-width: 720px;

        margin:
            22px auto 0;
    }

}


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

@media (max-width: 767.98px){

    .wc-section{
        padding:
            75px 0;
    }

    .wc-heading{
        margin-bottom:
            45px;
    }

    .wc-kicker{
        gap: 7px;

        font-size: 10px;
    }

    .wc-kicker-line{
        width: 27px;
    }

    .wc-kicker-icon{
        width: 31px;
        height: 31px;
    }

    .wc-title{
        font-size:
            clamp(36px, 11vw, 50px);

        letter-spacing:
            -1.8px;
    }

    .wc-subtitle{
        font-size: 14px;

        line-height: 1.7;
    }

    .wc-visual{
        padding:
            35px 25px 70px;
    }

    .wc-main-image{
        height: 480px;

        border-radius:
            120px 25px 120px 25px;
    }

    .wc-main-image img,
    .wc-image-overlay{
        border-radius:
            112px 18px 112px 18px;
    }

    .wc-experience-card{
        left: 5px;
        bottom: 35px;

        padding:
            14px 17px;
    }

    .wc-exp-number{
        font-size: 34px;
    }

    .wc-badge-one{
        left: 0;
        top: 70px;
    }

    .wc-badge-two{
        right: 0;
        top: 130px;
    }

    .wc-mini-one{
        right: 5px;
    }

    .wc-feature-card{
        min-height: 125px;

        padding:
            18px;

        gap: 13px;
    }

    .wc-feature-icon{
        width: 55px;
        height: 55px;

        border-radius: 17px;
    }

    .wc-feature-content h3{
        font-size: 18px;
    }

    .wc-feature-content p{
        font-size: 12px;
    }

}


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

@media (max-width: 480px){

    .wc-section{
        padding:
            65px 0;
    }

    .wc-visual{
        padding:
            30px 8px 75px;
    }

    .wc-main-image{
        height: 410px;
    }

    .wc-float-badge{
        padding:
            8px 10px 8px 7px;
    }

    .wc-badge-icon{
        width: 35px;
        height: 35px;
    }

    .wc-float-badge strong{
        font-size: 11px;
    }

    .wc-badge-one{
        left: -5px;
    }

    .wc-badge-two{
        right: -5px;
    }

    .wc-mini-badge{
        width: 53px;
        height: 53px;
    }

    .wc-image-label{
        left: 20px;
        bottom: 25px;
    }

    .wc-feature-card{
        grid-template-columns:
            auto 1fr;

        border-radius: 20px;
    }

    .wc-card-arrow{
        display: none;
    }

    .wc-feature-number{
        right: 15px;

        font-size: 48px;
    }

    .wc-feature-content h3{
        font-size: 16px;
    }

    .wc-feature-content p{
        font-size: 11px;
    }

    .wc-trust-strip{
        padding:
            18px 10px;

        gap: 7px;
    }

    .wc-trust-item strong{
        font-size: 20px;
    }

    .wc-trust-item span{
        font-size: 8px;
    }

}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce){

    .wc-glow,
    .wc-bg-leaf,
    .wc-kicker-icon,
    .wc-main-image img,
    .wc-experience-card,
    .wc-float-badge,
    .wc-mini-badge,
    .wc-ring{
        animation:
            none !important;
    }

    .wc-reveal{
        opacity: 1;

        transform: none;

        transition: none;
    }

}