:root{--black-color:#000;--white-color:#fff;--grapfit-color:#49454c;--gray-color:#333435;--gray-light-color:#a8a9b0;--line-color:#dcdde1;--txt-gray-color:#a0a0a0;--back-color:#f4f4f4;--violet-color:#343176;--violet-back-color:#f1f0fa;--green-color:#5fc0b1;--green-back-color:#e1f5f2;--blue-color:#528df0;--warn-color:#ed9b57;--orange-color:#ee7656;--alert-color:#f77878;--red-color:#e14142;--pink-color:#ffe8e8;--purple-color:#544669;--shadow-transparent:0px 4px 15px 0px rgba(0, 0, 0, 0);--shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.15);--shadow2:0px 4px 28px 0px rgba(0, 0, 0, 0.1);--trs-300:300ms ease;--trs-600:600ms ease;--trs-1200:1200ms ease;--trs-2000:2000ms ease;--trs-cubic-800:0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-600:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-300:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--screensize:1920}.values-block{margin-top:calc(35 / var(--screensize) * 100vw);gap:calc(24 / var(--screensize) * 100vw);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.values-block .value-item{position:relative;border-radius:calc(12 / var(--screensize) * 100vw);overflow:hidden;cursor:pointer}.values-block .value-item.active .bg{opacity:1}.values-block .value-item.active .content .text{-webkit-transform:translateY(0)!important;-ms-transform:translateY(0)!important;transform:translateY(0)!important}.values-block .value-item.active .content .text .title{color:var(--white-color)}.values-block .value-item.active .content .text .descr{color:var(--white-color);opacity:1}.values-block .value-item.active .content .btn{background:var(--white-color);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}.values-block .value-item.active .content .btn svg{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.values-block .value-item.active .content .btn svg path{stroke:var(--violet-color)}.values-block .value-item:nth-child(1),.values-block .value-item:nth-child(2),.values-block .value-item:nth-child(3){width:calc(432 / var(--screensize) * 100vw);height:calc(500 / var(--screensize) * 100vw)}.values-block .value-item:nth-child(1):hover .title,.values-block .value-item:nth-child(2):hover .title,.values-block .value-item:nth-child(3):hover .title{color:var(--white-color)}.values-block .value-item:nth-child(1):hover .image-wrapper img.hover,.values-block .value-item:nth-child(2):hover .image-wrapper img.hover,.values-block .value-item:nth-child(3):hover .image-wrapper img.hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.values-block .value-item:nth-child(1) .image-wrapper img.hover,.values-block .value-item:nth-child(2) .image-wrapper img.hover,.values-block .value-item:nth-child(3) .image-wrapper img.hover{width:calc(432 / var(--screensize) * 100vw);height:calc(309 / var(--screensize) * 100vw);-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);bottom:0;top:auto;position:absolute}.values-block .value-item:nth-child(1) .content .text,.values-block .value-item:nth-child(2) .content .text,.values-block .value-item:nth-child(3) .content .text{position:absolute}.values-block .value-item:nth-child(4),.values-block .value-item:nth-child(5){width:calc(660 / var(--screensize) * 100vw);height:calc(350 / var(--screensize) * 100vw)}.values-block .value-item:nth-child(4):hover .title,.values-block .value-item:nth-child(5):hover .title{color:var(--white-color)}.values-block .value-item:nth-child(4):hover .image-wrapper img.hover,.values-block .value-item:nth-child(5):hover .image-wrapper img.hover{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.values-block .value-item:nth-child(4) .image-wrapper img.hover,.values-block .value-item:nth-child(5) .image-wrapper img.hover{width:calc(391 / var(--screensize) * 100vw);height:calc(350 / var(--screensize) * 100vw);-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);bottom:0;top:auto;position:absolute}.values-block .value-item .image-wrapper{position:absolute;width:100%;height:100%}.values-block .value-item .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.values-block .value-item .bg{z-index:2;position:absolute;width:100%;height:100%;border-radius:calc(12 / var(--screensize) * 100vw);overflow:hidden;-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300);opacity:0}.values-block .value-item .bg img{width:100%;height:100%;-o-object-position:bottom;object-position:bottom;-o-object-fit:cover;object-fit:cover}.values-block .value-item .content{position:absolute;top:calc(48 / var(--screensize) * 100vw);left:calc(48 / var(--screensize) * 100vw);right:calc(48 / var(--screensize) * 100vw);bottom:calc(48 / var(--screensize) * 100vw);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:3}.values-block .value-item .content .text{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300)}.values-block .value-item .content .text .title{font-size:calc(24 / var(--screensize) * 100vw);font-weight:500;line-height:128%;text-transform:uppercase;-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300)}.values-block .value-item .content .text .descr{margin-top:calc(12 / var(--screensize) * 100vw);-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300);opacity:0}.values-block .value-item .content .btn{-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300);-webkit-box-shadow:var(--shadow-transparent);box-shadow:var(--shadow-transparent);z-index:4;bottom:0;position:absolute}@media (max-width:1440px){:root{--screensize:1440}}@media (max-width:992px){:root{--screensize:767}.values-block .value-item .content .text .title{font-size:calc(20 / var(--screensize) * 100vw);line-height:115%}}@media (max-width:767px){:root{--screensize:360}}