@font-face {
    font-family: 'Europe';
    src: local('Europe Normal'), local('Europe-normal'),
    url('../fonts/europe-normal.woff2') format('woff2'),
    url('../fonts/europe-normal.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.container, .container_smal
{
    max-width: 1280px;
    padding-inline:  var(--doc-padd);
    margin: 0 auto;
}
.blocking {
    pointer-events: none;
}
.requisites {
    margin: 0;
    padding: 0;
}
.requisites li {
    list-style-type: none;
}
section{
    background-color: #050925;
}
.modal-content {
    background-color: #fff;
}
.modal-title{
    font-weight: 300;
    color: #091250;
    line-height: 1.39;
}
.cookie {
    display: none;
}
.cookie.show {
    display: block!important;
    position: fixed;
    width: calc(100% - calc(var(--doc-padd) * 2));
    max-width: calc(var(--gap) * 31);
    height: fit-content;
    right: 0;
    bottom: 0;
    top: auto;
    left: auto;
    margin: var(--doc-padd);
    z-index: 9999;
    padding: 0!important;
}
:root {
    --ff: "Europe", sans-serif;
    --gap: 16px;
    --fz: 20px;
    --doc-padd-max: 50px;
    --doc-padd: clamp(var(--gap), 6.875vw, var(--doc-padd-max));
}
.cookie .modal-content{
    background: rgba(5, 9, 37, 0.90);
    border-radius: 16px;
}
.cookie .modal-body {
/*    padding: 0 var(--gap) var(--gap);*/
    padding: var(--gap);
/*    padding-right:  calc( var(--gap) * 2);*/
gap: var(--gap);

    text-align: center;
}
.cookie p{
/*    text-align: center;*/
    font-size: 11px;
    color: white;
}
.cookie .modal-body button.btn-close {
/*    border-radius: 70px;*/
    background: #FFF;
    padding: calc(var(--gap)* .5) calc(var(--gap)* 1.5);
    color: #050925;
    font-family: Roboto;
    width: inherit;
    height: inherit;
    font-weight: 300;
    line-height: normal;
    border: none;
    opacity: .8;
}
.cookie .modal-body button.btn-close:hover {
    opacity: 1;
}
header,
#hero,
#about,
#brief,
#services,
#offer,
footer{
    overflow-x: hidden;
}
p{
    margin: 0;
    padding: 0;
}
img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
h2{
    color: #C4C4C4;
    font-family: "Inter";
    font-size: calc(var(--fz)*2);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: calc(var(--gap) * 2.5);
}
button svg {
    width: 20px;
    margin: -5px 0 0 -2px;
    height: auto;
}
.btn-close {
    --bs-btn-close-bg: none;
}
.show {
    padding: calc(var(--gap) * 4) var(--doc-padd)!important;
    margin: 0;
    /*display: flex!important;
    justify-content: center;
    align-items: center;*/
}
.offcanvas.show {
    align-content: stretch!important;
    padding: 0!important;
}
.modal-open {
    padding: 0!important;
}
.modal-dialog {
    margin: 0;
/*    max-width: 900px;*/
    width: 100%;

    margin-inline: auto;
    min-height: 100%;
    display: flex;
    align-items: center;


    max-width: calc(1280px - var(--doc-padd) * 2);
/*    padding-inline: var(--doc-padd);*/
/*    margin: 0 auto;*/
}
.slick-list {
    margin-inline: -16px;
}
.slick-slide {
    margin-inline: 16px;
}
.slick-dots {
    position: relative;
    margin-top: calc(var(--gap) * 2);
    bottom: 0;
}
.slick-dots li {
    width: calc(var(--gap) * 1);
    height: calc(var(--gap) * 1);
}
.slick-dots li button {
    background: #8A95E4;
/*    border-radius: calc(var(--gap) * 2);      !!!!    */
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.slick-dots .slick-active button{
    background: #394ABD;
}
.slick-dots li button:before {
    content: none;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
header{
    position: fixed;
    left: 0;
    z-index: 2;
    width: 100%;
}
header .container-fluid {
    padding: 0;
}
.header__scroll:not(.header__scroll_toTop){
    animation: from-top .5s forwards;
}
.header__scroll.header__scroll_toTop{
    animation: to-top .5s forwards;
}
@keyframes to-top{
    0%{
        margin-top: var(--gap);
        border-top-left-radius: var(--gap);
        border-top-right-radius: var(--gap);
    }
    33% {
        border-top-left-radius: var(--gap);
        border-top-right-radius: var(--gap);
    }
    67% {
        margin-top: 0;
    }
    100% {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}
@keyframes from-top{
    0%{
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    33% {
        margin-top: 0;
    }
    67% {
        border-top-left-radius: var(--gap);
        border-top-right-radius: var(--gap);
    }
    100% {
        margin-top: var(--gap);
        border-top-left-radius: var(--gap);
        border-top-right-radius: var(--gap);
    }
}
.header__wrapper{
    margin-inline: auto;
    background-color: rgba(5, 9, 37, .9);
    color: #fff;
    border-radius: var(--gap);
    max-width: 1280px;
    padding: 0  var(--doc-padd);
}
.navbar {
    padding: var(--gap) 0;
}
.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    column-gap: calc(var(--gap)*2.5);
}
.header__wrapper * {
    background-color: transparent !important;
    color: #fff;
}
a.logo{
    text-decoration: none;
    color: #FFF;
    font-family: var(--ff);
    font-size: var(--fz);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.nav-link{
    color: #FFF;
    font-family: var(--ff);
    font-size: var(--fz);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    margin: 0;

/*    font-size: calc(var(--fz) * 1.5);*/
}
.nav-link:hover {
    text-decoration: underline;
    color: #fff;
}
.phone{
    display: flex;
    gap: calc(var(--gap) * 0.5);
    align-items: center;
}
.phone>a{
    color: #C5C5C5;
    font-family: var(--ff);
    font-size: var(--fz);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.phone a svg {
    margin-right: var(--gap);
}
.offcanvas{
    background: #050925 !important;
    align-content: stretch;
}
.offcanvas-header,.offcanvas-body {
    padding: calc(var(--gap)*2);
/*    padding-bottom: 0;*/
}
.offcanvas-body {
    display: grid;
    align-items: start;
    align-content: space-between;
}
#hero{
    width: 100%;
    height: 100vh;
    background: linear-gradient(0deg, #050925 3.73%, rgba(0, 0, 0, 0.00) 48.43%), linear-gradient(0deg, rgba(11, 21, 142, 0.40) 0%, rgba(11, 21, 142, 0.40) 100%), url('../images/d4b9662e4f326c10be9eed14220b4895.jpeg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.hero-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.hero__wrapper{
    margin-top: 50px;
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.hero__wrapper>.content__wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: calc(var(--gap)*3);

    max-width: 600px;
}
.hero_image {
    /*width: 190px;*/
    height: auto;
    }
.hero_text>h1{
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 139%; /* 44.48px */
    text-transform: uppercase;
}
#about{
    background: #050925;
    padding-top: 30px;
    padding-bottom: 99px;
}
.about__wrapper{
    margin-top: 30px;
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-column-gap: calc(var(--gap)*3);
}
.about_image__wrapper{
    height: 357px;
    border-radius: 0px 30px;
    background: linear-gradient(0deg, rgba(21, 38, 251, 0.30) 0%, rgba(21, 38, 251, 0.30) 100%), url('../images/about.jpeg');
    background-position: center;
    background-size: cover;
}
.about_text__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 25px;
    gap: var(--gap);
}
.about_text__wrapper>p{
    color: #FFF;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 139%; /* 22.24px */
    margin-bottom: 5px;
}
.about_text__wrapper>button{
    border: none;
    background-color: transparent;
    color: #FFF;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 139%;
    text-decoration-line: underline;
}

#brief{
    background: #050925;
    padding-top: 30px;
    padding-bottom: 99px;
}
.brief__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: calc(var(--gap) * 2);
}
.brief__wrapper-min {
    display: flex;
    width: calc(50% - 10px);
}
.brief_image>img{
    height: 80%;
    width: 80%;
    object-fit: contain;
}
.brief_image{
    padding: 15px 11px;
    border-radius: 0px 20px;
    background: #0B158E;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brief_item>h3{
    margin: calc(var(--gap) * 2) 0;
    color: #FFF;
    font-family: "Roboto";
    font-size: var(--fz);
    font-style: normal;
    line-height: normal;
}
.brief_item>p{
    color: #FFF;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
#services,
#video,
#articles{
    background: #050925;
    padding-bottom: 50px;
}
.services__wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: calc(var(--gap) *2);
    grid-row-gap: calc(var(--gap) *2);
}
.services_item{
    display: flex;
    align-items: center;
    gap: calc(var(--gap)*2);
    border-radius: 10px 0px;
    background: #091250;
    padding: calc(var(--gap)*3) calc(var(--gap)*2);
}
.services_item img {
    width: calc(var(--gap) * 3);
}
.services_item>p{
    color: #FFF;
    font-family: "Inter";
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 139%; /* 29.19px */
    text-transform: uppercase;
}
#articles{
    padding-top: 50px;
}

.partners-slide{
    display: flex!important;
    justify-content: center;
    align-items: center;
    background: #7981b5;
    height: 164px;
    padding: var(--gap);
}
.partners-slide img{
    height: auto;
}
#articles h3 {
    padding: 0 15px 15px;
    color: #fff;
    /* color: #394ABD; */
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%;
    text-transform: uppercase;
}

