.services{background:#F0F0F0;padding:120px 110px;display:flex;flex-direction:column;align-items:center;gap:40px}
@media (max-width:1880px){.services{padding:120px 80px}
}
@media (max-width:1439px){.services{padding:60px 24px}
}
.services__header{width:100%;display:flex;justify-content:space-between;gap:24px;padding-bottom:40px;border-bottom:1px solid #A2A3A5}
@media (max-width:1439px){.services__header{flex-direction:column;align-items:flex-start}
}
.services__title{font-family:"Inter",sans-serif;font-weight:700;font-size:40px;line-height:1.2;letter-spacing:-0.03em;color:#141414;margin:0}
@media (max-width:1439px){.services__title{font-size:28px}
}
.services__desc{font-family:"Inter",sans-serif;font-weight:400;font-size:18px;line-height:1.59;color:#141414;margin:0;width:830px}
@media (max-width:1880px){.services__desc{width:620px}
}
@media (max-width:1439px){.services__desc{width:100%;font-size:16px}
}
.services__list{margin-top:40px;display:grid;grid-template-columns:repeat(3,calc((100% - 80px) / 3));gap:40px;width:100%}
@media (max-width:1439px){.services__list{grid-template-columns:repeat(2,calc((100% - 24px) / 2));gap:24px}
}
@media (max-width:767px){.services__list{grid-template-columns:repeat(1,100%)}
}
@media (max-width:479px){.services__list{gap:15px;grid-template-columns:repeat(5,300px);grid-template-rows:240px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
}
.services__item{background:transparent;box-sizing:border-box;border:1px solid #141414;border-radius:5px;width:100%;height:400px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden}
@media (max-width:1023px){.services__item{height:300px;padding:20px 20px}
}
@media (max-width:479px){.services__item{width:300px;height:240px;padding:15px 20px}
}
.services__item-title{font-family:"Inter",sans-serif;font-weight:600;font-size:24px;line-height:1.2;letter-spacing:-0.03em;color:#141414;width:100%;flex-shrink:0}
@media (max-width:1439px){.services__item-title{font-size:20px}
}
.services__item-btn{width:60px;height:60px;background:#0A68FF;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.3s;cursor:pointer;flex-shrink:0;align-self:flex-end;text-decoration:none}
@media (max-width:479px){.services__item-btn{width:40px;height:40px}
}
.services__item-btn img{width:24px;height:24px;transition:filter 0.4s,transform 0.4s}
@media (max-width:479px){.services__item-btn img{width:16px;height:16px}
}
.services__item-btn:hover img{transform:rotate(90deg)}
.services__item-icon{position:absolute;right:0;bottom:0;z-index:1}
.services__button{width:290px;height:120px;background:#0A68FF;border:none;border-radius:5px;display:flex;align-items:flex-end;justify-content:flex-start;padding:20px;box-sizing:border-box;cursor:pointer;transition:background 0.3s;position:relative;align-self:flex-end;justify-self:flex-end}
@media (max-width:1439px){.services__button{align-self:flex-start;justify-self:flex-start}
}
@media (max-width:479px){.services__button{display:none}
}
.services__button-text{font-family:"Inter",sans-serif;font-weight:400;font-size:16px;line-height:1.4;letter-spacing:-0.03em;color:#FFFFFF;text-align:left;margin:0}
.services__button:hover{background:#0052D4}
.services__button-icon{position:absolute;top:20px;right:20px;width:16px;height:16px}
.services__button-mobile{width:240px;height:90px;background:#0A68FF;border:none;border-radius:5px;align-items:flex-end;justify-content:flex-start;padding:12px;box-sizing:border-box;cursor:pointer;transition:background 0.3s;position:relative;align-self:flex-start;justify-self:flex-start;display:none}
@media (max-width:479px){.services__button-mobile{margin-top:24px;display:flex}
}
.services__button-mobile-text{font-family:"Inter",sans-serif;font-weight:400;font-size:14px;line-height:1.4;letter-spacing:-0.03em;color:#FFFFFF;text-align:left;margin:0}
.services__button-mobile:hover{background:#0052D4}
.services__button-mobile-icon{position:absolute;top:12px;right:12px;width:16px;height:16px}
.services__item-animation-wrapper{width:360px;height:360px;position:relative}
.services__item-animation-1{position:relative;width:100%;height:100%;margin:0 auto;transform-style:preserve-3d;perspective:600px;top:50%;left:-20%;transform:rotate(44deg) rotateZ(-10deg) rotateX(15deg) skewY(-25deg) skewX(-10deg)}
@media (max-width:1023px){.services__item-animation-1{top:50%;left:-27%;transform:rotate(48deg) rotateZ(-10deg) rotateX(15deg) skewY(-25deg) skewX(-10deg)}
}
@media (max-width:479px){.services__item-animation-1{top:60%;left:-30%}
}
.services__item-animation-1-dashed-mini{position:absolute;top:-10%;left:50%;transform:translate(-50%,-50%);width:33px;height:33px}
@media (max-width:1023px){.services__item-animation-1-dashed-mini{width:28px;height:28px}
}
@media (max-width:479px){.services__item-animation-1-dashed-mini{width:23px;height:23px;top:-30%;left:50%}
}
.services__item-animation-1-dashed-big{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;height:380px}
@media (max-width:1023px){.services__item-animation-1-dashed-big{width:300px;height:300px}
}
@media (max-width:479px){.services__item-animation-1-dashed-big{width:250px;height:250px}
}
.services__item-animation-1-rotator{position:absolute;top:50%;left:50%;width:180px;height:180px;transform:translate(-50%,-50%);z-index:1;animation:rotate-circle-revert 7s linear infinite;transform-origin:50% 50%}
@media (max-width:1023px){.services__item-animation-1-rotator{width:140px;height:140px}
}
@media (max-width:479px){.services__item-animation-1-rotator{width:100px;height:100px}
}
.services__item-animation-1-dashed-circle{position:absolute;top:0;left:0;width:180px;height:180px;z-index:0;pointer-events:none}
@media (max-width:1023px){.services__item-animation-1-dashed-circle{width:140px;height:140px}
}
@media (max-width:479px){.services__item-animation-1-dashed-circle{width:100px;height:100px}
}
.services__item-animation-1-line1,.services__item-animation-1-line2{position:absolute;top:50%;left:50%;width:177px;height:1px;transform:translate(-50%,-50%);pointer-events:none;z-index:1;stroke:rgba(20,20,20,0.7) !important;fill:none !important;background-color:rgba(20,20,20,0.7) !important}
@media (max-width:1023px){.services__item-animation-1-line1,.services__item-animation-1-line2{width:137px}
}
@media (max-width:479px){.services__item-animation-1-line1,.services__item-animation-1-line2{width:97px}
}
.services__item-animation-1-line2{transform:translate(-50%,-50%) rotate(90deg)}
.services__item-animation-1-dot{position:absolute;width:16px;height:16px;z-index:2;pointer-events:none}
@media (max-width:1023px){.services__item-animation-1-dot{width:14px;height:14px}
}
@media (max-width:479px){.services__item-animation-1-dot{width:12px;height:12px}
}
.services__item-animation-1 .dot1{top:50%;left:10%;transform:translate(-50%,-50%);animation:move-dot1 2s linear infinite alternate}
.services__item-animation-1 .dot2{left:50%;top:10%;transform:translate(-50%,-50%);animation:move-dot2 2s linear infinite alternate}
@keyframes move-dot1{0%{left:5%}
 100%{left:95%}
}
@keyframes move-dot2{0%{top:5%}
 100%{top:95%}
}
@keyframes rotate-circle{0%{transform:translate(-50%,-50%) rotate(0deg)}
 100%{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes rotate-circle-revert{0%{transform:translate(-50%,-50%) rotate(0deg)}
 100%{transform:translate(-50%,-50%) rotate(-360deg)}
}
.services__item-animation-3{position:relative;width:100%;height:100%;margin:0 auto;transform-style:preserve-3d;perspective:600px;top:38%;left:-30%;transform:rotate(60deg) rotateZ(-10deg) rotateX(15deg) skewY(-15deg)}
@media (max-width:1879px){.services__item-animation-3{left:-35%;top:32%}
}
.services__item-animation-3-dashed-circle{position:absolute;left:50%;top:50%;width:122px;height:122px;transform:translate(-50%,-50%);animation:rotate-circle 7s linear infinite}
@media (max-width:1023px){.services__item-animation-3-dashed-circle{width:100px;height:100px}
}
@media (max-width:479px){.services__item-animation-3-dashed-circle{width:80px;height:80px}
}
.services__item-animation-3-block{position:absolute;left:50%;top:50%;width:410px;height:410px;transform:translate(-50%,-50%)}
@media (max-width:1023px){.services__item-animation-3-block{width:330px;height:330px}
}
@media (max-width:479px){.services__item-animation-3-block{width:250px;height:250px}
}
.services__item-animation-3 .rotating-container{position:absolute;left:50%;top:50%;transform:rotate(45deg) translate(-50%,-50%);transform-origin:center center;animation:rotate-diagonal 7s linear infinite}
@keyframes rotate-diagonal{0%{transform:rotate(-45deg) translate(-50%,-50%)}
 100%{transform:rotate(-405deg) translate(-50%,-50%)}
}
.services__item-animation-3 .rotating-container img{position:absolute;left:0;top:0;width:18px;height:18px;transform:translate(50px,0)}
@media (max-width:1023px){.services__item-animation-3 .rotating-container img{width:14px;height:14px;transform:translate(40px,0)}
}
@media (max-width:479px){.services__item-animation-3 .rotating-container img{width:14px;height:14px;transform:translate(30px,0)}
}
.services__item-animation-5{position:relative;width:100%;height:100%;margin:0 auto;transform-style:preserve-3d;perspective:600px;top:38%;left:-31%;transform:rotateX(-50deg)}
@media (max-width:1919px){.services__item-animation-5{top:48%}
}
@media (max-width:1023px){.services__item-animation-5{top:40%;left:-33%}
}
@media (max-width:479px){.services__item-animation-5{top:35%;left:-32%}
}
.services__item-animation-5-dashed-circle{position:absolute;left:50%;top:50%;width:525px;height:525px;transform:translate(-50%,-50%)}
@media (max-width:1919px){.services__item-animation-5-dashed-circle{width:475px;height:475px}
}
@media (max-width:1023px){.services__item-animation-5-dashed-circle{width:370px;height:370px}
}
@media (max-width:479px){.services__item-animation-5-dashed-circle{width:320px;height:320px}
}
.services__item-animation-5-square{position:absolute;left:50%;top:50%;width:330px;height:330px;transform:translate(-50%,-50%) rotate(45deg);animation:rotate-square 10s linear infinite}
.services__item-animation-5-square svg path{fill:#141414}
@media (max-width:1919px){.services__item-animation-5-square{width:300px;height:300px}
}
@media (max-width:1023px){.services__item-animation-5-square{width:235px;height:235px}
}
@media (max-width:479px){.services__item-animation-5-square{width:200px;height:200px}
}
.services__item-animation-5-mini-square{position:absolute;left:50%;top:50%;width:247px;height:247px;transform:translate(-50%,-50%);animation:rotate-square-revert 10s linear infinite}
@media (max-width:1919px){.services__item-animation-5-mini-square{width:210px;height:210px}
}
.services__item-animation-5-mini-square svg path{fill:#141414}
@media (max-width:1023px){.services__item-animation-5-mini-square{width:160px;height:160px}
}
@media (max-width:479px){.services__item-animation-5-mini-square{width:130px;height:130px}
}
.services__item-animation-5-tochka{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%)}
@media (max-width:479px){.services__item-animation-5-tochka{width:12px;height:12px}
}
@keyframes rotate-square{0%{transform:translate(-50%,-50%) rotate(45deg)}
 50%{transform:translate(-50%,-50%) rotate(-135deg)}
 100%{transform:translate(-50%,-50%) rotate(45deg)}
}
@keyframes rotate-square-revert{0%{transform:translate(-50%,-50%) rotate(0deg)}
 50%{transform:translate(-50%,-50%) rotate(180deg)}
 100%{transform:translate(-50%,-50%) rotate(0deg)}
}