@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-VariableFont_opsz\,wght.ttf);
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}



.section__header--background {
    width: 100%;
    background: linear-gradient(259.33deg, #1D4DDA 7.78%, #012687 87.1%);
    height: 732px;
}
.header__container {
    max-width: 1605px;
    margin: 0 auto;
}
.header {
    padding: 20px 0;
    border-bottom: 1px solid #4B63FF
}
.header__inner img {
    width: 82px;
    height: 34px;
}
.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header__inner--nav ul {
    display: flex;
    gap: 34px;
    color: #fff;
    font-size: 15px;
    line-height: 100%;
    font-weight: 500;
}
.header__sign {
    padding: 15px 30px;
    border-radius: 50px;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
background-color: #fff;
height: 49px;
}



.rewiew__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
  
    margin-top: 53px;
    gap: 20px;
}
.rewiew__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.rewiew__header h3 {
font-weight: 700;
font-size: 36px;
line-height: 100%;
letter-spacing: 0%;
color: #fff;
text-align: center;
}
.rewiew__header p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #fff;
max-width: 1309px;
text-align: center;
}
.rewiel__item--text h4 {
 text-align: center;
}
.rewiew__item {
    padding: 20px 30px;
    background-color: white;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 72px;
    color: black;
    max-width: 1600px;
    justify-content: space-between;

}

.info {
    display: flex;
    gap: 157px;
}
.rewiew__item--text h4 {
font-weight: 700;
font-size: 26px;
line-height: 100%;

}
.rewiew__item--text-medium {
    display: flex;
    flex-direction: column;
font-weight: 700;
font-size: 16px;
line-height: 100%;
justify-content: center;
width: 180px;
gap: 5px;
}

.rewiew__item--price {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #000;
}
.rewiew__item--text-bottom {
    flex-direction: column;
    display: flex;
  
    gap: 5px;
}
.rewiew__item--text-bottom p {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
text-align: center;
margin-bottom: 15px;
}
.rewiew__item--text-grid {
   display: grid;
   grid-template-columns: repeat(3, max-content) ;
font-weight: 400;
font-size: 16px;
line-height: 100%;
gap: 5px;
list-style: disc;
padding-left: 20px;
color: #686868;

 li {
    padding-right: 20px;

 }
}
.rewiew__item--button button {
    background: #1A38FB;
    box-sizing: border-box;
    width: 167px;
border-radius: 50px;
font-family: 'Inter';
padding: 15px 30px;
border: none;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: white;
}






.whyWe__inner {
    display: flex;
    flex-direction: column;
    gap: 68px;
    padding: 89px 82px 167.5px 89px;
    background-color: white;
    border-radius: 50px;
    margin-top: -89px;
}
.whyWe__item {
    display: flex;
    flex-direction: column;
    gap: 29px;
}
.whyWe__item h3 {
font-weight: 700;
font-size: 36px;
line-height: 100%;
}
.whyWe__item p {
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: justify;
color: #686868;

}
.whyMe__pros--inner {
    display: flex;
    padding: 50px 26px;
    gap: 20px;
    border-radius: 30px;
    background: #EAF9FF;

}
.whyMe__pros--item {
    padding: 30px;
    display: flex;
    flex-direction: column;
    
    background-color: white;
    width: 50%;
    border-radius: 30px;
}
.whyMe__pros--item h4 {
font-weight: 700;
font-size: 32px;
line-height: 100%;
color: #000000;
}
.whyMe__pros--item ul li {
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #555555;
list-style: disc;
list-style-position: inside;
padding-top: 20px;
}

.content{
    gap: 20px;
}
.whyWe__content--ul {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    gap: 15.4px;
    
    border-left: 5px solid #1A38FB;
    padding-left: 20px;
    list-style-position: inside;
    color: #686868;
   
}


