/* Services Showcase — premium open alternating layout inspired by the supplied reference. */
.-ycwt-services_showcase .-ycw-row{
    padding:58px 0 105px;
    background:transparent;
}

.yc-services-showcase{
    width:100%;
}

/* Optional section heading. Kept subtle so the service rows remain the visual hero. */
.yc-services-showcase__heading{
    max-width:820px;
    margin:0 auto 74px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.yc-services-showcase__heading .-wi-aft-int-h4{margin-inline:auto}
.yc-services-showcase__heading .-w-h1-ti{text-align:center;margin-bottom:0}
.yc-services-showcase__intro{
    max-width:680px;
    margin-top:14px;
    color:var(--secondarytext);
    font-size:17px;
    line-height:1.95;
}
.yc-services-showcase__intro p{margin:0}

.yc-services-showcase__list{
    display:flex;
    flex-direction:column;
    gap:118px;
}

/*
 * Force a physical left/right composition even on RTL pages:
 * odd = image left / content right, even = content left / image right.
 */
.yc-service-feature{
    direction:ltr;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"media content";
    align-items:center;
    column-gap:clamp(62px,7.2vw,128px);
    min-width:0;
}
.yc-service-feature:nth-child(even){
    grid-template-areas:"content media";
}

.yc-service-feature__media{
    grid-area:media;
    position:relative;
    width:100%;
    min-width: 0;
    aspect-ratio: 1.89/1;
    overflow:hidden;
    border-radius:clamp(10px,var(--largeradius,18px),18px);
    background:var(--background2,#f3f5f8);
    display: flex;
    align-items: center;
    justify-content: center;
}
.yc-service-feature__media img,
.yc-service-feature__media picture,
.yc-service-feature__media picture img{
    width: auto;
    height:100%;
    display:block;
    object-fit:cover;
}
.yc-service-feature__media img{
    transition:transform .7s cubic-bezier(.22,.61,.36,1);
}
.yc-service-feature:hover .yc-service-feature__media img{
    transform:scale(1.025);
}

.yc-service-feature__content{
    grid-area:content;
    direction:rtl;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.yc-service-feature__content-inner{
    width:100%;
    max-width:610px;
}

.yc-service-feature__kicker{
    margin:0 0 19px;
    color:var(--uicolor);
    font-size:clamp(16px,1.2vw,20px);
    font-weight:700;
    line-height:1.75;
}

.yc-service-feature__title{
    margin:0;
    color:var(--primary-text);
    font-size:clamp(31px,2.65vw,44px);
    font-weight:700;
    line-height:1.55;
    letter-spacing:-.02em;
}

.yc-service-feature__description{
    max-width:590px;
    margin-top:18px;
    color:var(--secondarytext);
    font-size:16.5px;
    font-weight:400;
    line-height:2;
}
.yc-service-feature__description p{margin:0}
.yc-service-feature__description p+p{margin-top:9px}

/* Native theme CTA markup, tuned to match the clean rounded buttons in the reference. */
.yc-service-feature__actions.-defult-w--URL{
    width:auto;
    margin-top:30px;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:13px;
}
.yc-service-feature__actions.-defult-w--URL>.yc-service-feature__button>a{
    min-height:54px;
    padding:12px 23px;
    border-radius:14px;
    font-size:15.5px;
    font-weight:700;
    line-height:1;
    gap:9px;
    box-shadow:none;
}
.yc-service-feature__actions.-defult-w--URL>.yc-service-feature__button--primary>a{
    background:var(--uicolor);
    border-color:var(--uicolor);
    color:#fff;
}
.yc-service-feature__actions.-defult-w--URL>.yc-service-feature__button--secondary>a{
    background:transparent;
    border-color:color-mix(in srgb,var(--secondarytext) 20%,transparent);
    color:var(--primary-text);
}
.yc-service-feature__actions.-defult-w--URL>.yc-service-feature__button--primary>a:hover{
    transform:translateY(-2px);
    background:var(--uicolor2,var(--uicolor));
    border-color:var(--uicolor2,var(--uicolor));
    color:#fff;
}
.yc-service-feature__actions.-defult-w--URL>.yc-service-feature__button--secondary>a:hover{
    transform:translateY(-2px);
    background:color-mix(in srgb,var(--uicolor) 6%,transparent);
    border-color:var(--uicolor);
    color:var(--uicolor);
}
.yc-service-feature__actions .yc-service-feature__cta svg,
.yc-service-feature__actions .yc-service-feature__cta i{
    flex:0 0 auto;
}

@media(max-width:1100px){
    .yc-services-showcase__list{gap:92px}
    .yc-service-feature{column-gap:clamp(38px,5vw,70px)}
    .yc-service-feature__title{font-size:clamp(28px,3vw,37px)}
}

@media(max-width:900px){
    .-ycwt-services_showcase .-ycw-row{padding:48px 0 78px}
    .yc-services-showcase__heading{margin-bottom:50px}
    .yc-services-showcase__list{gap:68px}
    .yc-service-feature,
    .yc-service-feature:nth-child(even){
        grid-template-columns:1fr;
        grid-template-areas:"media" "content";
        row-gap:30px;
    }
    .yc-service-feature__media{
        max-width:720px;
        aspect-ratio:16/10;
    }
    .yc-service-feature__content-inner{max-width:720px}
    .yc-service-feature__kicker{margin-bottom:11px}
    .yc-service-feature__description{margin-top:12px}
}

@media(max-width:760px){
    .-ycwt-services_showcase .-ycw-row{padding:34px 0 54px}
    .yc-services-showcase.ycw-mobile-hidden{display:none}
    .yc-services-showcase__heading{margin-bottom:38px}
    .yc-services-showcase__intro{font-size:15.5px}
    .yc-services-showcase__list{gap:52px}
    .yc-service-feature,
    .yc-service-feature:nth-child(even){row-gap:24px}
    .yc-service-feature__media{
        aspect-ratio:1.42/1;
        border-radius:12px;
    }
    .yc-service-feature__kicker{
        margin-bottom:8px;
        font-size:15px;
    }
    .yc-service-feature__title{
        font-size:clamp(25px,7.2vw,31px);
        line-height:1.55;
    }
    .yc-service-feature__description{
        margin-top:10px;
        font-size:15px;
        line-height:1.9;
    }
    .yc-service-feature__actions.-defult-w--URL{
        margin-top:22px;
        gap:10px;
    }
    .yc-service-feature__actions.-defult-w--URL>.yc-service-feature__button>a{
        min-height:48px;
        padding:10px 17px;
        border-radius:12px;
        font-size:14px;
    }
}

@media(max-width:480px){
    .yc-service-feature__actions.-defult-w--URL{
        width:100%;
    }
    .yc-service-feature__actions.-defult-w--URL>.yc-service-feature__button{
        flex:1 1 auto;
    }
    .yc-service-feature__actions.-defult-w--URL>.yc-service-feature__button>a{
        justify-content:center;
        width:100%;
    }
}