/* FONTS */
@font-face {
    font-family: 'Onest';
    src: url('./assets/fonts/Onest-Regular.woff2') format('woff2'),
        url('./assets/fonts/Onest-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Onest';
    src: url('./assets/fonts/Onest-Medium.woff2') format('woff2'),
        url('./assets/fonts/Onest-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'Onest';
  src: url('./assets/fonts/Onest-SemiBold.woff2') format('woff2'),
    url('./assets/fonts/Onest-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest';
  src: url('./assets/fonts/Onest-Bold.woff2') format('woff2'),
    url('./assets/fonts/Onest-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* FONTS */

html {
  font-family: 'Onest';
  font-weight: 400;
  overflow-x: hidden;
  font-size: 4.266666666vw;
  line-height: 1.3;
  scroll-behavior: smooth;
}
body{
  background-color: #E2E7ED;
  transition: .2s;
}
body.lock::after{
  content: '';
  width: 100%;
  height: 100%;
  background: #0E1724;
  opacity: .7;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
body.lock {
  
}
main{
  overflow: hidden;
}
@media (min-width: 800px) {
  html {
    font-size: 0.94284vw;
  }
}

.container {
  max-width: calc(100% - 1.302em - 1.302em);
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 800px) {
  .container {
    max-width: 101.691em;
    width: 100%;
  }
}
a {
  text-decoration: none;
  text-underline-position: under;
  transition: all 0.3s ease-in 0s;
}
input::placeholder {
  opacity: 1;
}

input::-webkit-input-placeholder {
  opacity: 1;
}

input::-moz-placeholder {
  opacity: 1;
}

input:-ms-input-placeholder {
  opacity: 1;
}
/* SWIPER */
  .swiper {
    width: 100%;
    height: 100%;
  }

/* SWIPER */

/* HEADER */
.header{
  position: sticky;
  top: 0;
  z-index: 3;
}
@media(max-width: 800px) {
  .header{
    margin-bottom: 1.953em;
    transition: all .2s ease-in 0s;
    z-index: 4;
    background: #E2E7ED;
  }
  .header.active{
    margin-bottom: 0;
  }
  .header__wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.269em 0;
    border-bottom: 1px solid #B1C3DC;
  }
  .header.active .header__wrapper{
    border-bottom: 1px solid transparent;
  }
  .header__logo{
    max-width: 11.719em;
    width: 100%;
    height: auto;
  }
  .header__logo img{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .header__menu{
    position: fixed;
    z-index: 10;
    top: 5.403em;
    right: 0;
    background: #E2E7ED;
    padding: 1.627em 1.302em;
    width: 15.43em;
    right: -100%;
    transition: all .2s ease-in 0s;
  }
  .header__menu.active{
    right: 0;
  }
  .header__nav{
    margin-bottom: 3.906em;
  }
  .header__nav ul{
    display: flex;
    flex-direction: column;
    row-gap: 0.976em;
  }
  .header__nav ul li{

  }
  .header__nav ul li a{
    font-style: normal;
    font-weight: 500;
    font-size: 1.237em;
    line-height: 1.263;
    color: #778EAF;
  }
  .header__phone{
    display: flex;
    align-items: center;
    column-gap: 0.39em;
    margin-bottom: 1.302em;
  }
  .header__phone svg{
    max-width: 1.302em;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
  .header__phone span{
    font-style: normal;
    font-weight: 500;
    font-size: 1.106em;
    line-height: 1;
    color: #1B4C95;
  }
  .header__phoneBlockMobile{

  }
  .header__cb{
    font-style: normal;
    font-weight: 500;
    font-size: 1.106em;
    line-height: 1;
    color: #E2E7ED;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.058em;
    border-radius: 3.529em;
    background: #1B4C95;
  }
  .header__mobileBlock{
    display: flex;
    align-items: center;
    column-gap: 1.302em;
  }
  .toggleMenu{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 0.3em;
    width: 2.343em;
    height: 2.343em;
    background: #1B4C95;
  }
  .toggleMenu span{
    height: 2px;
    width: 1.0417em;
    background: #fff;
    transition: .2s;
  }
  .toggleMenu.active span{
    transform-origin: center;
  }
  .toggleMenu.active span:nth-child(2){
    opacity: 0;
    visibility: hidden;
  }
  .toggleMenu.active span:nth-child(1) {
    transform: rotate(-45deg) translateY(0.3em) translateX(-0.3em);
  }
  .toggleMenu.active span:nth-child(3) {
    transform: rotate(45deg) translateY(-0.3em) translateX(-0.3em);
  }
}
@media(min-width: 800px){
  .header {
    margin-bottom: 3.316em;
    background: #E2E7ED;
  }
  .header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.271em 0;
    border-bottom: 1px solid #B1C3DC;
  }

  .header__logo {
    max-width: 15.64em;
    width: 100%;
    height: auto;
  }

  .header__logo img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  .header__menu {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 3.316em;
  }

  .header__nav {

  }

  .header__nav ul {
    display: flex;
    column-gap: 1.658em;
  }

  .header__nav ul li {}

  .header__nav ul li a {
    font-style: normal;
    font-weight: 500;
    font-size: 1.105em;
    line-height: 1;
    color: #778EAF;
  }
  .header__nav ul li a:hover{
    color: #1B4C95;
  }
  .header__phoneBlock{
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    column-gap: 2.21em;
    flex-grow: 1;
  }
  .header__phone {
    display: flex;
    align-items: center;
    column-gap: 0.663em;
  }

  .header__phone svg {
    max-width: 1.302em;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }

  .header__phone span {
    font-style: normal;
    font-weight: 500;
    font-size: 1.215em;
    line-height: 1;
    color: #1B4C95;
    transition: .2s;
  }
  .header__phone:hover span{
    color: #778EAF;
  }
  .header__cb {
    font-style: normal;
    font-weight: 500;
    font-size: 1.215em;
    line-height: 1;
    color: #E2E7ED;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 11.681em;
    width: 100%;
    height: 2.727em;
    border-radius: 2.727em;
    background: #1B4C95;
    transition: .2s;
  }
  .header__cb:hover{
    background: #265BA9;
  }
  .header__mobileBlock {
    display: none;
  }
  .toggleMenu{
    display: none;
  }
}

/* HEADER */

/* BANNER */

.banner{
  margin-bottom: 1.823em;
}
.banner__wrapper{
  max-width: 100%;
}
.bannerSlider{

}
.bannerSlider__wrapper{

}
.bannerSlider_slide{
  display: flex;
  flex-direction: column-reverse;
}
.bannerSlider--slide__left{
  background: #CFDCE8;
  padding: 1.627em 1.302em;
}
.bannerSlider--slide__left > h2{
  font-style: normal;
  font-weight: 600;
  font-size: 1.823em;
  line-height: 120%;
  text-transform: uppercase;
  color: #1B4C95;
  margin-bottom: 0.535em;
}
.bannerSlider--slide__left > p{
  font-style: normal;
  font-weight: 400;
  font-size: 0.976em;
  line-height: 135%;
  color: #1B4C95;
  margin-bottom: 1.666em;
}
.bannerSlider--slide__left > button{
  font-style: normal;
  font-weight: 500;
  font-size: 1.106em;
  line-height: 1;
  color: #E2E7ED;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.058em;
  border-radius: 3.529em;
  background: #1B4C95;
  pointer-events: auto;
}
.bannerSlider--slide__right{
  height: 18.23em;
  position: relative;
}
.bannerSlider--slide__right > img{
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerSlider__nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 20.834em;
  width: 100%;
  position: absolute;
  z-index: 3;
  top: 8em;
  left: 50%;
  transform: translateX(-50%);
}
.bannerSlider__nav button{
  width: 2.278em;
  height: 2.278em;
  background: #E2E7ED;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.bannerSlider__nav button svg{
  max-width: 0.846em;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.bannerSlider__pag{
  margin: 0.911em 0;
  display: flex;
  justify-content: center;
}
.bannerSlider__pag .swiper-pagination-bullet{
  width: 0.781em;
  height: 0.195em;
  background: #B1C3DC;
  border-radius: 0.651em;
  opacity: 1;
  transition: all .2s ease-in 0s;
}
.bannerSlider__pag .swiper-pagination-bullet.swiper-pagination-bullet-active{
  width: 2.278em;
  background: #1B4C95;
}
@media(min-width: 800px){
.banner {
    margin-bottom: 6.632em;
  }

  .banner__wrapper {
    max-width: 101.691em;
  }

  .bannerSlider {
    height: 36.476em;
  }

  .bannerSlider__wrapper {}

  .bannerSlider_slide {
    flex-direction: row;
  }
  
  .bannerSlider--slide__left {
    background: #CFDCE8;
    padding: 2.763em 3.316em;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .bannerSlider--slide__left>h2 {
    font-size: 3.205em;
    line-height: 120%;
    margin-bottom: 0.517em;
  }

  .bannerSlider--slide__left>p {
    font-size: 1.105em;
    line-height: 140%;
    margin-bottom: 1em;
    max-width: 27em;
  }
  .bannerSlider--slide__left>button {
    max-width: 14em;
    font-size: 1.215em;
    height: 3.09em;
    border-radius: 2.727em;
    margin-top: auto;
    transition: .2s;
  }
  .bannerSlider--slide__left>button:hover{
    background: #265BA9;
  }
  .bannerSlider--slide__right {
    height: 100%;
  }

  .bannerSlider__nav {
    max-width: 6.355em;
    height: unset;
    top: unset;
    bottom: 2.763em;
    left: unset;
    right: 3.316em;
    transform: translateX(0);
  }

  .bannerSlider__nav button {
    width: 2.763em;
    height: 2.763em;
    transition: .2s;
  }
  .bannerSlider__nav button:hover{
    background: #265BA9;
  }
  .bannerSlider__nav button svg {
    max-width: 0.884em;
  }
  .bannerSlider__nav button svg path{
    transition: .2s;
  }
  .bannerSlider__nav button:hover svg path{
    fill: #E2E7ED;
  }
  .bannerSlider__pag {
    margin: 1.271em 0;
  }

  .bannerSlider__pag .swiper-pagination-bullet {
    width: 0.829em;
    height: 0.276em;
    border-radius: 0;
  }

  .bannerSlider__pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 2.487em;
    background: #1B4C95;
  }
}
/* BANNER */

/* USLUGI */

.uslugi{
  margin-bottom: 5.859em;
}
.title{
  font-style: normal;
  font-weight: 500;
  font-size: 1.627em;
  line-height: 120%;
  text-transform: uppercase;
  color: #1B4C95;
  margin-bottom: 0.8em;
}
.uslugi__list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.781em;
}
.uslugi__list .uslugi__item:last-child{
  height: max-content;
  padding: 0;
}
.uslugi__item{
  padding: 0.976em 1.302em;
  position: relative;
  overflow: hidden;
  height: 14.323em;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.uslugi__item > img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.uslugi__item > h3{
  position: relative;
  z-index: 1;
  font-style: normal;
  font-weight: 500;
  font-size: 1.106em;
  line-height: 1.294em;
  color: #1B4C95;
  background: #E2E7ED;
  width: max-content;
  padding: 0.2em 0.588em;
}
.uslugi__item button{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.058em;
  width: 100%;
  background: #1B4C95;
  font-style: normal;
  font-weight: 500;
  font-size: 1.106em;
  line-height: 1;
  color: #E2E7ED;
  border-radius: 3.529em;
}
@media(min-width: 500px) and (max-width: 800px) {
  .uslugi__list {
    grid-template-columns: 1fr 1fr;
  }
  .uslugi__item {
    height: 8em;
    padding: 0.976em 0.7em;
  }
  .uslugi__list .uslugi__item:last-child {
    height: 8em;
  }
  .uslugi__item>p {
    font-size: 0.6em;
  }

  .uslugi__item button {
    font-size: 0.8em;
  }
}
@media(min-width: 800px){
.uslugi {
    margin-bottom: 9.948em;
  }

  .title {
    font-size: 2.984em;
    margin-bottom: 0.925em;
  }

  .uslugi__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.16em;
  }

  .uslugi__list .uslugi__item:last-child {
    height: 18.182em;
    padding: 0;
  }

  .uslugi__item {
    padding: 1.105em 1.658em;
    max-width: 24.538em;
    width: 100%;
    height: 18.182em;
    cursor: pointer;
  }
  .uslugi__item img{
    transition: .2s;
  }
  .uslugi__item:hover img{
    transform: scale(1.05);
  }
  .uslugi__item>p {
    font-weight: 500;
    font-size: 1.105em;
    padding: 0.25em 0.75em;
    transition: .2s;
  }
  .uslugi__item:hover p {
    color: #778EAF;
  }
  .uslugi__item button {
    height: 3.09em;
    font-size: 1.215em;
    border-radius: 2.727em;
    transition: .2s;
  }
  .uslugi__item button:hover{
    background: #265BA9;
  }
}

/* USLUGI */

/* ABOUT */

.about{
  margin-bottom: 5.859em;
}
.about__left{

}
.about--item__img{
  flex-shrink: 0;
}
.about__left > img{
  max-width: 100%;
  width: 100%;
  height: 13.021em;
  object-fit: cover;
  object-position: center;
  margin-bottom: 0.976em;
}
.about__left > p{
  font-style: normal;
  font-weight: 400;
  font-size: 0.976em;
  line-height: 135%;
  color: #1B4C95;
  margin-bottom: 1.627em;
}
.about__right{

}
.about__list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.781em;
}
.about__item{
  display: flex;
  align-items: flex-start;
  column-gap: 2.278em;
  border: 1px solid #B1C3DC;
  padding: 1.302em;
}
.about--item__img{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #B1C3DC;
  max-width: 3.776em;
  width: 100%;
  height: 3.776em;
}
.about--item__img > img{
  max-width: 1.953em;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.about--item__info > h3{
  font-style: normal;
  font-weight: 500;
  font-size: 1.237em;
  line-height: 140%;
  text-transform: uppercase;
  color: #1B4C95;
  margin-bottom: 0.526em;
}
.about--item__info > p{
  font-style: normal;
  font-weight: 500;
  font-size: 0.846em;
  line-height: 135%;
  color: #778EAF;
}
@media(min-width: 500px) and (max-width: 800px) {
  .about__list {
    grid-template-columns: 1fr 1fr;
  }
  .about__item {
    column-gap: 1em;
    padding: 0.5em;
  }
  .about--item__img {
    max-width: 2em;
    height: 2em;
  }
  .about--item__img>img {
    max-width: 1em;
  }

  .about--item__info>h3 {
    font-size: 0.6em;
  }

  .about--item__info>p {
    font-size: 0.5em;
  }
}
@media(min-width: 800px) {
  .about {
    margin-bottom: 9.948em;
  }
  .about__wrapper{
    display: flex;
    column-gap: 7.516em;
  }
  .about__left {
   max-width: 43.881em;
   width: 100%;
  }

  .about__left>img {
    height: 18.348em;
    margin-bottom: 1.105em;
  }

  .about__left>p {
    font-size: 1.105em;
    line-height: 140%;
    margin-bottom: 0;
  }
  .about__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.105em;
  }

  .about__item {
    flex-direction: column;
    padding: 1.105em;
    height: 14.756em;
    transition: .2s;
    cursor: pointer;
  }
  .about--item__img {
    max-width: 3.758em;
    height: 3.758em;
    transition: .2s;
  }
  .about--item__info{
    margin-top: auto;
  }
  .about--item__img>img {
    max-width: 1.989em;
    transition: .2s;
  }
  .about--item__info>h3 {
    font-size: 1.326em;
    margin-bottom: 0.625em;
  }
  .about--item__info>p {
    font-size: 0.994em;
    line-height: 140%;
  }
  .about__item:hover{
    border: 1px solid #265BA9;
  }
  .about__item:hover .about--item__img{
    background: #265BA9;
  }
  .about__item:hover .about--item__img>img {
    filter: brightness(0) invert(1);
  }
}
/* ABOUT */

/* NEWS */

.news{
  margin-bottom: 5.859em;
}
.news__wrapper{
  max-width: 100%;
}
.news__titleBlock{
  display: flex;
  column-gap: 2em;
  margin: 0 1.302em;
}
.news__nav{
  display: flex;
  column-gap: 0.651em;
}
.news__nav button{
  border: 1px solid #B1C3DC;
  outline: none;
  background: transparent;
  width: 2.278em;
  height: 2.278em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.news__nav button svg{
  max-width: 0.846em;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.newsSlider{
  margin-left: 1.302em;
}
.newsSlider--slide__img{
  height: 14.323em;
  margin-bottom: 0.976em;
}
.newsSlider--slide__img img{
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.newsSlider__slide > h3{
  font-style: normal;
  font-weight: 400;
  font-size: 1.106em;
  line-height: 120%;
  color: #265BA9;
  margin-bottom: 0.882em;
}
.newsSlider__slide > span{
  font-style: normal;
  font-weight: 500;
  font-size: 0.976em;
  line-height: 1;
  color: #265BA9;
  padding: 0.666em 1.666em;
  background: #CFDCE8;
  border-radius: 4em;
  display: block;
  max-width: max-content;
}
@media(min-width: 500px) and (max-width: 800px){
  .news__wrapper {
    max-width: calc(100% - 1.302em - 1.302em);
  }
  .news__titleBlock {
    margin: 0;
  }
  .newsSlider {
    margin-left: 0;
  }
  .newsSlider--slide__img {
    height: 9.5em;
    margin-bottom: 0.5em;
  }

  .newsSlider__slide>h3 {
    font-size: 0.8em;
    margin-bottom: 0.976em;
  }

  .newsSlider__slide>span {
    font-size: 0.5em;
  }
}
@media(min-width: 800px) {
  .news {
    margin-bottom: 9.948em;
  }
  .news__wrapper{
    max-width: 101.691em;
  }
  .news__titleBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2em;
    margin: 0;
  }

  .news__nav {
    display: flex;
    column-gap: 0.829em;
    margin-bottom: 2.763em;
  }

  .news__nav button {
    border: 1px solid #B1C3DC;
    width: 2.763em;
    height: 2.763em;
    transition: .2s;
  }
  .news__nav button:hover{
    background: #1B4C95;
  }
  .news__nav button svg {
    max-width: 0.884em;
  }
  .news__nav button svg path{
    transition: .2s;
  }
  .news__nav button:hover svg path{
    fill: #E2E7ED;
  }
  .newsSlider {
    margin-left: 0;
  }
  .newsSlider__slide {
    cursor: pointer;
  }
  .newsSlider--slide__img {
    height: 18.182em;
    margin-bottom: 1.105em;
    overflow: hidden;
    transition: .2s;
  }
  .newsSlider--slide__img {
    height: 18.182em;
    margin-bottom: 1.105em;
    transition: .2s;
  }
  .newsSlider--slide__img img{
    transition: .2s;
  }
  .newsSlider__slide>h3 {
    font-size: 1.215em;
    margin-bottom: 1.381em;
    transition: .2s;
  }

  .newsSlider__slide>span {
    font-size: 0.994em;
    padding: 0.555em 1.388em;
    border-radius: 3.333em;
  }
  .newsSlider__slide:hover img {
    transform: scale(1.05);
  }

  .newsSlider__slide:hover h3 {
    color: #778EAF;
  }
}
/* NEWS */

/* COST */

.cost{
  margin-bottom: 5.208em;
  background: #1B4C95;
}
.cost__wrapper{

}
.cost__left{
  padding: 2.278em 0;
}
.cost__left > h2{
  font-style: normal;
  font-weight: 500;
  font-size: 1.627em;
  line-height: 120%;
  text-transform: uppercase;
  color: #E2E7ED;
  margin-bottom: 0.6em;
}
.cost__left > p{
  font-style: normal;
  font-weight: 400;
  font-size: 0.976em;
  line-height: 140%;
  color: #CFDCE8;
}
.cost__right{
  padding-bottom: 2.278em;
}
.cost__right form{
  background: #265BA9;
  padding: 1.302em 1.302em 1.953em 1.302em;
}
.cost__inputs{
  display: flex;
  flex-direction: column;
  row-gap: 0.976em;
}
.cost_name, .cost_tel{
  position: relative;
}
.cost_name input, .cost_tel input {
  font-style: normal;
  font-weight: 400;
  font-size: 1.106em;
  line-height: 1;
  color: #B1C3DC;
  background: transparent;
  border: none;
  border-bottom: 1px solid #778EAF;
  width: 100%;
  outline: none;
  height: 2.47em;
}
.cost_name::after, .cost_tel::after{
  content: '';
  width: 0.85em;
  height: 0.85em;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.cost_name::after{
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 0C6.79565 0 7.55871 0.31607 8.12132 0.87868C8.68393 1.44129 9 2.20435 9 3C9 3.79565 8.68393 4.55871 8.12132 5.12132C7.55871 5.68393 6.79565 6 6 6C5.20435 6 4.44129 5.68393 3.87868 5.12132C3.31607 4.55871 3 3.79565 3 3C3 2.20435 3.31607 1.44129 3.87868 0.87868C4.44129 0.31607 5.20435 0 6 0ZM6 7.5C9.315 7.5 12 8.8425 12 10.5V12H0V10.5C0 8.8425 2.685 7.5 6 7.5Z" fill="%23B1C3DC"/></svg>');
}
.cost_tel::after {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 8C15.5 7.01509 15.306 6.03982 14.9291 5.12987C14.5522 4.21993 13.9997 3.39314 13.3033 2.6967C12.6069 2.00026 11.7801 1.44781 10.8701 1.0709C9.96018 0.693993 8.98491 0.5 8 0.5V2C9.18664 1.99997 10.3466 2.35181 11.3333 3.01102C12.32 3.67024 13.0891 4.60722 13.5433 5.7035C13.8448 6.43158 14 7.21193 14 8H15.5ZM0.5 6.5V2.75C0.5 2.55109 0.579018 2.36032 0.71967 2.21967C0.860322 2.07902 1.05109 2 1.25 2H5C5.19891 2 5.38968 2.07902 5.53033 2.21967C5.67098 2.36032 5.75 2.55109 5.75 2.75V5.75C5.75 5.94891 5.67098 6.13968 5.53033 6.28033C5.38968 6.42098 5.19891 6.5 5 6.5H3.5C3.5 8.0913 4.13214 9.61742 5.25736 10.7426C6.38258 11.8679 7.9087 12.5 9.5 12.5V11C9.5 10.8011 9.57902 10.6103 9.71967 10.4697C9.86032 10.329 10.0511 10.25 10.25 10.25H13.25C13.4489 10.25 13.6397 10.329 13.7803 10.4697C13.921 10.6103 14 10.8011 14 11V14.75C14 14.9489 13.921 15.1397 13.7803 15.2803C13.6397 15.421 13.4489 15.5 13.25 15.5H9.5C4.52975 15.5 0.5 11.4703 0.5 6.5Z" fill="%23B1C3DC"/><path d="M12.1572 6.278C12.3835 6.82393 12.4999 7.40906 12.5 8H11.15C11.15 7.16457 10.8181 6.36335 10.2274 5.77261C9.63665 5.18187 8.83543 4.85 8 4.85V3.5C8.88999 3.50005 9.75998 3.764 10.5 4.25848C11.2399 4.75295 11.8167 5.45575 12.1572 6.278Z" fill="%23B1C3DC"/></svg>');
}
.cost__politika{
  display: flex;
  align-items: center;
  column-gap: 0.781em;
  margin: 1.302em 0;
}
.cost__politika > input{
  appearance: none;
  -webkit-appearance: none;
  width: 1.302em;
  height: 1.302em;
  border: 2px solid #E2E7ED;
  background-color: transparent;
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0;
  flex-shrink: 0;
}
.cost__politika>input:checked{
  background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.16066 9.28578L0.395508 5.61742L1.75047 4.29828L4.16066 6.64651L10.2493 0.714355L11.6043 2.03449L4.16066 9.28578Z" fill="%23E2E7ED"/></svg>');
  background-position: center;
  background-size: 0.651em;
}
.cost__politika > label{
    font-style: normal;
    font-weight: 400;
    font-size: 0.846em;
    line-height: 1.307em;
    color: #CFDCE8;
}
.cost_send{
  font-style: normal;
  font-weight: 500;
  font-size: 1.106em;
  line-height: 1;
  color: #1B4C95;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E2E7ED;
  border-radius: 3.529em;
  width: 100%;
  height: 3.058em;
  border: none;
  padding: 0;
}

@media(min-width: 800px){
  .cost {
    margin-bottom: 8.842em;
    background: unset;
  }
  .cost__wrapper {
    display: flex;
    column-gap: 3.316em;
    padding: 2.21em 2.21em 2.21em 3.316em;
    background: #1B4C95;
    position: relative;
  }
  .cost__wrapper:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 2.21em;
    left: 3.316em;
    width: 3.316em;
    height: 2.21em;
    background-image: url(./assets/img/cost_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .cost__left {
    max-width: 44.213em;
    padding: 0;
  }

  .cost__left>h2 {
    font-size: 2.984em;
    margin-bottom: 0.555em;
  }

  .cost__left>p {
    font-size: 1.105em;
  }

  .cost__right {
    width: 100%;
    padding-bottom: 0;
  }

  .cost__right form {
    padding: 1.658em 4.421em 2.763em 4.421em;
  }

  .cost__inputs {
    row-gap: 0.829em;
  }

  .cost_name input,
  .cost_tel input {
    font-size: 1.215em;
    height: 3.09em;
  }

  .cost_name::after,
  .cost_tel::after {
    width: 1.09em;
    height: 1.09em;
    background-size: 1.2em;
  }

  .cost__politika {
    column-gap: 0.663em;
    margin: 1.658em 0;
  }

  .cost__politika>input {
    width: 1.547em;
    height: 1.547em;
  }

  .cost__politika>input:checked {
    background-size: 0.9em;
  }

  .cost__politika>label {
    font-size: 0.994em;
    line-height: 1.222em;
    cursor: pointer;
  }
  .cost__politika>label a {
    text-decoration-line: underline;
  }

  .cost__politika>label a:hover {
    text-decoration-color: transparent;
  }
  .cost_send {
    font-size: 1.215em;
    border-radius: 2.727em;
    height: 3.09em;
    transition: .2s;
  }
  .cost_send:hover{
    background: #1B4C95;
    color: #E2E7ED;
  }
}
/* COST */

/* FOOTER */
.footer{

}
.footer__top{
  padding-bottom: 5.208em;
  border-bottom: 1px solid #B1C3DC;
  margin-bottom: 1.302em;
}
.footer__top--left{
  margin-bottom: 3.255em;
}
.footer__logo{
  margin-bottom: 1.302em;
  display: block;
}
.footer__logo > img{
  max-width: 16.211em;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  margin-bottom: 0.651em;
}
.footer__logo > span{
  font-style: normal;
  font-weight: 400;
  font-size: 0.976em;
  line-height: 1.266;
  color: #778EAF;
}
.footer__btn{
  font-style: normal;
  font-weight: 500;
  font-size: 1.106em;
  line-height: 1;
  color: #E2E7ED;
  max-width: 12.176em;
  width: 100%;
  height: 3.058em;
  border-radius: 3.529em;
  background: #1B4C95;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__top--right{
  display: flex;
  flex-direction: column;
  row-gap: 2.604em;
}
.footer__phoneBlock, .footer__phoneMail, .footer__phoneAdress{
  display: flex;
  flex-direction: column;
}
.footer__phoneBlock::before,
.footer__phoneMail::before,
.footer__phoneAdress::before {
  content:'';
  width: 0.976em;
  height: 0.976em;
  background: #1B4C95;
  display: block;
  margin-bottom: 0.976em;
}
.footer__phoneBlock span, .footer__phoneMail span, .footer__phoneAdress span{
  font-style: normal;
  font-weight: 400;
  font-size: 1.106em;
  line-height: 1;
  color: #778EAF;
  display: block;
  margin-bottom: 0.294em;
}
.footer__phoneBlock a, .footer__phoneMail a, .footer__phoneAdress p{
  font-style: normal;
  font-weight: 500;
  font-size: 1.367em;
  line-height: 1.285;
  color: #1B4C95;
}
.footer__phoneAdress a{
  font-style: normal;
  font-weight: 400;
  font-size: 1.106em;
  line-height: 1;
  color: #778EAF;
  margin-top: 0.588em;
  display: flex;
  align-items: center;
  column-gap: 0.588em;
}
.footer__phoneAdress a:after{
  content: '';
  width: 0.941em;
  height: 0.941em;
  background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8508 7.62854C15.1979 7.28141 15.1979 6.71859 14.8508 6.37146L9.19393 0.714606C8.8468 0.367474 8.28399 0.367474 7.93685 0.714606C7.58972 1.06174 7.58972 1.62455 7.93685 1.97168L12.9652 7L7.93685 12.0283C7.58972 12.3754 7.58972 12.9383 7.93685 13.2854C8.28399 13.6325 8.8468 13.6325 9.19393 13.2854L14.8508 7.62854ZM0.888916 7V7.88889H14.2222V7V6.11111H0.888916V7Z" fill="%23778EAF"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin-top: -0.1em;
}
.footer__phoneAdress > p br{
  display: none;
}
.footer__bottom{
  display: flex;
  flex-direction: column;
  padding-bottom: 1.627em;
}
.footer--bottom__right {
  display: flex;
  flex-direction: column;
}
.footer__year{
  font-style: normal;
  font-weight: 400;
  font-size: 0.976em;
  line-height: 1.266;
  color: #778EAF;
  margin-bottom: 0.666em;
}
.footer__pk{
  font-style: normal;
  font-weight: 400;
  font-size: 0.976em;
  line-height: 1.266;
  color: #778EAF;
  margin-bottom: 1.333em;
  text-decoration-line: underline;
}
.footer__dev{
  font-style: normal;
  font-weight: 400;
  font-size: 0.976em;
  line-height: 1.266;
  color: #778EAF;
}
.footer__dev img{
  max-width: 6em;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  margin-top: 0.666em;
}
@media(min-width: 800px){
  .footer__top {
    padding-bottom: 8.842em;
    margin-bottom: 1.658em;
    display: flex;
  }

  .footer__top--left {
    margin-bottom: 0;
    width: 50%;
  }

  .footer__logo {
    margin-bottom: 4.642em;
  }

  .footer__logo>img {
    max-width: 17.132em;
    margin-bottom: 0.829em;
  }
  .footer__logo>span {
    font-size: 1.105em;
    line-height: 1.3;
  }
  .footer__btn {
    font-size: 1.215em;
    max-width: 12.136em;
    height: 3.09em;
    border-radius: 2.727em;
    transition: .2s;
  }
  .footer__btn:hover{
    background: #265BA9;
  }
  .footer__top--right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 4.421em;
    width: 50%;
  }
  .footer__top--right > div{
    min-width: 24.317em;
  }
  .footer__phoneBlock::before,
  .footer__phoneMail::before,
  .footer__phoneAdress::before {
    width: 1.105em;
    height: 1.105em;
    margin-bottom: 1.381em;
  }
  .footer__phoneAdress{
    max-width: 32.386em;
  }
  .footer__phoneBlock span,
  .footer__phoneMail span,
  .footer__phoneAdress span {
    font-size: 1.105em;
    margin-bottom: 0.25em;
  }

  .footer__phoneBlock a,
  .footer__phoneMail a,
  .footer__phoneAdress p {
    font-size: 1.658em;
    line-height: 1.166;
  }
  .footer__phoneBlock a:hover,
  .footer__phoneMail a:hover{
    color: #778EAF;
  }
  .footer__phoneAdress a {
    font-size: 1.105em;
    margin-top: .75em;
    column-gap: 0.5em;
  }
  .footer__phoneAdress a:after {
    width: 0.9em;
    height: 0.9em;
    transition: all 0.3s ease-in 0s;
  }
  .footer__phoneAdress a:hover{
    color: #265BA9;
    column-gap: 1em;
  }
  .footer__phoneAdress a:hover:after {
      background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8508 7.62854C15.1979 7.28141 15.1979 6.71859 14.8508 6.37146L9.19393 0.714606C8.8468 0.367474 8.28399 0.367474 7.93685 0.714606C7.58972 1.06174 7.58972 1.62455 7.93685 1.97168L12.9652 7L7.93685 12.0283C7.58972 12.3754 7.58972 12.9383 7.93685 13.2854C8.28399 13.6325 8.8468 13.6325 9.19393 13.2854L14.8508 7.62854ZM0.888916 7V7.88889H14.2222V7V6.11111H0.888916V7Z" fill="%23265BA9"/></svg>');
  }
  .footer__phoneAdress>p br {
    display: block;
  }
  .footer__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.658em;
  }
  .footer--bottom__right{
    max-width: 50%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .footer__year {
    font-size: 1.105em;
    line-height: 1;
    margin-bottom: 0;
  }

  .footer__pk {
    font-size: 1.105em;
    line-height: 1;
    margin-bottom: 0;
  }

  .footer__dev {
    display: flex;
    column-gap: 0.5em;
    font-size: 1.105em;
    line-height: 1;
  }

  .footer__dev img {
    max-width: 5em;
    margin-top: 0;
  }
  .footer__pk:hover {
    text-decoration-color: transparent;
  }
}
/* FOOTER */
/*  MODAL */
.modal[aria-hidden='true'] {
  display: none;
}
  
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(14,23,36,0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 12;
}
  
.modal__container {
  background: #E2E7ED;
  padding: 3.255em 1.302em 2.278em 1.302em;
  margin: 0 1.302em;
  position: relative;
}

.modal__header {
  display: flex;
  flex-direction: column;
  row-gap: 0.651em;
  margin-bottom: 1.302em;
}
.modal__header h2{
  font-style: normal;
  font-weight: 500;
  font-size: 1.627em;
  line-height: 120%;
  text-transform: uppercase;
  color: #1B4C95;
}
.modal__header p{
  font-style: normal;
  font-weight: 400;
  font-size: 0.976em;
  line-height: 140%;
  color: #778EAF;
}

.modal__close {
  background: transparent;
  border: 0;
  padding: 0;
  position: absolute;
  top: 1.106em;
  right: 1.106em;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.6411 2.22894L9.69189 8.17719L15.564 14.0483L14.0483 15.5639L8.17725 9.69183L2.30615 15.5639L0.791504 14.0483L6.66162 8.17719L0.714355 2.22894L2.229 0.714294L8.17725 6.66156L14.1255 0.714294L15.6411 2.22894Z" fill="%231B4C95"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.976em;
  height: 0.976em;
}
.callback__inputs {
  display: flex;
  flex-direction: column;
  row-gap: 0.976em;
}

.callback__name,
.callback__tel {
  position: relative;
}

.callback__name input,
.callback__tel input {
  font-style: normal;
  font-weight: 400;
  font-size: 1.106em;
  line-height: 1;
  color: #1B4C95;
  background: transparent;
  border: none;
  border-bottom: 1px solid #B1C3DC;
  width: 100%;
  outline: none;
  height: 2.47em;
}

.callback__name::after,
.callback__tel::after {
  content: '';
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: .2s;
}
.callback__name:not(input:placeholder-shown):after {
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 0C6.79565 0 7.55871 0.31607 8.12132 0.87868C8.68393 1.44129 9 2.20435 9 3C9 3.79565 8.68393 4.55871 8.12132 5.12132C7.55871 5.68393 6.79565 6 6 6C5.20435 6 4.44129 5.68393 3.87868 5.12132C3.31607 4.55871 3 3.79565 3 3C3 2.20435 3.31607 1.44129 3.87868 0.87868C4.44129 0.31607 5.20435 0 6 0ZM6 7.5C9.315 7.5 12 8.8425 12 10.5V12H0V10.5C0 8.8425 2.685 7.5 6 7.5Z" fill="%231B4C95"/></svg>');
}
.callback__tel:not(input:placeholder-shown):after {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 8C15.5 7.01509 15.306 6.03982 14.9291 5.12987C14.5522 4.21993 13.9997 3.39314 13.3033 2.6967C12.6069 2.00026 11.7801 1.44781 10.8701 1.0709C9.96018 0.693993 8.98491 0.5 8 0.5V2C9.18664 1.99997 10.3466 2.35181 11.3333 3.01102C12.32 3.67024 13.0891 4.60722 13.5433 5.7035C13.8448 6.43158 14 7.21193 14 8H15.5ZM0.5 6.5V2.75C0.5 2.55109 0.579018 2.36032 0.71967 2.21967C0.860322 2.07902 1.05109 2 1.25 2H5C5.19891 2 5.38968 2.07902 5.53033 2.21967C5.67098 2.36032 5.75 2.55109 5.75 2.75V5.75C5.75 5.94891 5.67098 6.13968 5.53033 6.28033C5.38968 6.42098 5.19891 6.5 5 6.5H3.5C3.5 8.0913 4.13214 9.61742 5.25736 10.7426C6.38258 11.8679 7.9087 12.5 9.5 12.5V11C9.5 10.8011 9.57902 10.6103 9.71967 10.4697C9.86032 10.329 10.0511 10.25 10.25 10.25H13.25C13.4489 10.25 13.6397 10.329 13.7803 10.4697C13.921 10.6103 14 10.8011 14 11V14.75C14 14.9489 13.921 15.1397 13.7803 15.2803C13.6397 15.421 13.4489 15.5 13.25 15.5H9.5C4.52975 15.5 0.5 11.4703 0.5 6.5Z" fill="%231B4C95"/><path d="M12.1572 6.278C12.3835 6.82393 12.4999 7.40906 12.5 8H11.15C11.15 7.16457 10.8181 6.36335 10.2274 5.77261C9.63665 5.18187 8.83543 4.85 8 4.85V3.5C8.88999 3.50005 9.75998 3.764 10.5 4.25848C11.2399 4.75295 11.8167 5.45575 12.1572 6.278Z" fill="%231B4C95"/></svg>');
}
.callback__name:has(input:placeholder-shown):after {
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 0C6.79565 0 7.55871 0.31607 8.12132 0.87868C8.68393 1.44129 9 2.20435 9 3C9 3.79565 8.68393 4.55871 8.12132 5.12132C7.55871 5.68393 6.79565 6 6 6C5.20435 6 4.44129 5.68393 3.87868 5.12132C3.31607 4.55871 3 3.79565 3 3C3 2.20435 3.31607 1.44129 3.87868 0.87868C4.44129 0.31607 5.20435 0 6 0ZM6 7.5C9.315 7.5 12 8.8425 12 10.5V12H0V10.5C0 8.8425 2.685 7.5 6 7.5Z" fill="%23778EAF"/></svg>');
}
.callback__tel:has(input:placeholder-shown):after {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 8C15.5 7.01509 15.306 6.03982 14.9291 5.12987C14.5522 4.21993 13.9997 3.39314 13.3033 2.6967C12.6069 2.00026 11.7801 1.44781 10.8701 1.0709C9.96018 0.693993 8.98491 0.5 8 0.5V2C9.18664 1.99997 10.3466 2.35181 11.3333 3.01102C12.32 3.67024 13.0891 4.60722 13.5433 5.7035C13.8448 6.43158 14 7.21193 14 8H15.5ZM0.5 6.5V2.75C0.5 2.55109 0.579018 2.36032 0.71967 2.21967C0.860322 2.07902 1.05109 2 1.25 2H5C5.19891 2 5.38968 2.07902 5.53033 2.21967C5.67098 2.36032 5.75 2.55109 5.75 2.75V5.75C5.75 5.94891 5.67098 6.13968 5.53033 6.28033C5.38968 6.42098 5.19891 6.5 5 6.5H3.5C3.5 8.0913 4.13214 9.61742 5.25736 10.7426C6.38258 11.8679 7.9087 12.5 9.5 12.5V11C9.5 10.8011 9.57902 10.6103 9.71967 10.4697C9.86032 10.329 10.0511 10.25 10.25 10.25H13.25C13.4489 10.25 13.6397 10.329 13.7803 10.4697C13.921 10.6103 14 10.8011 14 11V14.75C14 14.9489 13.921 15.1397 13.7803 15.2803C13.6397 15.421 13.4489 15.5 13.25 15.5H9.5C4.52975 15.5 0.5 11.4703 0.5 6.5Z" fill="%23778EAF"/><path d="M12.1572 6.278C12.3835 6.82393 12.4999 7.40906 12.5 8H11.15C11.15 7.16457 10.8181 6.36335 10.2274 5.77261C9.63665 5.18187 8.83543 4.85 8 4.85V3.5C8.88999 3.50005 9.75998 3.764 10.5 4.25848C11.2399 4.75295 11.8167 5.45575 12.1572 6.278Z" fill="%23778EAF"/></svg>');
}

.callback__politika {
  display: flex;
  align-items: center;
  column-gap: 0.781em;
  margin: 1.302em 0;
}

.callback__politika>input {
  appearance: none;
  -webkit-appearance: none;
  width: 1.302em;
  height: 1.302em;
  border: 2px solid #1B4C95;
  background-color: transparent;
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0;
  flex-shrink: 0;
}    

.callback__politika>input:checked {
  background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.16066 9.28572L0.395508 5.61736L1.75047 4.29822L4.16066 6.64645L10.2493 0.714294L11.6043 2.03443L4.16066 9.28572Z" fill="%231B4C95"/></svg>');
  background-position: center;
  background-size: 0.651em;
}

.callback__politika>label {
  font-style: normal;
  font-weight: 400;
  font-size: 0.846em;
  line-height: 1.307;
  color: #1B4C95;
  cursor: pointer;
}
.callback__politika>label a{
  text-decoration-line: underline;
}
.callback__send {
  font-style: normal;
  font-weight: 500;
  font-size: 1.106em;
  line-height: 1;
  color: #E2E7ED;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1B4C95;
  border-radius: 3.529em;
  width: 100%;
  height: 3.058em;
  border: none;
  padding: 0;
}
.callback__inputs input::placeholder {
  opacity: 1;
  color: #778EAF;
}

.callback__inputs input::-webkit-input-placeholder {
  opacity: 1;
  color: #778EAF;
}

.callback__inputs input::-moz-placeholder {
  opacity: 1;
  color: #778EAF;
}

.callback__inputs input:-ms-input-placeholder {
  opacity: 1;
  color: #778EAF;
}
@media(min-width: 800px){
  .modal__container {
    padding: 2.763em 3.316em 2.763em 3.316em;
    margin: 0;
    max-width: 35.37em;
    width: 100%;
  }

  .modal__header {
    row-gap: 0.829em;
    margin-bottom: 1.105em;
  }

  .modal__header h2 {
    font-size: 2.431em;
  }

  .modal__header p {
    font-size: 1.105em;
    max-width: 20em;
  }
  .modal__close {
    top: 1.602em;
    right: 1.602em;
    width: 0.939em;
    height: 0.939em;
  }
  .callback__inputs {
    row-gap: 0.829em;
  }
  .callback__name input,
  .callback__tel input {
    font-size: 1.215em;
    height: 3.09em;
  }
  .callback__politika {
    column-gap: 0.663em;
    margin: 1.658em 0;
  }

  .callback__politika>input {
    width: 1.547em;
    height: 1.547em;
  }

  .callback__politika>input:checked {
    background-size: 0.9em;
  }

  .callback__politika>label {
    font-size: 0.994em;
    line-height: 1.277;
    max-width: 18.5em;
    
  }

  .callback__politika>label a:hover {
    text-decoration-color: transparent;
  }

  .callback__send {
    font-size: 1.215em;
    border-radius: 2.727em;
    height: 3.09em;
    transition: .2s;
  }
  .callback__send:hover{
    background: #265BA9;
  }
}



/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}


/*  MODAL */