.page_services_box_content .services-page__section-soft{
    background:#f7f9fc
}
 .page_services_box_content .services-page__section-head{
    margin:0 auto;
    text-align:center
}
 .page_services_box_content .services-page__section-title{
    margin:18px 0 16px;
    color:#11283d;
    font-size:40px;
    line-height:1.28
}
 .page_services_box_content .services-page__section-desc{
    margin:0;
    color:#607081;
    font-size:16px;
    line-height:1.85;
    max-width:80%;
    margin:auto
}
 .page_services_box_content .services-page__details,.page_services_box_content .services-page__workflow{
    padding:86px 0
}
 .page_services_box_content .services-page__inner-banner{
    padding:10px 0 86px
}
 .page_services_box_content .services-page__details-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:24px;
    margin-top:42px
}
 .page_services_box_content .services-page__detail-card{
    grid-column:span 2;
    overflow:hidden;
    border-radius:16px;
    border:1px solid var(--light-gray);
    background:#fff;
    transition:var(--transition)
}
 .page_services_box_content .services-page__detail-card--half{
    grid-column:span 3
}
 .page_services_box_content .services-page__detail-card:hover{
    transform:translateY(-5px)
}
 .page_services_box_content .services-page__detail-media{
    position:relative
}
 .page_services_box_content .services-page__detail-media img{
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
    display:block
}
 .page_services_box_content .services-page__detail-icon{
    position:absolute;
    left:20px;
    bottom:-22px;
    width:50px;
    height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--primary-dark);
    color:#fff;
    font-size:22px
}
 .page_services_box_content .services-page__detail-icon .services-page__detail-icon-img{
    width:24px;
    height:24px;
    object-fit:contain;
    display:block;
    filter:brightness(0) invert(1)
}
 .page_services_box_content .services-page__detail-copy{
    padding:20px;
    padding-top:35px
}
 .page_services_box_content .services-page__detail-copy h3{
    margin:0 0 10px;
    font-size:20px;
    line-height:1.4
}
 .page_services_box_content .services-page__detail-copy p{
    margin:0;
    color:var(--medium-gray);
    font-size:16px;
    line-height:1.7
}
 .page_services_box_content .services-page__inner-banner-box{
    position:relative;
    min-height:400px;
    overflow:hidden;
    border-radius:10px
}
 .page_services_box_content .services-page__inner-banner-box img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_services_box_content .services-page__inner-banner-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(7,24,45,.32),rgba(7,24,45,.5))
}
 .page_services_box_content .services-page__inner-banner-copy{
    position:relative;
    z-index:1;
    min-height:340px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:40px 60px;
    text-align:center;
    color:#fff
}
 .page_services_box_content .services-page__inner-banner-copy h2{
    margin:0 0 16px;
    max-width:920px;
    color:#fff;
    font-size:36px;
    line-height:1.5
}
 .page_services_box_content .services-page__inner-banner-copy p{
    margin:0;
    color:rgba(255,255,255,.92);
    font-size:16px;
    line-height:1.5
}
 .page_services_box_content .services-page__workflow{
    background:linear-gradient(180deg,#f8fbff 0,#f3f7fc 100%)
}
 .page_services_box_content .services-page__workflow-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,0.92fr);
    gap:58px;
    align-items:start
}
 .page_services_box_content .services-page__workflow-media{
    overflow:hidden;
    border-radius:16px;
    background:linear-gradient(180deg,#1f61d0 0,#0d55c9 100%);
    box-shadow:0 18px 44px rgba(15,23,42,.1)
}
 .page_services_box_content .services-page__workflow-media img{
    width:100%;
    height:100%;
    min-height:660px;
    object-fit:cover;
    display:block
}
 .page_services_box_content .services-page__workflow-copy .services-page__section-title{
    margin:0 0 18px
}
 .page_services_box_content .services-page__workflow-copy .services-page__section-desc{
    max-width:100%
}
 .page_services_box_content .services-page__workflow-steps{
    display:grid;
    gap:20px;
    margin-top:30px;
    grid-template-columns:1fr 1fr
}
 .page_services_box_content .services-page__workflow-step{
    display:grid;
    gap:18px;
    align-items:start
}
 .page_services_box_content .services-page__workflow-icon{
    width:58px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f1f7fc;
    border:1px solid #dbe7f1
}
 .page_services_box_content .services-page__workflow-icon img{
    width:34px;
    height:34px;
    display:block;
    object-fit:contain
}
 .page_services_box_content .services-page__workflow-step h3{
    margin:0 0 10px;
    font-size:18px;
    line-height:1.35
}
 .page_services_box_content .services-page__workflow-step p{
    margin:0;
    color:var(--medium-gray);
    font-size:16px;
    line-height:1.5
}
 @media (max-width:1199px){
    .page_services_box_content .services-page__section-title{
        font-size:34px
    }
     .page_services_box_content .services-page__details-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .page_services_box_content .services-page__detail-card,.page_services_box_content .services-page__detail-card--half{
        grid-column:span 1
    }
     .page_services_box_content .services-page__workflow-grid{
        grid-template-columns:1fr;
        gap:32px
    }
     .page_services_box_content .services-page__workflow-media img{
        min-height:520px
    }
     .page_services_box_content .services-page__inner-banner-copy h2,.page_services_box_content .services-page__workflow-copy .services-page__section-title{
        font-size:34px
    }
}
 @media (max-width:767px){
    .page_services_box_content .services-page__section-title{
        font-size:26px
    }
     .page_services_box_content .services-page__details,.page_services_box_content .services-page__inner-banner,.page_services_box_content .services-page__workflow{
        padding:64px 0
    }
     .page_services_box_content .services-page__details-grid{
        grid-template-columns:1fr;
        gap:22px;
        margin-top:32px
    }
     .page_services_box_content .services-page__detail-icon{
        left:22px;
        bottom:-22px;
        width:50px;
        height:50px;
        font-size:22px
    }
     .page_services_box_content .services-page__detail-copy{
        padding:32px 20px 20px
    }
     .page_services_box_content .services-page__detail-copy h3,.page_services_box_content .services-page__inner-banner-copy h2,.page_services_box_content .services-page__workflow-copy .services-page__section-title{
        font-size:26px
    }
     .page_services_box_content .services-page__detail-copy p,.page_services_box_content .services-page__inner-banner-copy p{
        font-size:15px
    }
     .page_services_box_content .services-page__inner-banner-box,.page_services_box_content .services-page__inner-banner-copy{
        min-height:260px
    }
     .page_services_box_content .services-page__inner-banner-copy{
        padding:28px 22px
    }
     .page_services_box_content .services-page__workflow-media img{
        min-height:320px
    }
     .page_services_box_content .services-page__workflow-step{
        grid-template-columns:1fr;
        gap:12px
    }
     .page_services_box_content .services-page__workflow-step h3{
        font-size:17px
    }
}
 @media (max-width:480px){
    .page_services_box_content .services-page__details,.page_services_box_content .services-page__inner-banner,.page_services_box_content .services-page__workflow{
        padding:40px 0
    }
     .page_services_box_content .services-page__inner-banner{
        padding:0
    }
     .page_services_box_content .services-page__details-grid{
        gap:18px
    }
     .page_services_box_content .services-page__detail-copy{
        padding:30px 18px 18px
    }
     .page_services_box_content .services-page__detail-copy h3{
        font-size:22px;
        line-height:1.4
    }
     .page_services_box_content .services-page__inner-banner-copy{
        min-height:220px;
        padding:24px 18px
    }
     .page_services_box_content .services-page__workflow-grid{
        gap:26px
    }
     .page_services_box_content .services-page__workflow-steps{
        margin-top:28px;
        gap:24px;
        grid-template-columns:1fr
    }
}