#offer{
    background: #050925;
    padding-top: 76px;
    padding-bottom: 87px;
}
.offer__wrapper{
    background: linear-gradient(0deg, rgba(9, 18, 80, .5) 0%, rgba(9, 18, 80, .5) 100%), url('../images/11.jpeg');
    background-position: center;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
}
.offer_text_wrap{
    padding: 80px;
    padding-inline: clamp(40px, 7vw, 80px);
    margin: 30px;
    background: linear-gradient(to right, #1526FB 50px, transparent 0, transparent calc(100% - 50px), #1526FB 0) 0 0 / 100% 1px no-repeat, linear-gradient(to right, #1526FB 50px, transparent 0, transparent calc(100% - 50px), #1526FB 0) 0 100% / 100% 1px no-repeat, linear-gradient(to bottom, #1526FB 50px, transparent 0, transparent calc(100% - 50px), #1526FB 0) 0 0 / 1px 100% no-repeat, linear-gradient(to bottom, #1526FB 50px, transparent 0, transparent calc(100% - 50px), #1526FB 0) 100% 0 / 1px 100% no-repeat;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(var(--gap)*2.5);
}


#offer h3{
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 42px;
        font-size: calc(clamp((var(--gap) * 1 / 16*24), 4vw, (var(--gap) / 16*42)));
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
#offer button{
    border-radius: 70px;
    background: #050925;
    padding: calc(var(--gap)* 1.5) calc(var(--gap)* 5);
    color: #FFF;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    border: none;
}


