html{
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
*::after,
*::before{
    box-sizing: inherit;
}
ul{
    text-decoration: none;
    list-style: none;
}
a{
    color: inherit;
    text-decoration: none;
}
.title__mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
        margin-bottom: 60px;
    color: inherit;
    }
.container{
    max-width: 1240px;
    margin: 0 auto;
}    
.header{
    /* border-bottom: 1px solid #0078EA; */
    background-color: #A1CBED;
    box-shadow: 11px 8px 43.9px 0px #0078EA;
    height: 98px;
    position: relative;
}
main{
    background-color: #DAE7F0;
    height: 760px;
}
.header__inner{
    display: flex;
justify-content: space-between;
padding-top: 35px;

}
.menu__list{
display: flex;
justify-content: space-between;
gap: 30px;
}
.menu__item{
    color: #535353;
font-family: Montserrat;
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.53px;
text-transform: uppercase;
}
.main__title{
    color: #545454;
font-family: "Days One";
font-size: 41px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.22px;
text-transform: uppercase;
}
.main__title>span{
    text-stroke: 1px #0078EA;
    color: #545454;
    -webkit-text-stroke: 1px #0078EA;

    background: linear-gradient(90deg, #0078EA 0%, #F6F6F6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.main__inner{
    padding-top: 80px;
    display: flex;
    justify-content: space-between;
}
.main__text{
    margin-top: 50px;
    max-width: 630px;
}
.main__bg-blur{
    position: absolute;
    z-index: 0;
    top: 50px;
    left: -300px;
    width: 1100px;
    height: 900px;
}
.main__img{
    border-radius: 20px;
    width: 580px;
background: url(<path-to-image>) lightgray 0.004px 0px / 168.421% 105.07% no-repeat;
box-shadow: 6px 6px 103.4px 0px rgba(0, 120, 234, 0.68);
}
.main__button{
    color: #535353;
text-align: center;
font-family: Montserrat;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 2.52px;
text-transform: uppercase;
width: 505px;
height: 97px;
flex-shrink: 0;
border-radius: 14px;
border: 1px solid #535353;
background: rgba(23, 68, 210, 0.02);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
margin-top: 50px;
position: absolute;
z-index: 1;
margin-left: 170px;
}
.main__button>a>span{
    color: #3A8BDB;
}
.advantages{
    background-color: #232731;
    height: 588px;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.advantages__title{
    width: 780px;

    text-align: center;
-webkit-text-stroke-width: 1;
-webkit-text-stroke-color: #0078EA;
font-family: "Days One";
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 3.6px;
text-transform: uppercase;
background: linear-gradient(93deg, #DAE7F0 -15.67%, #0078EA 127.52%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.advantages__title-block{
    display: flex;
    justify-content: center;
}
.advantages__line1,.advantages__line2{
    display: flex;
    justify-content: left;
    gap: 110px;
    margin-top: 85px;
}
.advantages__item{
    width: 660px;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 25px;
}
.advantages__item-text{
    color: #DAE7F0;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 2.16px;
text-transform: uppercase;
}
.advantages__drop1{
    position: absolute;
    left: 120px;
    top: -55px;
    z-index: 10;
}
.advantages__drop2{
    position: absolute;
    right: 120px;
    bottom: -40px;
    z-index: 10;
}
.services{
    background-color: #DAE7F0;
    padding-top: 160px;
    padding-bottom: 120px;
}
.services__title{
    -webkit-text-stroke: 1px #0078EA;
font-family: "Days One";
font-size: 58px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.22px;
text-transform: uppercase;
background: linear-gradient(93deg, #DAE7F0 -15.67%, #0078EA 127.52%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 50px;
}
.services__item{
    display: flex;
    justify-content: left;
    gap: 45px;
    align-items: flex-start;
    margin-bottom: 50px;
}
.services__item-text{
    margin-top: 195px;
    color: #232731;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.services__item-block{
    position: relative;
}
.services__item-name{
    padding: 24px;
    border-radius: 14px;
border: 1px solid #535353;
background: rgba(23, 68, 210, 0.08);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(80px);
width: 432px;
height: 83px;
flex-shrink: 0;
color: #232731;
font-family: Montserrat;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 2.52px;
text-transform: uppercase;
text-align: center;
position: absolute;
right: -330px;top: 42px;
}
.services__item-reverse{
    flex-direction: row-reverse;
}
.services__item-name-reverse{
    left: -360px;
}
.services__item-name3{
    padding: 14px;
    height: 103px;
}
.services__item-text3{
    margin-top: 195px;

}
.services__link{
    -webkit-text-stroke: 1px #0078EA;
font-family: "Days One";
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 3.24px;
text-transform: uppercase;
background: linear-gradient(93deg, #7ABBE9 -15.67%, #0078EA 127.52%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-left: 500px;
position: relative;
}
.services__link::after{
    content: url('../images/arrow.svg');
    display: block;
    position: absolute;
    width: 76px;
height: 44px;
right: -100px;
top: 0;

}

.form__section{
    height: 840px;
    background-color: #232731;
padding-top: 100px;
position: relative;
}
.form__title{

font-family: "Days One";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 4.68px;
text-transform: uppercase;
background: linear-gradient(93deg, #DAE7F0 -15.67%, #0078EA 127.52%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
.form__title-block{
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
}
.input{
    background: none;
    border: none;
    border-bottom: 1px solid #F7F7F7;
    width: 644px;
    color: rgba(218, 231, 240, 1);

font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 4px;
text-transform: uppercase;
padding: 10px;
padding-left: 40px;
}
.form{
    height: 520px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
.submit__btn{
    margin-top: 40px;
    color: #DAE7F0;
font-family: Montserrat;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 2.52px;
text-transform: uppercase;
border-radius: 14px;
border: 1px solid #DAE7F0;
background: linear-gradient(90deg, rgba(218, 231, 240, 0.08) 0%, rgba(5, 161, 228, 0.08) 100%);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(50px);
width: 326px;
height: 68px;
flex-shrink: 0;
}
.input2{
    width: 260px;
}
.input3{
    width: 340px;
}
.last__inputs{
    width: 644px;
    display: flex;
    justify-content: space-between;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none; // Yeah, yeah everybody write about it
}

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}
.reviews{
    position: relative;
    padding-top: 200px;
    height: 860px;
    background-color: #DAE7F0;
}
.reviews__top-line{
    display: flex;
    justify-content: flex-start;
    gap: 55px;
    position: absolute;
    width: 5000px;
    top: 60px;
    left: 20px;
}
.reviews__bottom-line{
    display: flex;
    justify-content: flex-start;
    gap: 55px;
    position: absolute;
    width: 5000px;
bottom: 40px;

}
.top-line-text{
    -webkit-text-stroke: 1px rgba(35, 39, 49, 0.50);
font-family: "Days One";
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 4.32px;
text-transform: uppercase;
background: linear-gradient(93deg, rgba(218, 231, 240, 0.50) -15.67%, rgba(35, 39, 49, 0.50) 127.52%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.reviews__list{
    display: flex;
justify-content: space-between;
align-items: center;
}
.reviews__item{
    position: relative;
    padding: 33px;
    padding-bottom: 44px;
    border-radius: 14px;
border: 1px solid #0078EA;
background: linear-gradient(90deg, rgba(218, 231, 240, 0.08) 0%, rgba(0, 120, 234, 0.08) 100%);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(50px);
width: 326px;
height: 395px;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
gap: 40px;
}

.reviews__item-text{
    color: #232731;
font-family: Montserrat;
font-size: 14px;
font-style: italic;
font-weight: 500;
line-height: normal;
font-variant: small-caps;
letter-spacing: 1.35px;
width: 272px;
height: 184px;
flex-shrink: 0;
}
.reviews__item-customer{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.reviews__item-customer--name{
    color: #232731;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
font-variant: small-caps;
letter-spacing: 1.62px;
}
.reviews__item-customer--info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}
.reviews__item-center{
    width: 373px;
height: 451.948px;
flex-shrink: 0;
box-shadow: 0px 0px 40px 20px rgba(0, 120, 234, 0.2);
}
.reviews__item-center>.reviews__item-text{
font-size: 15px;
width: 307px;
height: 190px;
flex-shrink: 0;
}
.reviews__quote{
    position: absolute;
    right: 25px;
    top: -15px;
}
.contact{
    height: 840px;
    background-color: #DAE7F0;
    padding-top: 460px;
    position: relative;
}
.contact__socials-item{
    display: flex;
    align-items: center;
    gap: 20px;
}
.socials-item--link{
    z-index: 80;
    color: #444B5E;
font-family: Montserrat;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.contact__socials{
    display: flex;
    flex-direction: column;
    height: 280px;
    justify-content: space-between;
    align-items: flex-start;
}
.contact__phone1{
    position: absolute;
    top: 1px;
    left: 320px;
    z-index: 2;
}
.contact__phone2{
    position: absolute;
    bottom: -134px;
    right: 0;
    z-index: 2;
}
.footer{
    height: 134px;
    border: 1px solid rgba(68, 75, 94, 0.10);
    background-color: #C6D3DE;
}
.footer__logo{
margin-top: 40px;
margin-left: 100px;
}

.reviews{
    overflow: hidden;
}
.contact__shadow{
    width: 873.856px;
height: 742.155px;
    position: absolute;
    top: -20px;
    left: 400px;

}
.header__logo-link{
    z-index: 100;
}
.header__logo-short{
    display: none;
}
.menu__mobile{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
background-color: #A1CBED;
padding-top: 40px;
       transform: translateY(-1200px);
        opacity: 1;
        transition: .8s;

z-index: 100;
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: center;
}
.menu--open{
    transform: translateY(0);
opacity: 1;

}
.header__menu-btn--mobile{

    display: none;
    width: 50px;
    height: 42px;
    border: none;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    flex-direction: column;
justify-content: space-between;
margin-left: 30px;
display: none;
z-index: 101;
}
.header__menu-btn--mobile span {
height: 1px;
background-color: #232731;
width: 100%;

}
.menu__list-item{
    color: #535353;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.53px;
text-transform: uppercase;
}
.main__title-mobile{
    width: 500px;
    font-size: 28px;
}
.header__menu-list--mobile{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items:center;
    gap: 30px;
    margin-bottom: 60px;
}

.sticky {
    position: sticky;
    top: 0;
    z-index: 99;
  }
.slider{
    display: none;
}
.main__img {
    box-shadow: 0px 0px 40px 0px rgb(0 120 234 / 38%);
}
.services__item-img{
    border-radius: 7px;
    height: 500px;
}



.reviews__item-customer--photo{
    border-radius: 50px;
    width: 70px;
}














































@media (max-width:1488px){
    .contact__phone1 {
        width: 740px;
        left: 232px;
    }
    .contact__phone2 {
        width: 822px;
    }
}
@media (max-width:1388px){
    .contact__phone1 {
        left: 140px;
    }
}








@media (max-width:1300px){
    .container {
        max-width: 1120px;
    }
    .main__text {
        max-width: 560px;
    }
    .main__title {
        font-size: 36px;
    }
    .main__button {
        font-size: 24px;
        margin-left: 132px;
        width: 481px;
    }
    .main__img {
        width: 523px;
    }
    .advantages__drop1 {
        left: 62px;
        width: 88px;
    }
    .advantages__drop2 {
        right: 62px;
        width: 88px;
    }
    .advantages__item-text {
        font-size: 22px;
    }
    .advantages__title {
        font-size: 36px;
    }
    .services__title {
    font-size: 52px;
    }
    .services {
    padding-top: 100px;
}
.services__item-img{
    width: 480px;
}
.services__item-text {
    font-size: 16px;
}
.services__item-name {
    width: 371px;
    font-size: 26px;
}
.services__item-name-reverse {
    left: -335px;
}
.services__item-name3 {
    padding: 12px;
    height: 92px;
}
.services__link {
    font-size: 32px;
}
.form__title {
    font-size: 48px;
}
.submit__btn {
    font-size: 26px;
    width: 294px;
    height: 58px;
}
.top-line-text {
    font-size: 44px;
}
.reviews__item {
    width: 307px;
    height: 376px;
    gap: 22px;
}
.reviews__item-center {
    width: 359px;
    height: 426.948px;
}
.reviews__item-text {
    font-size: 13px;
    width: 243px;
}
.reviews__item-center>.reviews__item-text {
    font-size: 14px;
    width: 290px;
}
.socials-item--img{
    width: 48px;
}
.socials-item--link {
    font-size: 21px;
}
.contact__phone1 {
    width: 668px;
}
.contact__phone2 {
    width: 768px;
}
.main__bg-blur {
    width: 840px;
    height: 822px;
}

.contact__shadow {
    width: 612.856px;
    height: 552.155px;
    left: 290px;
}
}

@media (max-width:1200px){
    .container {
        max-width: 1060px;
    }
    .main__button {
        font-size: 22px;
        margin-left: 117px;
        width: 462px;
        height: 96px;
    }
    .main__title {
        font-size: 32px;
    }
    .main__bg-blur {
        width: 711px;
        height: 682px;
    }
    .main__text {
    max-width: 477px;
}
.main__img {
    width: 498px;
}
main {
    height: 702px;
}
.advantages__item-img{
    width: 58px;
}
.services__item-img {
    width: 432px;
}
.services__item-name {
    width: 347px;
    padding: 18px;
    font-size: 24px;
    height: 67px;
}
.services__item-text {
    font-size: 15px;
}
.services__item-name-reverse {
    left: -320px;
}
.services__item-name3 {
    padding: 12px;
    height: 85px;
}
.services__link {
    margin-left: 372px;
    font-size: 30px;
}
.services__link::after {
    transform: scale(0.9);
}
.form__title {
    font-size: 42px;
}
.form__title-block {
    margin-bottom: 56px;
}
.input {
    width: 574px;
}
.last__inputs {
    width: 574px;
}
.input2 {
    width: 200px;
}
.input3 {
    width: 260px;
}
}

@media (max-width:1100px){
.header__logo-short{
    display: flex;
}
.header__logo{
    display: none;
}
.header__inner {
    align-items: center;
    padding-top: 15px;
}
.container {
    max-width: 948px;
}
.main__title {
    font-size: 28px;
}
.main__inner {
    padding-top: 64px;
}
.main__img {
    width: 460px;
}

.main__button {
    font-size: 20px;
    margin-left: 80px;
    width: 423px;
    height: 83px;
}
main {
    height: 646px;
}
.advantages__drop1 {
    width: 70px;
    top: -38px;
}
.advantages__drop2{
    width: 70px;
    bottom: -32px;
}
.advantages__item-text {
    font-size: 19px;
}
.advantages__title {
    font-size: 34px;
    width: 758px;
}
.services__title {
    font-size: 48px;
}
.services__item-text {
    font-size: 13px;
}
.services__item-name {
    width: 300px;
    font-size: 22px;
    font-weight: 500;
    right: -282px;
}
.services__item-name-reverse {
    left: -281px;
}
.services__item-name3 {
    height: 81px;
}
.services__link {
    margin-left: 288px;
}
.form__title {
    font-size: 40px;
}
.form__section {
    height: 840px;
}
.form__section {
    height: 780px;
}
.reviews__item {
    width: 273px;
    height: 348px;
    gap: 5px;
}
.reviews__item-text {
    font-size: 12px;
    width: 209px;
}
.reviews__item-center {
    width: 359px;
    height: 426.948px;
}
.reviews__item-center {
    width: 332px;
    height: 395.948px;
}
.reviews__item-center>.reviews__item-text {
    font-size: 14px;
    width: 275px;
}
.reviews {
    height: 782px;
}
.socials-item--link {
    font-size: 20px;
}
.contact__socials {
    height: 226px;
}
.contact {
    height: 742px;
}
.contact__phone1 {
    width: 564px;
}
.contact__phone2 {
    width: 664px;
}
}
@media (max-width:1000px){
    .services__item-img {
        width: 398px;
        height: 451px;
    }
    .container {
        max-width: 800px;
    }
    .header__menu-btn--mobile{
        display: flex;
    }
    .menu__list{
        display: none;
    }
    .main__title {
        font-size: 22px;
    }
    .main__title-mobile{
        width: 660px;
        font-size: 36px;
        text-align: center;
    }

    .title__mobile{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
        margin-bottom: 60px;
    }
    .main__img {
        width: 403px;
    }
    .main__button {
        font-size: 18px;
        margin-left: 22px;
        width: 387px;
        height: 75px;
        margin-top: 47px;
    }
    .main__button-mobile{
        margin-left: 0;
        margin-top: 0;
        position: static;
    }
    .main__text {
        max-width: 353px;
    }
    .advantages__title {
        font-size: 32px;
        width: 705px;
    }
    .advantages__item-text {
        font-size: 16px;
    }
    .advantages__item-img {
        width: 47px;
    }
    .advantages {
        height: 524px;
    }
    .advantages__drop1 {
        width: 60px;
        top: -26px;
    }
    .advantages__drop2 {
        width: 60px;
        bottom: -22px;
    }
    .services__title {
        font-size: 44px;
    }
    .services {
    padding-top: 60px;
}
.services__item-img {
    width: 398px;
}
.services__item-name {
    width: 270px;
    font-size: 20px;
    font-weight: 500;
    right: -258px;
    padding: 13px;
    height: 58px;
}
.services__item-text {
    font-size: 12px;
}
.services__item-name-reverse {
    left: -252px;
}
.services__item-name3 {
    height: 76px;
}
.services__link {
    margin-left: 170px;
    font-size: 28px;
}
.services__link::after {
    transform: scale(0.8);
}
.form__title {
    font-size: 37px;
}
.form__section {
    padding-top: 65px;
}
.input {
    width: 432px;
}
.last__inputs {
    width: 432px;
}
.input2 {
    width: 170px;
}
.input3 {
    width: 232px;
}
.submit__btn {
    font-size: 22px;
    width: 243px;
    height: 53px;
    margin-top: 20px;
}
.form__section {
    height: 748px;
}
.reviews__item {
    width: 232px;
    height: 302px;
    gap: 5px;
}
.reviews__item-center {
    width: 294px;
    height: 354.948px;
}
.reviews {
    padding-top: 159px;
    height: 678px;
}
.reviews__item-text {
    font-size: 10px;
    width: 171px;
}
.reviews__item-customer--photo{
    width: 44px;
}
.reviews__item-customer--name {
    font-size: 14px;
}
.reviews__item-customer {
    gap: 12px;
}
.reviews__item-center>.reviews__item-text {
    font-size: 13px;
    width: 232px;
}
.reviews__item-center>.reviews__item-customer{
transform: scale(1.3);
margin-left: 16px;
}
.contact__phone1 {
    width: 509px;
        left: 100px;
}
.contact__phone2 {
    width: 595px;
}
.contact {
    padding-top: 367px;
    height: 652px;
}
.socials-item--link {
    font-size: 17px;
}
.socials-item--img {
    width: 44px;
}
.header__logo-short{
    display: none;
}
.header__logo{
    display: flex;
    transform: scale(1.2);
    margin-top: 16px;
    margin-left: 20px;
}
.contact__shadow {
    width: 374.856px;
    height: 448.155px;
    left: 279px;
}
}
@media (max-width:820px){
    main {
        height: calc(100vh - 88px);
    }
    .main__inner{
        flex-direction: column;
        align-items: center;
        gap: 100px;
    }
    .main__text {
    max-width: 628px;
}
.main__title {
    font-size: 38px;
    text-align: center;
}
.header__inner {
    padding-top: 15px;
}
.header__menu-btn--mobile {
    height: 33px;
}
.header {
    height: 88px;
}
.container {
    max-width: 660px;
}
.main__img {
    width: 450px;
    margin-left: 162px;
    margin-top: 0;
}
.main__inner {
    padding-top: 44px;
}
.title__mobile {
    gap: 76px;
}
.advantages__title {
    font-size: 30px;
}
.advantages__line1, .advantages__line2 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 40px;
}
.services__title {
    font-size: 40px;
}
.services__item {
    flex-direction: column;
    align-items: center;
}
.services__item-text {
    margin-top: 32px;
    font-size: 13px;
}
.services__item-name {
    top: 436px;
    left: 69px;
}
.services__item-name-reverse {
    top: 434px;
    left: 60px;
}
.services__link {
    margin-left: 58px;
}
.form__title {
    font-size: 32px;
    letter-spacing: 2px;
}
.form {
    height: 457px;
}
.input {
    font-size: 16px;
    letter-spacing: 5px;
    padding-left: 22px;
}
.form__section {
    height: 696px;
}
.footer__logo {
    margin-top: 40px;
    margin-left: -19px;
    transform: scale(0.8);
}
.contact__phone1 {
    width: 440px;
    left: 100px;
}
.contact__phone2 {
    width: 537px;
}
.socials-item--link {
    font-size: 15px;
}
.socials-item--img {
    width: 41px;
}
.contact__socials {
    height: 187px;
}
.contact {
    padding-top: 318px;
    height: 536px;
}
.top-line-text {
    font-size: 38px;
}
.slider{
    display: block;
}
.reviews__list{
    display: none;
}
.reviews__item-text {
    font-size: 14px;
    width: 247px;
}
.reviews__item {
    width: 242px;
    height: 309px;
    gap: 39px;
}
.reviews__quote{
    display: none;
}
.main__button {
    margin-left: 1px;
}
}


@media (max-width:720px){
    .container {
        max-width: 580px;
    }
    .main__title {
        font-size: 34px;
        text-align: center;
    }
    .advantages__item-img {
        width: 40px;
    }
    .advantages__item {
        width: 542px;
    }
    .advantages__title {
        font-size: 28px;
    }
    .header__menu-btn--mobile {
        width: 46px;
    }
    .services__title {
        font-size: 38px;
    }
    .services {
        padding-top: 36px;
    }
    .services__title {
        margin-bottom: 35px;
    }
    .services__item-name {
        padding: 16px;
    }
    .services__link {
    font-size: 26px;
}
.services__link::after {
    transform: scale(0.7);
    height: 24px;
    right: -74px;
}
.services {
    padding-bottom: 73px;
}
.form__title {
    font-size: 28px;
    letter-spacing: 1px;
}
.reviews__item {
    width: 204px;
    height: 275px;
    gap: 39px;
}
.reviews__item-text {
    font-size: 14px;
    width: 208px;
}
.contact__shadow {
    width: 374.856px;
    height: 448.155px;
    left: 157px;
}
.contact__phone1 {
    width: 373px;
    left: 38px;
}
.contact__phone2 {
    width: 436px;
}
}

@media (max-width:620px){
    .container {
        max-width: 520px;
    }
    .header__menu-btn--mobile {
        width: 41px;
        height: 31px;
    }
    .header__logo {
        transform: scale(1.0);
    }

    .main__title {
        width: 470px;
        font-size: 26px;
    }
    .main__bg-blur {
        width: 858px;
        left: -430px;
        height: 765px;
    }
    .main {
        overflow: hidden;
    }
    .main__button {
        font-size: 18px;
        margin-left: -33px;

        width: 264px;
        height: 82px;
        margin-top: 79px;
    }
    .main__img {
        display: flex;
        width: 580px;
        margin-left: 440px;
    }
    .main__inner {
        flex-direction: column;
        align-items: center;
        gap: 35px;
    }
    .main__title {
        width: 470px;
        font-size: 28px;
    }
    .menu__list-item {
        font-size: 19px;
        letter-spacing: 1px;
}
.main__button-mobile{
    width: 363px;
    margin-left: 0;
    margin-top: -3px;
}
.advantages__item {
    width: 460px;
}
.advantages__title {
    letter-spacing: 2px;
    font-size: 26px;
}
.advantages__drop2 {
    width: 48px;
    bottom: -20px;
}
.advantages__drop1 {
    width: 48px;
    top: -22px;
}
.services__item-img {
    width: 374px;
}
.services__item-name {
    top: 427px;
    left: 58px;
}
.services__item-name-reverse {
    top: 438px;
}
.services__link {
        font-size: 24px;
}
.services__link::after {
    height: 5px;
}
.top-line-text {
    font-size: 34px;
}
.contact__phone1 {
    width: 351px;
    left: 38px;
}
.contact__phone2 {
    width: 377px;
}
.socials-item--link {
    font-size: 14px;
}
.socials-item--img {
    width: 34px;
}
.contact__socials {
    height: 168px;
}
.contact {
    padding-top: 306px;
    height: 494px;
}
.footer {
    height: 89px;
    border: 1px solid rgba(68, 75, 94, 0.10);
    background-color: #C6D3DE;
}
.footer__logo {
    margin-top: 16px;
    margin-left: -19px;
    transform: scale(0.8);
}
.contact__phone2 {
    position: absolute;
    bottom: -89px;
    right: 0;
    z-index: 2;
}
.input {
    width: 374px;
}
.last__inputs {
    width: 374px;
}
.input2 {
    width: 135px;
}
.input3 {
    width: 192px;
}
.contact__shadow {
    width: 374.856px;
    height: 448.155px;
    left: 94px;
}
.services__link-block{
    width: 200px;
}
.services__link {
    margin-left: 0px;
}
.services__link-block {
    width: 382px;
    margin-left: 44px;
}
.services__link::after {
    right: -158px;
        height: 0px;
}
}

@media (max-width:560px){
    .container {
        max-width: 460px;
    }
    .main__img {
        display: flex;
        width: 536px;
        margin-left: -347px;
    }
    .main__inner {
        flex-direction: column;
        align-items: center;
        gap: 95px;
    }
    .main__title {
        width: 470px;
        font-size: 24px;
    }
    .main__title {
    width: 470px;
    font-size: 24px;
}
.main__bg-blur {
display: none;
}
.main__button {
    margin-left: 192px;
    margin-top: 49px;
}
.main__button {
    font-size: 16px;
    width: 275px;
}
.advantages__title {
    letter-spacing: 1px;
    font-size: 24px;
}
.advantages__item-img {
    width: 37px;
}
.advantages__item {
    width: 388px;
}
.services__item-img {
    width: 334px;
    height: 415px;
}
.services__item-name {
    top: 386px;
    left: 38px;
}
.services__item-text {
    margin-top: 32px;
    font-size: 12px;
}
.services__item-name-reverse {
    top: 400px;
}
.form__title {
    font-size: 24px;
    letter-spacing: 0px;
}
.submit__btn {
    font-size: 20px;
    width: 223px;
    height: 45px;
    margin-top: 20px;
}
.reviews__item {
    width: 188px;
    height: 253px;
    gap: 24px;
}
.reviews__item-text {
    font-size: 13px;
    width: 201px;
}
.reviews {
    padding-top: 147px;
    height: 622px;
}
.contact__phone2 {
display: none;
}
.contact__shadow {
    width: 374.856px;
    height: 448.155px;
    left: 55px;
}
.main__button-mobile {
    width: 363px;
    margin-left: 0;
    margin-top: -3px;
}
}


@media (max-width:480px){
    .main__inner {
        padding-top: 34px;
    }
    .main__title {
        width: 400px;
        font-size: 24px;
    }
    .main__button-mobile {
        width: 331px;
        margin-left: 0;
        margin-top: -3px;
    }
    .menu__list-item {
        font-size: 18px;
        letter-spacing: 1px;
    }
    .header__menu-list--mobile {
        gap: 22px;
    }
    .main__button {
        margin-left: 125px;
    }
    .container {
        max-width: 400px;
    }
    .header {
        height: 72px;
    }
    .header__logo {
        transform: scale(0.9);
        margin-top: 4px;
    margin-left: -22px;
    }

    .services__item-name {
        width: 248px;
        font-size: 18px;
        font-weight: 500;
        right: -258px;
        padding: 14px;
        height: 51px;
        top: 369px;
    }
    .services__item-img {
        width: 317px;
        height: 385px;
    }
    .services__item-name-reverse {
        top: 372px;
    }
    .services__item-name3 {
        padding: 10px;
        height: 65px;
    }

    .services__link-block {
        width: 243px;
        margin-left: 2px;
    }
    .input {
        width: 326px;
    }
    .last__inputs {
        width: 326px;
    }
    .input2 {
        width: 113px;
    }
    .input3 {
        width: 174px;
    }
    .input {
        font-size: 15px;
        letter-spacing: 3px;
        padding-left: 22px;
    }
    .contact__socials-item {
        display: flex;
        align-items: center;
        gap: 11px;
    }
    .socials-item--link {
        font-size: 13px;
    }
    .socials-item--img {
        width: 29px;
    }
    .contact__phone1 {
        width: 287px;
        left: 38px;
    }
    .contact {
        padding-top: 249px;
        height: 437px;
    }
    .contact__phone2 {
        width: 327px;
    }
    .footer__logo {
        margin-top: 16px;
        margin-left: -16px;
        transform: scale(0.6);
    }
    .contact__shadow {
        width: 374.856px;
        height: 448.155px;
        left: -30px;
    }
    .main__button-mobile {
        margin-left: 0;
    }
}


@media (max-width:400px){
    .main__button {
        font-size: 12px;
        width: 182px;
        margin-left: 148px;
        height: 64px;
        margin-top: 132px;
    }
    .main__img {
        display: flex;

        width: 259px;
        margin-left: -214px;
    
    }
    .container {
    max-width: 290px;
}
.header__menu-btn--mobile {
    width: 36px;
    height: 28px;
    margin-top: -4px;
}
.advantages__title {
    letter-spacing: 0px;
    font-size: 20px;
}
.advantages__item-text {
    font-size: 14px;
    letter-spacing: 1px;
}
.advantages__item {
    width: 305px;
}
.services__title {
    font-size: 32px;
}
.services__item-img {
    width: 290px;
    height: 349px;
}
.services__item-name {
    width: 224px;
    top: 332px;
}
.services__item-text {
    letter-spacing: 0px;
    
    font-size: 11px;

}
.services__item-name-reverse {
    top: 338px;
}
.services__link {
    margin-left: 0px;
}
.services__link::after {
    transform: scale(0.5);
    right: -145px;
    height: 17px;
}
.input {
    width: 280px;
}
.input {
    font-size: 14px;
    letter-spacing: 2px;
    padding-left: 9px;
}
.last__inputs {
    width: 280px;
}
.input2 {
    width: 113px;
}
.input2 {
    width: 89px;
}
.input3 {
    width: 174px;
}
.reviews__item {
    width: 195px;
    height: 252px;
    gap: 14px;
    padding: 18px;
    padding-bottom: 19px;
}
.reviews__item-text {
    font-size: 11px;
    width: 180px;
}
.footer {
    height: 71px;
    border: 1px solid rgba(68, 75, 94, 0.10);
    background-color: #C6D3DE;
}
.footer__logo {
    margin-top: 6px;
    margin-left: 8px;
    transform: scale(0.6);
}
.main__button-mobile {
    margin-left: 0;
    margin-top: 0;
}
.logo__mobile{
    margin-left: -80px;
}
.menu__mobile {
    padding-top: 24px;
}
.title__mobile {
    gap: 40px;
}
.header__menu-list--mobile {
    gap: 16px;
}
.main__title {
    width: 332px;
    font-size: 26px;
}





.main__title {
    width: 360px;
    font-size: 18px;
}

.main__title>span {
    font-size: 28px;
}
.advantages__drop1 {
    left: 5px;
}
.advantages__drop2 {
    right: 15px;
}
.main__inner {
    padding-top: 36px;
    gap: 30px;
}
.main__img {
    display: flex;
    width: 344px;
    margin-left: -214px;
}

















.title__mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 38px;
}
.menu__list-item {
    font-size: 16px;
    letter-spacing: 0px;
}
}