.services-section{padding-bottom:clamp(80px,8.7591vw,120px)}.services-section .container--mode{padding:0}.services-section__box{display:flex;flex-direction:column;grid-gap:clamp(40px,4.0876vw,56px)}.services-section .main-top{text-align:center}.services-section .main-top .title{text-align:center}.services-section .main-top p{align-self:center}.services-section .services-list{display:grid;grid-gap:1px}.services-section .services-list .services-card{display:flex;width:100%;aspect-ratio:1;position:relative;z-index:2;flex-direction:column;justify-content:flex-end;padding:clamp(16px,1.752vw,24px) clamp(16px,1.825vw,25px);grid-gap:8px;overflow:hidden}.services-section .services-list .services-card::before{position:absolute;background:var(--gr-c);content:"";width:100%;height:37%;bottom:0;left:0;z-index:-1;pointer-events:none}.services-section .services-list .services-card:after{position:absolute;content:"";background:linear-gradient(360deg,rgba(9,162,196,.7) 0,rgba(108,214,142,.7) 100%);opacity:1;inset:0;z-index:3;transform:translateY(110%);transition:all .3s ease-in-out;pointer-events:none}.services-section .services-list .services-card__image{position:absolute;z-index:-2;inset:0;display:flex;overflow:hidden}.services-section .services-list .services-card__image img,.services-section .services-list .services-card__image picture{transition:all .3s;width:100%;height:100%}.services-section .services-list .services-card__title{font-weight:500;font-size:clamp(20px,2.1898vw,30px);line-height:110%;color:var(--cl-a);z-index:4;position:relative}.services-section .services-list .services-card__title:before{content:"";background-size:contain;background-position:center;background-repeat:no-repeat;background-image:var(--arrow);width:24px;height:25px;right:0;top:60%;transform:translateY(-50%);position:absolute;transition:all .3s ease-in-out;opacity:0;pointer-events:none}.services-section .services-list .services-card:hover .services-card__title:before{opacity:1}.services-section .services-list .services-card:hover:after{transform:translateY(0)}@media (min-width:1920px){.services-section .services-list{grid-template-columns:repeat(4,1fr)}}@media (max-width:1920px) and (min-width:768px){.services-section .services-list{grid-template-columns:repeat(auto-fill,minmax(clamp(300px,28.4672vw,390px),1fr))}}@media (max-width:767px){.services-section .main-top{padding:0 var(--container-offset)}.services-section .services-list{grid-template-columns:repeat(2,1fr)}}