#footer{
    background: #091250;
    padding-top: 50px;
    padding-bottom: 50px;
}
#footer a, #footer p{
    color: #FFF;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.footer_item{
    display: flex;
    flex-direction: column;
}
.footer__wrapper{
    margin-top: 44px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    grid-column-gap: calc(var(--gap) * 2);
    grid-row-gap: calc(var(--gap) * 2);
}
.disclaimer{
    margin-top: 80px;
}
.disclaimer a {
    text-decoration: underline!important;
}
#partners{
    background: #050925;
    padding-bottom: calc(var(--gap) * 4);
}
.articles-slide {
    text-align: center;
    font-size: var(--fz);
    display: grid!important;
    grid-auto-rows: 1fr auto;
    justify-content: center;
    align-items: start;
    cursor: pointer;
    height: 200px;
    background: transparent;
    border: 2px solid #394ABD;
    padding: calc(var(--gap)*2) var(--gap);
}
.articles-slide button {
/*    border-radius: 70px;*/
    background: #FFF;
    padding: calc(var(--gap)* .5) calc(var(--gap)* 1.5);
    color: #050925;
    font-family: Roboto;
    width: inherit;
    height: inherit;
    font-weight: 300;
    line-height: normal;
    border: none;
    opacity: .8;
}
.articles-slide button:hover {
    opacity: 1;
}
#partners .container_smal,
#video .container_smal,
#articles .container_smal {
    position: relative;
}
.numbers_border{
    position: fixed;
    height: 100%;
    overflow: hidden;
    margin-left: calc(var(--doc-padd) - 50px)
}
.numbers {
    position: relative;
    top: 22px;
    left: 0;
    width: 76.5px;
    width: var(--doc-padd);
    background-image: url('../images/alta_numbers.png');
    background-size: 100%;
    height: 100%;
    display:flex; 
    flex-direction: column;
    align-items: center;
    padding-bottom: 136px;
    overflow: hidden;
}
.numbers img{
    object-fit: contain;
}
.to-hide{
    display: none;
}
.to-hide.not{
    display: block;
}
.request{
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: var(--gap);
}
.request .col-auto{
    text-align: center;
}
.col-auto button{
    border-radius: 70px;
    background: #050925;
    padding: var(--gap) calc(var(--gap) * 3);
    color: #FFF;
    font-family: "Roboto";
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    border: none;
    width: fit-content;
    margin-top: 19px;
}
.request input::placeholder {
    font-size: 20px;
    color: #091250;
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
}
.request input {
    border-radius: 0;
    background: #E9E9E9;
    padding: calc(var(--gap) / 2) var(--gap);
    font-size: 20px;
    font-family: "Inter";
}

