* {
    margin: 0;
    padding: 0;
    font-family: Gilroy, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    box-sizing: border-box;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

html {
    scroll-behavior: smooth;
}
section {
    overflow: hidden; 
}

a, button, input, textarea {
    text-decoration: none;
    border: none;
    cursor: pointer;
}

a, p {
    font-weight: 400;
}

h1, h1 b, h2, h2 b, h3, h3 b, h4, h4 b{
    font-family: Magistral, sans-serif;
}

h1 {
    font-size: 42px;
    font-weight: 700;
    color: #191919;
}

b {
    color: #285D9B;
}

h1 b {
    color: #285D9B;
}

h2 {
    font-size: 30px;
    font-weight: 700;
}

input::placeholder, textarea::placeholder {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.num::after {
    content: "%";
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.ddn {
    display: none;
}

.container {
    width: 1100px;
    margin: 0 auto;
}

.aae {
    background: #3AA1EE !important;
    color: #fff !important;
    border: 2px solid transparent !important;
}
.aae:hover {
    background: #fff !important;
    color: #3AA1EE !important;
    border: 2px solid #3AA1EE !important;
}

.fff {
    background: #fff !important;
    color: #285D9B !important;
    border: 2px solid transparent !important;
}
.fff:hover{
    color: #fff !important;
    background: transparent !important;
    border: 2px solid #fff !important;
}
/* FONTS */

@font-face {
    font-weight: 700;
    font-family: Gilroy;
    src: url("fonts/gilroy/Gilroy-Bold.woff2");
}

@font-face {
    font-weight: 400;
    font-family: Gilroy;
    src: url("fonts/gilroy/Gilroy-Medium.woff2");
}

@font-face {
    font-weight: 700;
    font-family: Magistral;
    src: url("fonts/magistral/Magistral-Bold.woff2");
}

@font-face {
    font-weight: 400;
    font-family: Magistral;
    src: url("fonts/magistral/Magistral-Medium.woff2");
}

/*---------------------------------------------------------------- HEADER STYLES */
.header {
    padding-top: 26px;
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-menu {
    display: flex;
    gap: 36px;
}

.menu-link {
    color: #191919;
    font-size: 16px;
    font-weight: 400;
}

.menu-link:hover {
    color: #3AA1EE;
    border-bottom: 1px solid #3AA1EE;
}

.header-contacts-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
}

.header-tel {
    color: #191919;
    font-size: 18px;
    font-weight: 700;
}

.popup-btn {
    font-size: 16px;
    font-weight: 700;
    padding: 11px 39px;
    border-radius: 50px;
    text-transform: uppercase;
}

/*---------------------------------------------------------------- OFFER STYLES */

.offer {
    padding-top: 36px;
    padding-bottom: 60px;
}
.offer .container {
    display: flex;
    align-items: center;
}
.offer-title {
    color: #191919;
}
.offer-title b {
    color: #285D9B;
}
.offer-text {
    color: #6B6B6B;
    font-size: 18px;
    font-weight: 700;
    line-height: 142%;
    margin-top: 34px;
    margin-bottom: 43px;
}
.offer-cta{
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    line-height: 142%;
    margin-bottom: 17px;
    display: flex;
    align-items: center;
}

.offer-cta::before {
    content: "";
    display: block;
    width: 22px;
    height: 4px;
    color: #285D9B;
    background-color: #285D9B;
    border-radius: 25px;
    margin-right: 6px;
}

.offer .popup-btn {
    padding: 22px 97px;
    font-size: 18px;
}


/*---------------------------------------------------------------- ABOUT STYLES */
 
.about {
    background: linear-gradient(270deg, #285D9B 28.49%, #3AA1EE 100%);
    padding: 60px 0;
}

.about-text-wrapper {
    padding: 17px 63px;
    border-radius: 10px;
    border: 1px solid #FFF;
    display: flex;
    align-items: center;
}

.about-text {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}

.about-quote {
    color: #FFF;
    font-size: 86px;
    font-weight: 700;
    display: block;
    max-width: max-content;
    margin-right: 21px;
}

.about-quote:last-child {
    transform: rotate(180deg);
    margin-right: 0;
}

.about-nums-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 26px;
    gap: 160px;
}

.about-num {
    display: flex;
    flex-direction: column;
}

.about-num-subtitle {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 142%;
}
.about-num-title {
    color: #FFF;
    font-family: Magistral;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/*---------------------------------------------------------------- WHY STYLES */

.why {
    padding: 80px 0;
}

.why-title {
    color: #191919;
    margin-bottom: 34px;
}

.why-cards-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 20px;
}

.why-card {
    display: inline-block;
    max-width: max-content;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #5B5D60;
}

.why-card-354 p {
    width: 320px;
}

.why-img {
    margin-right: auto;
}
.why-card-260 p {
    width: 229px;
}

/*---------------------------------------------------------------- SERVICES STYLES */

.services {
    padding: 72px 0 82px 0;
    background: linear-gradient(344deg, #285D9B 9.76%, #3AA1EE 92.54%);
}
.services-title {
    color: #FFF;
    margin-bottom: 34px;
}
.services-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.service-item {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 16px 18px;
}
.service-img {
    margin-right: 20px;
    width: 50px;
    height: 50px;
}
.service-text {
    color: #191919;
    font-size: 18px;
    font-weight: 700;
    line-height: 142%;
    width: 280px;
}
.service-link {
    width: 59px;
    height: 54px;
    border-left: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-read-more p {
    width: 470px;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 142%;
}

.service-read-more {
    width: 542px;
}

.service-readmore-link {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    text-decoration-line: underline;
    margin-left: auto;
    display: block;
    text-align: end;
    text-transform: uppercase;
}

/*---------------------------------------------------------------- HOW WE WORK STYLES */

.how-we-work {
    padding: 80px 0;
}

.how-we-work-title {
    color: #191919;
    margin-bottom: 34px;
}
.how-we-work-item {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 10px;
    border: 1.5px solid #6B6B6B;
    background: #FFF;
    box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.10);
    padding: 30px 75px;
}

.how-we-work-item:not(:last-child) {
    margin-bottom: 20px;
}

.hww-item-num {
    color: #FFF;
    font-size: 25.946px;
    font-weight: 700;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: linear-gradient(344deg, #285D9B 9.76%, #3AA1EE 92.54%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.hww-item-title {
    color: #285D9B;
    font-size: 24px;
    font-weight: 700;
    line-height: 125.008%;
    margin: 0 99px 0 31px;
    width: 193px;
}

.hww-item-text {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 142%;
    width: 551px;
}

/*---------------------------------------------------------------- ADVANTAGES STYLES */

.advantages {
    padding: 80px 0;
    background: #EFEFF4;
}

.advantages-title {
    color: #191919;
    line-height: 125.008%;
    margin-bottom: 53px;
}
.advantages-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 40px;
}
.advantages-img {
    width: 89px;
    height: 89px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.advantages-text-wrapper {
    display: flex;
    align-items: start;
    gap: 5px;
}
.advantages-text {
    color: #191919;
    font-weight: 700;
    font-size: 16px;
    width: 215px;
}

/*---------------------------------------------------------------- CASES STYLES */

.cases {
    padding: 80px 0;
}

.cases-title {
    color: #191919;
    line-height: 125.008%;
    margin-bottom: 22px;
}
.cases-wrapper {
    align-items: center;
    display: flex;
}
.cases-text {
    color: #191919;
    font-size: 18px;
    font-weight: 400;
    line-height: 142%;
    width: 338px;
}
.swiper {
    width: 710px;
    height: 90px;
    padding: 0 25px;
}

.swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    display: none;
}

/*---------------------------------------------------------------- CTA STYLES */

.cta {
    padding: 80px 0;
    background: linear-gradient(344deg, #285D9B 9.76%, #3AA1EE 92.54%); 
}
.cta .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cta-title {
    color: #FFF;
    line-height: 125.008%;
    margin-bottom: 23px;
    width: 525px;
}

.cta-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 142%;
    width: 542px;
    margin-bottom: 19px;
}
.cta-form {
    display: flex;
    align-items: center;
    gap: 19px;
    flex-wrap: wrap;
    width: 538px;
}

input:focus, input:active, textarea:focus, textarea:active {
    outline: none;
}

.cta-form-input {
    width: 241px;
    padding: 23px;
    border-radius: 5px;
    border: 1px solid #FFF;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    background: transparent;
}

.cta-form-input.tel {
    width: 278px;
}
.cta-form-submit {
    color: #285D9B;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    background: #fff;
    width: 100%;
    padding: 22px 0;
    margin-bottom: 19px;
}
.cta-form-politics {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 142%;

}

.cta-form-politics a {
    text-decoration-line: underline;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*---------------------------------------------------------------- FAQ STYLES */

.faq {
    padding: 80px 0;
}
.faq-title {
    color: #191919;
    line-height: 125.008%;
    margin-bottom: 34px;
}
.faq-text {
    color: #191919;
    font-size: 18px;
    font-weight: 400;
    line-height: 142%;
    margin-bottom: 34px;
}
.faq-head {
    padding: 26px 23px 26px 13px;
    border-radius: 20px;
    background: #EFEFF4;
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}
.faq-question-img {
    margin-right: 14px;
}
.faq-question {
    color: #171724;
    font-size: 22px;
    font-weight: 700;
    line-height: 145%; 
}
.faq-btn {
    margin-left: auto;
    width: 24px;
    height: 24px;
}

.accordion__item_show .faq-btn {
    transform: rotate(180deg);
}
.faq-answer {
    color: #171724;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 40px;
    padding-left: 15px;
}

  .accordion__item_hidden .accordion__header {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  
  .accordion__body {
    overflow: hidden;
  }
  
  .accordion__item:not(.accordion__item_show) .accordion__body {
    display: none;
  }

/*---------------------------------------------------------------- FOOTER STYLES */

.footer {
    
    color: #fff;
}

.section-upper-footer {
    padding: 50px 0;
    background: #1E4D83;
}

.footer a {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-contacts-wrapper {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
}
.footer-location {
    width: 228px;
}
.footer-tel {
    width: 160px;
    
}
.mail {
    width: 186px;
}
.footer-menu {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
}
.footer-menu-link {
    border-bottom: 1px solid transparent;
}
.footer-menu-link:hover {
    border-bottom: 1px solid #fff;
}
.footer-services-menu {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    width: 303px;
}
.footer-btn-wrapper {
    display: flex;
    flex-direction: column;
    width: 191px;
}
.footer-btn-text {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    margin-top: 13px;
}

.section-under-footer {
    padding: 13px 0;
    background: #EFEFF4;
}

.section-under-footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-rights, .footer-copyright {
    color: #191919 !important;
    font-size: 14px;
    font-weight: 400;
    text-decoration-line: underline;
}

.footer-copyright {
    text-decoration-line: none;
}

/*---------------------------------------------------------------- SERVICE PROBLEMS WE SOLVE STYLES */

.problems-we-solve {
    padding: 80px 0;
    background: #EFEFF4;
}
.pws-title {
    color: #191919;
    margin-bottom: 23px;
}
.pws-text {
    color: #191919;
    font-size: 16px;
    font-weight: 400;
}
.pws-cards-wrapper {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.pws-card {
    border-radius: 5px;
    background: #FFF;
    width: 353px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.pws-card-img {
    width: 61px;
    height: 61px;
}
.pws-card-text {
    width: 226px;
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 700;
    line-height: 131%;
}

/*---------------------------------------------------------------- SERVICE HOW WE SOLVE STYLES */

.how-we-solve {
    padding: 80px 0;
    background: linear-gradient(288deg, #285D9B 33.67%, #3AA1EE 77.73%);
}
.hws-wrapper {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 45px;
}
.hws-title {
    color: #FFF;
    margin-bottom: 24px;
}
.hws-text-wrapper-text, .hws-text-wrapper-undertext {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 146.5%;
    width: 463px;
}

.hws-text-wrapper-text:not(:last-child) {
    margin-bottom: 5px;
}
.hws-text-wrapper-undertext {
    margin-top: 35px;
    width: auto;
}
.hws-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.hws-img {
    width: 208px;
    height: 208px;
    margin-bottom: 10px;
}
.hws-link {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    text-decoration-line: underline;
    text-transform: uppercase;
    margin-right: auto;
}
.hws-outer-text {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 140.5%;
    margin-bottom: 30px;
}
.how-we-solve .popup-btn {
    margin: 0 auto;
    width: 435px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*---------------------------------------------------------------- SERVICE RESULT IN NUMBERS STYLES */

.res-in-nums {
    padding: 50px 0;
    background: #EFEFF4;
}
.rin-title {
    color: #191919;
    margin-bottom: 50px;
}
.rin-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rin-card {
    width: 538px;
}
.rin-num-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #4F4F4F;
}
.rin-num {
    color: #285D9B;
    font-family: Magistral;
    font-size: 60px;
    font-weight: 700;
}
.rin-num-text {
    color: #191919;
    font-size: 18px;
    font-weight: 700;
    line-height: 142%;
}
.rin-card-text {
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    line-height: 142%;
    margin-top: 15px;
}

/*---------------------------------------------------------------- SERVICE PRICE N TERMS STYLES */

.price-n-terms {
    padding: 70px 0;
}

.pnt-title {
    color: #191919;
    margin-bottom: 64px;
}
.pnt-wrapper {
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.pnt-card {
    width: 326px;
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.pnt-card-img {
    width: 131px;
    height: 131px;
}
.pnt-card-title {
    color: #1E4D83;
    font-size: 18px;
    font-weight: 700;
    line-height: 131%;
    text-transform: uppercase;
}
.pnt-card-text {
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    line-height: 131%;
}

/*---------------------------------------------------------------- SERVICE ADVANTAGES OF US STYLES */

.advantages-of-us {
    padding: 80px 0;
    background: #EFEFF4;
}
.aou-title {
    color: #191919;
    margin-bottom: 34px;
}
.aou-wrapper {
    display: flex;
    align-items: center;
    gap: 19px;
    flex-wrap: wrap;
}
.aou-card {
    border-radius: 10px;
    border: 1px solid #5B5D60;
    background: #FFF;
    padding: 18px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.aou-card-354 {
    width: 354px;
}
.aou-card-img {
    width: 67px;
    height: 67px;
}
.aou-card-title {
    color: #191919;
    font-size: 16px;
    font-weight: 700;
}
.aou-card-text {
    color: #191919;
    font-size: 16px;
    font-weight: 400;
}
.aou-card-540 {
    width: 540px;
}

/*---------------------------------------------------------------- SERVICE HOW WE WILL DO STYLES */

.we-wiil-do {
    padding: 0 0 80px 0;
}
.we-wiil-do .container {
    padding: 30px 75px 30px 75px;
    display: flex;
    align-items: center;
    gap: 45px;
    border-radius: 10px;
    background: #EFEFF4;
}
.wwd-img {
    width: 143px;
    height: 143px;
}
.wwd-text-wrapper {
    width: 540px;
}

.wwd-text-wrapper p {
    color: #191919;
    font-size: 18px;
    line-height: 148.5%;
}
.wwd-text-item {
    display: flex;
    align-items: center;
    gap: 5px;
}
.wwd-text-item::before {
    content: "";
    display: block;
    background: url(img/check.svg);
    width: 24px;
    height: 24px;
}

/*---------------------------------------------------------------- CONTACTS BREADCRUMBS STYLES */

.breadcrumbs {
    padding: 55px 0;
    padding-bottom: 0;
}
.breadcrumbs .container {
    display: flex;
    align-items: center;
    gap: 3px;
}
.breadcrumb-main-link, .breadcrumb-arrow, .breadcrumb-here-link {
    color: #6B6B6B;
    font-size: 18px;
    font-weight: 700;
    line-height: 142%;
}

/*---------------------------------------------------------------- CONTACTS CONTACTS STYLES */

.contacts {
    padding-top: 55px;
}
.contacts-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}
.contacts-download {
    color: #285D9B;
    font-size: 16px;
    font-weight: 700;
    text-decoration-line: underline;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 5px;
}
.contacts-download::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(img/download.svg);
}
.contacts-cards-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contacts-card {
    width: 353px;
    height: 161px;
    padding: 35px;
    padding-bottom: 0;
    border-radius: 10px;
    border: 1px solid #6B6B6B;
}
.contacts-card-title {
    color: #191919;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 23px;
}
.contacts-card-tel::before, .contacts-card-mail::before, .contacts-card-location::before {
    content: "";
    width: 24px;
    height: 24px;
}
.contacts-card-tel {
    color: #285D9B;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
}
.contacts-card-tel::before {
    background: url(img/phone-call.svg);
}
.contact-card-popup-btn {
    color: #3AA1EE;
    font-size: 16px;
    font-weight: 700;
    text-decoration-line: underline;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    background: transparent;
}
.contacts-card-mail {
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    text-decoration-line: underline;
    display: flex;
    align-items: center;
    gap: 10px;
}
.contacts-card-mail::before {
    background: url(img/mail.svg);
}
.contacts-card-location {
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;/
}
.contacts-card-location::before {
    background: url(img/map-pin.svg);
    padding-right: 10px;
    background-repeat: no-repeat;
}
.contacts-map {
    width: 100%;
    height: 380px;
    border-radius: 10px;
    margin-top: 25px;
}

/*---------------------------------------------------------------- CONTACTS CTA 2 STYLES */

.cta-2 {
    padding: 80px 0 50px 0;
    background: #EFEFF4;
}
.cta-2-title {
    margin-bottom: 60px;
}
.cta-2-form-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cta-2-form {
    width: 538px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cta-2-form input, .cta-2-form textarea {
    border-radius: 5px;
    border: 1px solid rgba(107, 107, 107, 0.60);
    background: #FFF;
    color: #191919;
    font-size: 16px;
    font-weight: 600;
    padding: 18px 23px 18px 23px;
}
.cta-2-name {
    width: 241px;
    height: 57px;
}
.cta-2-tel {
    width: 278px;
    height: 57px;
}
.cta-2-textarea {
    height: 166px;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 22px;
    resize: none;
}
.cta-2-form .cta-2-submit {
    margin-bottom: 22px;
    border-radius: 50px;
    background: #3AA1EE;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
.rights-link {
    color: #191919;
    font-size: 14px;
    font-weight: 400;
}
.rights-link a {
    text-decoration-line: underline;
    color: #191919;
    font-size: 14px;
    font-weight: 400;
}
.cta-2-img {
    width: 496px;
    height: 472px;
}


/*-------------------------------------------------------------------- POPUP */

.popup-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 45, 0.69);
    z-index: 2;
    display: none;
}

.popup-bg.active {
    display: block;
}
.popup-wrapper {
    position: fixed;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    margin: auto;
    padding: 40px 50px;
    background: #fff;
    border-radius: 5px;
    width: 635px;
    height: 420px;
    top: 50%;
    right: 0;
    left: 0;
    bottom: 50%;
    display: none;
}
.popup-wrapper.active {
    display: flex;
}
.popup-title {
    position: relative;
}
.popup-close {
    background: none;
    text-align: right;
    position: absolute;
    top: 0px;
    bottom: 365px;
    right: 8px;
}
.popup-form {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.poup-input {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #191919;
    background: #fff;
    padding: 18px 30px;
    color: #6B6B6B;
    font-size: 16px;
    font-weight: 700;
}
.poup-input[type="submit"] {
    border-radius: 50px;
    font-size: 18px;
    border: none;
}
.form-poltics {
    color: #191919;
    font-size: 14px;
    font-weight: 400;
}
.form-poltics a {
    text-decoration: underline;
    color: inherit;
}

/*-------------------------------------------------------------------- ADAPTIVES */

@media(max-width: 1105px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }
    .main-menu {
        display: none;
    }

    .main-menu-btn {
        display: block;
        width: 37px;
        height: 37px;
        background: #1E4D83;
    }

    .header .container {
        justify-content: center;
        gap: 45px;
    }

    .offer .container {
        flex-direction: column;
        justify-content: center;
    }

    .text-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .offer .popup-btn {
        display: block;
        width: 100%;
        padding: 22px 0;
    }

    .about .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .about-nums-wrapper {
        gap: 25px;
        justify-content: space-between;
    }

    .why {
        display: none;
    }

    .why-mob {
        display: block;
        padding: 70px 0;
    }

    .swiper-2 {
        width: 100%;
        position: relative;
      }

      .swiper-2 .swiper-button-next, .swiper-2 .swiper-button-prev {
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        position: static;
      }

    .swiper-2 .swiper-horizontal>.swiper-pagination-bullets,   .swiper-2 .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-2 .swiper-pagination-custom,   .swiper-2 .swiper-pagination-fraction {
        bottom: -27px;
    }

      .swiper-2-buttons-wrapper {
        display: flex;
        justify-content: end;
      }

      .swiper-2 .swiper-pagination-bullet, .swiper-pagination-aou .swiper-pagination-bullet{
        width: 14px;
        border-radius: 5px;
        background: #C2C2C2;
        opacity: 1;
      }

      .swiper-2 .swiper-pagination-bullet-active, .swiper-pagination-aou .swiper-pagination-bullet-active{ 
        width: 72px;
        background: #3AA1EE;
      }

      .swiper-2 .swiper-horizontal>.swiper-pagination-bullets, .swiper-2 .swiper-pagination-bullets.swiper-pagination-horizontal {
        width: auto;
      }

      .swiper-2 .why-card-swiper {
        width: 100%;
      }

      .swiper-2 .swiper-button-prev::after, .swiper-button-next::after {
        display: none;
      }

      .service-item {
        width: 85%;
        justify-content: space-between;
        position: relative;
      }
      .services-wrapper {
        justify-content: center;
      }

      .service-text {
        width: 100%
      }

      .service-read-more {
        width: 100%;
      }

      .how-we-work {
        display: none;
      }

      .how-we-work-mob {
        display: block;
        padding-top: 70px;
        padding-bottom: 70px;
      }

      .swiper-3 {
        width: 100%;
        position: relative;
      }

      .swiper-3  .hww-item-num {
        display: none;
      }

      .swiper-3 .how-we-work-item {
        flex-direction: column;
        align-items: start;
      }

      .swiper-3 .hww-item-title {
        margin: 0;
        margin-bottom: 20px;
      }

      .swiper-arrows-wrapper {
        display: flex;
        gap: 20px;
        flex-direction: row-reverse;
      }

      .swiper-arrows-wrapper .swiper-arrow-prev, .swiper-arrow-next {
        display: block;
        width: 30px;
        height: 30px;
        background: none;
      }

      .swiper-buttons {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        row-gap: 10px;
      }
      .swiper-buttons .swiper-pagination-bullet {
        width: 64px;
        height: 64px;
        border: 1px solid #3AA1EE;
        background: #fff;
        opacity: 1;
        color: #285D9B;
        font-size: 27px;
        font-weight: 700;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .swiper-buttons .swiper-pagination-bullet-active {
        background: linear-gradient(344deg, #285D9B 9.76%, #3AA1EE 92.54%);
        color: #FFF;
      }

      .advantages-wrapper {
        justify-content: center;
        gap: 35px;
      }

      .advantages-item {
        width: 140px;
    }

    .cases-wrapper {
        flex-direction: column;
        align-items: start;
    }

    .swiper {
        width: 100%;
    }
    .swiper .swiper-button-prev:after, .swiper .swiper-rtl .swiper-button-next:after {
        display: none;
    }
    .hww-item-text {
        width: 100%;
    }
    .cta-title, .cta-text, .cta-form {
        width: 100%;
    }

    .cta-form-input {
        width: 45%;
    }

    .cta-form-input.tel {
        width: 50%;
    }
    .cta-img {
        width: 100%;
    }

    .footer .container {
        flex-wrap: wrap;
        gap: 10px;
        row-gap: 25px;
    }

    .footer .container {
        flex-wrap: wrap;
    }
      .cta .container {
        display: flex;
        flex-direction: column;
      }
      .about-nums-wrapper {
        flex-wrap: wrap;
        justify-content: center;
      }

      .about-num {
        width: 185px;
      }

      .about-quote {
        display: none;
      }

      .about-text-wrapper {
        padding: 20px;
      }
      .pws-cards-wrapper{
        justify-content: center;
      }
      .pws-card {
        width: 65%;
        justify-content: start;
      }
      .pws-card-text {
        width: 100%;
      }
      .hws-wrapper {
        flex-wrap: wrap;
      }
      .hws-text-wrapper-undertext {
        margin-bottom: 40px;
      }
      .hws-img-wrapper {
        width: 100%;
      }
      .hws-link {
        margin-right: 0;
      }
      .rin-wrapper {
        flex-wrap: wrap;
      }
      .rin-card {
        width: 100%;
      }
      .pnt-wrapper {
        flex-wrap: wrap;
        row-gap: 30px;
      }
      .pnt-card {
        width: 100%;
      }
    .swiper-4 {
        width: 100%;
    }
    .advantages-of-us {
        display: none;
    }
    .advantages-of-us-mobile {
        display: block;
        padding: 80px 0;
        background: #EFEFF4;
    }
    .swiper-pagination-aou {
        position: static;
        display: flex;
        gap: 10px;
        margin-top: 20px;
    }

    .swiper-4 .aou-card {
        width: 100%;
    }

    .we-wiil-do .container {
        flex-wrap: wrap;
        padding: 70px 15px;
    }

    .contacts-title-wrapper {
        flex-wrap: wrap;
        gap: 15px;
        row-gap: 15px;
    }
    .contacts-cards-wrapper {
        flex-wrap: wrap;
        row-gap: 25px;
    }
    .contacts-card {
        width: 100%;
    }
    .cta-2-form-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    .hws-text-wrapper-text, .hws-text-wrapper-undertext {
        width: 100%;
    }

}

@media(max-width: 768px) {
    .popup-wrapper {
        width: 95%;
    }
}







@media(max-width: 560px) {
    .service-item {
        width: 100%;
    }
    .cta-2-form input, .cta-2-form textarea {
        width: 100%;
        margin-top: 22px;
    }
    .cta-2-title {
        margin-bottom: 30px;
    }

    .cta-2-img {
        width: 100%;
        height: auto;
    }

    .offer-img {
        width: 95%;
    }
    .pws-card {
        width: 100%;
    }
    .how-we-solve .popup-btn {
        width: 100%;
    }
 
}









@media(max-width: 500px) {
h1 {
    font-size: 29px;
}
h2 {
    font-size: 24px;
}
.service-text {
    font-size: 16px;
}
.service-read-more p {
    width: 100%;
}
.how-we-work-item {
    padding: 20px;
}
.cta-form-input, .cta-form-input.tel {
    width: 100%;
}
.faq-question {
    font-size: 16px;
}
.swiper-buttons .swiper-pagination-bullet {
    width: 36px;
    height: 36px;
    font-size: 16px;
}
.header-contacts-wrapper {
    display: none;
}
.header .container {
    justify-content: space-between;
}
.poup-input {
    padding: 10px;
}
}