:root{--font-family: "Open Sans", sans-serif;--content-width: 1400px;--container-padding: 15px;--container-width: calc(var(--content-width) + (var(--container-padding) * 2));--light-color: #fff}.bottom__items,.middle__items{list-style:none;margin:0;padding:0}.middle__item:not(.middle__item:last-of-type)::after,.main{background-position:center center;background-size:cover;background-repeat:no-repeat}.bottom__item-text,.middle__text{margin:0}@font-face{font-family:"Montserrat";font-style:normal;src:local("Montserrat"),url("../resources/fonts/Montserrat.woff2") format("woff2"),url("../resources/fonts/Montserrat.woff") format("woff");font-display:swap}*,*::before,*::after{box-sizing:border-box}.page{height:100%;font-family:var(--font-family, sans-serif);scroll-behavior:smooth}.body{margin:0;height:100%;min-width:360px;min-height:100%;font-size:10px}a{text-decoration:none;color:inherit}img{height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover}.container{margin:0 auto;padding:0 var(--container-padding);max-width:var(--container-width)}.visually-hidden{position:absolute;overflow:hidden;margin:-1px;border:0;padding:0;width:1px;height:1px;clip:rect(0 0 0 0)}.dis-scroll{position:fixed;left:0;top:0;overflow:hidden;width:100%;height:100vh;overscroll-behavior:none}.none{display:none}.overlay{display:none}.overlay--active{display:block;position:absolute;z-index:3;inset:0}.main{min-height:100vh;background-image:url("../img/bg.jpg");background-image:-webkit-image-set("../img/bg.avif" type("image/avif"), "../img/bg.webp" type("image/webp"));background-image:image-set("../img/bg.avif" type("image/avif"), "../img/bg.webp" type("image/webp"));background-position:center top}.top__wrapper{max-width:700px;text-align:center}.top__name{display:inline-block;padding:50px 0;font-weight:700;font-size:55px;text-transform:uppercase;color:#406bbc;transition:color .3s linear}.top__name span{color:#abb0fe;transition:color .3s linear}.top__name:hover{color:#fff}.top__name:hover span{color:#fff}.middle{padding:50px 0 80px}.middle__wrapper{max-width:700px;text-align:center}.middle__text{margin-bottom:45px;font-weight:700;font-size:55px;text-transform:uppercase;color:#fff}.middle__link{display:inline-block;margin-bottom:80px;border-radius:25px;padding:15px;width:50%;font-size:35px;color:#fff;background:linear-gradient(0deg, #406bbc 40%, #abb0fe 100%);transition:box-shadow .3s linear}.middle__link:hover{box-shadow:0 0 25px 7px #fff}.middle__items{display:flex;align-items:center;justify-content:center;gap:45px}.middle__item{position:relative;display:flex;align-items:center;gap:10px;border:3px solid #406bbc;border-radius:35px 15px 35px 15px;padding:15px 25px;color:#fff;font-size:20px}.middle__item span{font-weight:700;font-size:35px}.middle__item:not(.middle__item:last-of-type)::after{content:"";position:absolute;right:-40px;top:50%;width:30px;height:30px;background-image:url("../img/arrow.svg");background-size:contain;translate:0 -50%}.bottom{padding:50px 0;text-align:center}.bottom__img{margin-bottom:15px}.bottom__items{display:flex;align-items:center;justify-content:center;gap:15px}.bottom__item-link{display:flex;align-items:center;justify-content:center;gap:10px}.bottom__item-link:hover .bottom__item-text{color:#fff}.bottom__item-link:hover .bottom__item-img{fill:#fff}.bottom__item-img{width:20px;height:20px;fill:#406bbc;transition:fill .3s ease-in-out}.bottom__item-text{font-size:15px;color:#406bbc;transition:color .3s ease-in-out}.bottom__rights{font-size:15px;color:#406bbc}@media(max-width: 600px){.main{background-image:url("../img/bg-mob.jpg");background-image:-webkit-image-set("../img/bg-mob.avif" type("image/avif"), "../img/bg-mob.webp" type("image/webp"));background-image:image-set("../img/bg-mob.avif" type("image/avif"), "../img/bg-mob.webp" type("image/webp"));background-position:center}.top__name{padding:25px 0;font-size:40px}.middle__text{font-size:40px}.middle__items{flex-direction:column;margin-top:220px}.middle__item:not(.middle__item:last-of-type)::after{right:50%;top:initial;bottom:-40px;translate:50% 0;rotate:90deg}.middle{padding:25px 0}}@media(max-width: 576px){.middle__link{width:80%}.bottom__items{flex-direction:column}}