#exampleModal1 p {
    color: #000;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
  
.modal-header {
    border: none;
/*  padding: calc(var(--gap)*2);*/
    text-align: right;
}
.modal-header {
    padding: 0;
    position: relative;
    box-sizing: border-box;
}
.modal-header button {
    margin-left: auto!important;
}
.modal-header .btn-close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    padding: 0;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    z-index: 1;
}

#exampleModalLabel {
    color: #091250;
    font-family: "Inter";
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 139%;
    text-transform: uppercase;
}
  
.modal-body {
/*  padding: var(--gap) clamp(calc(var(--gap)/2),3.5vw,var(--doc-padd-max) ) calc(var(--gap) * 3);*/
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--gap) * 1.5);
}
.modal-body {
    padding: calc(var(--gap) * 3) clamp(calc(var(--gap)/2),3.5vw,var(--doc-padd-max) );
}

.modal-body ul li{
    list-style-type: disc;
}
.modal-body ol {
    padding-left: 17px;
}
.modal-body ol li{
    margin-bottom: calc(var(--gap)/2);
}
.request .modal-title{
    text-align: center;
}
.request *{
    max-width: 420px;
    width: 100%;
    margin-inline: auto;
}


.video_text-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
  
.video_text-item h3 {
    color: #FFF;
    font-family: "Inter";
    font-size: var(--fz);
    font-style: normal;
    line-height: 139%;
    text-transform: uppercase;
    margin-bottom: 25px;
}
  
.video_text-item > * {
    text-align: left;
    margin-top: 0 !important;
    padding-top: 0;
}
  
  
#video p {
    color: #FFF;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-top: 25px;
}
#video .swiper-slide{
    height: unset !important;
}
#video img{
    filter: none !important;
}
  /* .video-item {
    width: 719px;
    height: 436px;
} */
  
.video__wrapper {
    display: grid!important;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: calc(var(--gap)*3);
    height: fit-content;
}

/* Inline #6 | https://altasalus.dxda.ru/ */

video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
  video,.play {
    cursor: pointer;
}
#video .swiper-slide {
    background: transparent;
}
  
.play {
    background-repeat: no-repeat;
    width: 25%;
    padding-bottom: 25%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    background-size: contain;
    background-position: center;
    border: 1px solid #394ABD;
    border-radius: 50%;
}
.play svg {
    position: absolute;
    width: 50%;
    top: 50%;
    left: 56%;
    transform: translate(-50%, -50%);
}
  
  /* style.css | https://altasalus.dxda.ru/style.css */
  
.video-item {
    position: relative;
}
  
.swiper-pagination3 {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}
.agreement {
    display: flex!important;
    align-items: center;
    gap: var(--gap);
}
.agreement-btn {
    width: 30px!important;
    height: 30px;
    min-width: 30px;
    border: 1px solid #050925;
    cursor: pointer;
    margin: 0!important;
}
.agree::after {
    content: '';
    display: block;
    width: 23px;
    height: 23px;
    background: #050925;
    margin: 3px;
}
.agreement p {
    text-align: start;
    margin: 0!important;
    max-width: calc(100% - calc(var(--gap) * 4));
}

.agreement {
    display: flex;
    flex-direction: column;
    align-items: unset;
}
.agreement > p {
    display: flex;
    flex-direction: row;
    text-align: unset !important;
    max-width: unset !important;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
}

