.services{width:100%;position:relative;background-color:#fff;padding:90px 0}.services__wrap{display:flex;flex-direction:column;align-items:center}.services__top{margin:0 auto;max-width:1229px;width:100%;display:flex;flex-direction:column;align-items:center;gap:30px;padding-bottom:51px}.services__title h2{text-transform:uppercase;color:#002c21;font-size:32px;line-height:32px;font-weight:800}.services__desc p{color:#181818;font-size:18px;line-height:18px;font-weight:600}.services__nav{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;gap:18px}.services__nav-item{cursor:pointer;background-color:inherit;padding:9px 8px;font-family:Montserrat,sans-serif;color:#475052;border:1px solid #475052;border-radius:12px;transition:padding .4s ease,background-color .4s ease,color .4s ease}.services__nav-item.active,.services__nav-item:hover{padding:9px 18.5px;background-color:#536351;color:#fff}.services__list{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;align-items:stretch;gap:22px;justify-content:center}.services__card{border-radius:14px;width:calc((100% - 66px)/4);background-color:#f5f4f0;padding:30px 0;display:flex;flex-direction:column;align-items:start;align-self:stretch;gap:24px;transition:transform .4s ease,box-shadow .4s ease}.services__card-title{padding:0 28px 0 15px}.services__card-title h4{text-align:left;color:#181818;font-size:18px;line-height:18px;font-weight:700}.services__card-desc{height:100%;padding:0 28px 0 15px}.services__card-desc p{color:#475052;font-size:14px;line-height:21px;font-weight:400}.services__card-number{width:100%;position:relative;display:flex;justify-content:center;align-items:center;height:154px;flex-shrink:0}.services__card-number span{font-family:Jost,sans-serif;position:absolute;text-align:center;background:linear-gradient(to right,#3e8a86,#3e598a);-webkit-background-clip:text;color:transparent;text-transform:uppercase;font-size:220px;font-weight:400;line-height:100%;letter-spacing:0%}.services__card:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000001a,0 4px 8px #0000000f}@media screen and (max-width: 1280px){.services__card{width:calc((100% - 44px) / 3)}}@media screen and (max-width: 1024px){.services{padding:50px 0}.services__card{width:calc((100% - 22px)/2)}}@media screen and (max-width: 768px){.services{padding:20px 0}.services__card{width:100%;height:auto;padding:20px;gap:20px}.services__card-title{padding:0;width:100%;height:auto}.services__card-title h4{text-align:center}.services__card-desc{width:100%;height:auto;padding:0;text-align:center}.services__card-number{height:auto}.services__card-number span{position:relative;bottom:0;font-size:100px;font-variant-numeric:tabular-nums}.services__top{max-width:100%;gap:16px;padding-bottom:20px}.services__nav{width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:start;overflow-y:hidden;overflow-x:scroll;gap:8px;scrollbar-width:none}.services__nav-item{flex-shrink:0}}@media screen and (max-width: 640px){.services__top{gap:10px}.services__title h2{font-size:24px;line-height:24px}.services__desc p{font-size:16px;line-height:16px}.services__card{gap:10px;padding:15px}.services__card-title h4{font-size:16px;line-height:16px}.services__card-number span{font-size:80px}}@media screen and (max-width: 480px){.services__title h2{font-size:20px;line-height:20px}.services__desc p,.services__card-title h4{font-size:14px;line-height:21px}.services__card-number span{font-size:60px}}