.whyWe__component {
    background: #1D4DDA;
padding: 30px 50px;
color: #fff;
display: flex;
box-sizing: border-box;
flex-direction: column;
margin: 0 auto;
gap: 16px;
max-width: 100%;

}
.whyWe__component--item > *:not(:last-child) {
    margin-right: 59.5px;
}
.whyWe__component--item {
    display: flex;
   align-items: center;


}
.whyWe__component--item h4 {
    
    padding-bottom: 5px;
}
.td {
    max-width: 227px;
    
    text-align: center;
    font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0%;
padding: 5px 0;

}
.th {
    text-align: center;
    border-bottom: 1px solid #fff;
font-weight: 700;
font-size: 16px;
line-height: 150%;
margin-bottom: 5px;
}
.td.one {
    text-align: left;
    
    margin-right: 59.5px;
}
.one {
    min-width: 380px;
}
.two {
    width: 227px;
}
.marker__inner {
    background: #EAF9FF;
border-radius: 30px;
padding: 50px 26px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.marker__item {
    padding: 30px;
    background-color: #fff;
    border-radius: 30px;
    display: flex;
    gap: 20px;
    align-items: center;
}
.marker__item--number p {
font-weight: 700;
font-size: 128px;
line-height: 100%;
color: #DCDCDC;
padding: 6px 0;
height: 155px;


}
.market__item--text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.market__item--text h3 {
font-weight: 700;
font-size: 24px;
line-height: 100%;

}
.market__item--text p {
font-weight: 400;
line-height: 100%;
color: #555555;
max-width: 541px;
}

.about__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.about__item {
    padding: 20px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.about__item--text {
    display: flex;
    gap: 40px;
}
.about__item--rating-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.about__item--rating {
    display: flex;
    align-items: center;
    gap: 7px;
}
.about__item__data span {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #8885AA;

}
.about__item--rating span {
font-weight: 700;
font-size: 15px;
line-height: 100%;

}
.about__item--text-profile {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}
.about__item--text-rewiew {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.about__item--text-like {
    display: flex;
    gap: 30px;
}
.about {
    border-radius: 10px;
    background: #EAF9FF;
    padding: 50px 20px;
    gap: 20px;
}
.about__more {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about__more span {
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #9E9E9E;
margin-bottom: 5px;
}
.about__more img {
    margin-bottom: 20px;
}
.about__more button {
    border-radius: 50px;
    padding: 15px 30px;
    font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: #fff;
border:none;
background: #1A38FB;

}
.thoughts {
    padding: 50px;
    background: #EAF9FF;
border-radius: 10px;
gap: 20px;
}
.thoughts__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.thoughts__item {
    border-radius: 10px;
    padding: 20px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.thoughts__item--profile-text {
    display: flex;
    align-items: center;
    gap: 40px;
}
.thoughts__item--profile {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}
.thoughts__item--data {
    display: flex;
    justify-content: space-between;
}
.thoughts__item--data span {
    font-family: Inter;
font-weight: 400;
font-size: 12px;
line-height: 100%;
color: #8885AA;

}
.thoughts__item--data a {
    font-family: Inter;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-thickness: 0%;
color: #1A38FB;

}




.leave__inner {
    padding: 30px 0;
    background: #fff;
    border-top: 1px solid #CDD4FF;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.leave__item {
    width: 678px;
}
.leave__item--form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.leave__item--form-top {
    display: flex;
    gap: 20px;
}
.leave__item--form-top input {
    width: 100%;
    background: #F4F4F4;
border: none;
padding: 16px 0 15px 20px;
color: #525252;
width: 329px;

}
input::placeholder {
    font-family: Inter;
font-weight: 400;
font-size: 14px;
line-height: 100%;

}
.leave__item--form-textarea textarea {
    width: 678px;
    background: #F4F4F4;
padding: 18.5px 0 0 21.22px;
border: none;
height: 190.5px;
}
textarea::placeholder {
    color: #525252;
    font-family: Inter;
font-weight: 400;
font-size: 14px;
line-height: 100%;


}
.leave__item--form--check {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    label {
        font-family: Inter;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #696969;

    }
}
.leave__item--form--check input {
    width: 16px;
    height: 16px;
}
.leave__item--form button {
    padding: 14px 30px;
    font-family: Inter, sans-serif;
    width: 170px;
    height: 49px;
font-weight: 400;
font-size: 16px;
line-height: 100%;
background: #1A38FB;
color: #fff;
border: none;
border-radius: 50px;
font-display: swap;
display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.footer--logo {
    width: 82px;
    height: 34px;
}
.footer__inner {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 92px 0;
}
.footer__item {
font-weight: 500;
font-size: 15px;
color: #686868;
display: flex;
flex-direction: column;
gap: 10px;
}
.footer__item--logo {
    gap: 20px;
}
.footer__item--logo p {
font-weight: 400;
font-size: 16px;
line-height: 100%;

}
.footer__item--a {
    display: flex;
    gap: 8px;
    flex-direction: row;
}