@media (max-width: 1400px) {
    /*.numbers {
        width: 74px;
    }*/
    .brief__wrapper-min {
        justify-content: space-around;
    }
}
@media (max-width:1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0;
    }
}
@media (max-width: 1280px) {
    .header__wrapper {
        animation: none!important;
        margin-top: 0;
        border-radius: 0;
    }
}
@media(max-width: 1085px) {
    .nav-link {
/*        font-size: calc(var(--fz) * 0.9);*/
    }
    .phone a {
        font-size: calc(var(--fz) * 0.9);
    }
    .phone {
        width: 242px;
    }
    .navbar {
        padding: var(--gap) 0;
    }
    .brief__wrapper {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .offcanvas .offcanvas-body
    {
        align-items: center;
    }
}

@media (max-width: 991px) {
    .hero__wrapper {
        margin-top: 0;
    }
    .services__wrapper {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    .nav-link
    {
        font-size: calc(var(--fz) * 1.5);
    }
    .nav-link,.phone a {
/*        font-size: (--fz);*/
    }
    .services_item {
        padding: calc(var(--gap)*2);
    }
    .navbar-nav {
        align-content: flex-start;
    }
    .navbar {
        padding: var(--gap) 0;
    }
    .request * {
        margin-inline: auto;
        display: block;
    }
    .agreement a {
        display: inline;
    }
    .modal-title {
        font-size: calc(var(--fz) * 1.5);
        line-height: 1.3em;
    }
    .video-item {
        margin-bottom: calc(var(--gap) * 2);
    }
    header{
        width: 100%;
    }
    .hero__wrapper {
        grid-template-columns: 1fr;
      }
  /*.numbers{
    width: 50px;
}*/
    .services_item > p {
        font-size: 18px;
      }
      .services__wrapper {
        gap: calc(var(--gap)*2);
      }
    .btn-close {
        height: 100%;
    }
    #offcanvasNavbar {
        background-color: #050925 !important;
    }
    .offcanvas-header {
        padding-top: calc(var(--gap)*2);
        padding-bottom: calc(var(--gap)*2);
      }
    .navbar-nav{
        width: 100%;
        margin-inline: auto;
        background-color: #050925;
        color: #fff;
        row-gap: var(--gap);
        margin-bottom: var(--gap);
    }
    .video__wrapper{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .cookie .modal-dialog {
        width: 100%;
        max-width: 100%;
    }
    .hero__wrapper {
        grid-template-columns: 1fr;
    }
    
    .about__wrapper {
        grid-template-columns: 1fr;
        grid-row-gap: calc(var(--gap)*3);
    }
    
    .brief__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .services__wrapper {
        grid-template-columns: 1fr;
    }
  
}
@media (max-width:633px) {
    #offer button {
        padding: calc(var(--gap)* 1.5) calc(var(--gap)* 3);
    }
}
@media (max-width: 600px) {
    .brief__wrapper-min {
        flex-wrap: wrap;
    }
    .footer__wrapper {
        grid-row-gap: calc(var(--gap) * 2);
    }
    .play {
        width: 100px;
        height: 100px;
      }
    .footer_item {
        row-gap: var(--gap);
    }
    #offer button {
        padding: calc(var(--gap)* 1) calc(var(--gap)* 2);
    }
}

@media (max-width: 550px) {
    .slick-dots li {
        margin-top: calc(var(--gap) * 0.5);
    }
    .brief__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .services_item {
        gap: calc(var(--gap) * 2);
        display: grid;
        grid-template-columns: 50px auto;
    }
    .service_img__wrapper img {
        object-fit: cover;
        object-fit: contain;
    }
    #offer h3 {
/*        font-size: calc(var(--gap) * 1.5);*/
    }
    .offer_text_wrap {
        padding-inline: 10px;
    }
    #offer button {
        padding: 12px 42px;
        font-size: 18px;
    }
}
@media (max-width: 450px) {
    .modal-title {
        font-size: calc(var(--fz) * 1.2);
        font-weight: 400;
    }
    h1.modal-title {
        font-weight: 500;
    }
    .modal-body p{
        font-size: calc(var(--fz) * .8);
    }
    .navbar-toggler {
        padding: 0;
    }
    header img{
        width: 70%;
        height: 70%;
    }
    .hero_image{
        width: 200px;
    }
    .hero_text{
        padding-inline: 1rem;
    }
    .hero_text h1{
        font-size: 24px;
    }
    .btn-close {
        height: 50px;
        width: auto;
      }
    .services_item > p {
        font-size: 14px;
      }
      .services_item {
        gap: var(--gap);
        padding: var(--gap);
    }
}
@media(max-width: 320px){
    h2{
        font-size: calc(var(--fz)*1.7);
    }
}


.modal h2 {
    color: unset;
}

.request input[type="checkbox"] {
    padding: calc(var(--gap) / 2);
}

.agreement > p {
    display: flex;
    align-items: center;
}
.service_img__wrapper {
    width: 48px;
}

.services_item>p {
    width: auto;
    flex: 1;
}