@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;700&display=swap');



/* --------- Specification --------- */

body {

   font-family: 'Montserrat', sans-serif;

   color: #ffffff;

   margin: 0;

   padding: 0;

   background-color: #000000;

}



html {

   font-size: 1vw;

   overflow-x: hidden;

}



body, html {

   height: 100%;

}



div, p, form, input, a, span, button, textarea, input {

   box-sizing: border-box;

}



ul, li {

   display: block;

   padding: 0;

   margin: 0;

}



p {

   margin: 0;

   font-weight: 400;

}

.service-item__actions h1, h2, h3, h4, h5, h6 {

   margin: 0;

}



a, a:hover, a:active {

   text-decoration: none;

}



a, button, input {

   transition: all 0.5s ease;

}



input {

   font-family: inherit;

   border-radius: 0;

   -webkit-appearance: button;

}



input, input:hover, input:focus, input:active,

button, button:hover, button:focus, button:active,

textarea, textarea:hover, textarea:focus, textarea:active {

   outline: none;

}



textarea {

   outline: none;

   resize: none;

   font-family: inherit;

   border: none;

   display: block;

}



main {

   flex: 1 1 auto;

}



.wrapper {

   min-height: 100%;

   display: flex;

   flex-direction: column;

   overflow: hidden;

}



.container {

   margin: 0 auto;

   max-width: 73.125rem;

   padding: 0 0.9375rem;

}



.d-flex {

   display: flex;

}



.text-center {

   text-align: center;

}



.ibg {

   position: relative;

}



.ibg img, .ibg iframe {

   position: absolute;

   width: 100%;

   height: 100%;

   top: 0;

   left: 0;

   right: 0;

   bottom: 0;

}



.ibg img {

   object-fit: cover;

}



.btn {

   font-family: inherit;

   display: block;

   text-align: center;

   cursor: pointer;

   border: none;

}



.btn-primary {

   background: linear-gradient(42deg, rgb(36, 82, 255) 0%, rgb(0, 192, 255) 100%);

   color: #ffffff;

   border-radius: 1rem;

   font-size: 0.875rem;

   letter-spacing: 0.025em;

}



.btn-primary:hover {

   box-shadow: 0 0 8.6875rem 0 rgba(49, 144, 233, 0.71);

}


.title-h2 {

   font-size: 2.625rem;

   letter-spacing: 0.025em;

}



.title-h2 span {

   font-weight: 300;

}



/* --------- Header --------- */

.navigation {

   position: absolute;

   width: 100%;

   left: 0;

   top: 0.625rem;

   z-index: 10;

}



.navigation.fixed {

   background-color: #000000;

   position: fixed;

   top: 0;

}



.navigation__wrapper {
   position: relative;
   z-index: 10;
   align-items: center;
}



.navigation__logo {
   width: 5.4375rem;
   margin-right: 2.625rem;
}



.navigation__logo img {

   width: 100%;

}



.navigation__menu li:not(:last-child) {
   margin-right: 1.2rem;
}



.navigation__phone {

   color: #ffffff;

   margin-left: auto;

   display: block;

   margin-right: 1.5rem;

}



.menu li a {

   font-size: 0.875rem;

   color: #ffffff;

   letter-spacing: 0.025em;

}



.navigation__social {

   margin-right: 1.6875rem;

}



.social__item a {

   width: 1.5625rem;

   display: block;

}



.social__item:not(:last-child) {

   margin-right: 1.25rem;

}



.social__item img {

   width: 100% !important;

}

.social__item_location a {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 1.5625rem;
}

.social__item_location img {
   width: 0.8125rem;
   object-fit: contain;
}

.navigation__btn {

   font-size: 0.875rem;

   color: #ffffff;

   background-color: #2494ff;

   border-radius: 3.125rem;

   padding: 0.5rem 1.5625rem;

}



.navigation__btn:hover {

   box-shadow: 0 0 4.375rem 0 rgba(49, 144, 233, 0.71);

}



.navigation__language {
   position: relative;
   display: flex;
   flex-direction: column;
   z-index: 1;
   margin-right: 2.5rem;
}

.navigation__language a {
   color: #ffffff;
   display: block;
   transition: all 0.5s ease;
}

.navigation__language:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: -0.5rem;
   left: 50%;
   transform: translateX(-50%);
   background: transparent;
   transition: all 0.5s ease;
   opacity: 0;
   visibility: hidden;
   z-index: -1;
   border-radius: 1rem;
   padding: 1rem 1rem 0.5rem;
}

.navigation__language.hovered:before {
   opacity: 1;
   visibility: visible;
   background: linear-gradient(180deg, rgb(4, 5, 5) 0%, rgb(15, 19, 23) 72%, rgb(25, 32, 41) 99%);
}


.navigation__language-phone:not(.active) {
   opacity: 0;
   visibility: hidden;
   height: 0;
}

.navigation__language.hovered .navigation__language-phone:not(.active) {
   opacity: 1;
   visibility: visible;
   height: auto;
}

.navigation__language.hovered a:not(:last-child) {
   margin-bottom: 0.5rem;
}

.menu-btn {
   background-color: transparent;
   border: none;
   max-width: 2.5rem;
   width: 100%;
   height: 2.5rem;
   border: 0.0625rem solid rgba(255, 255, 255, .2);
   border-radius: 2.5rem;
   cursor: pointer;
   padding: 0;
   z-index: 99999;
   -webkit-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   display: block;
   position: relative;
   display: none;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.menu-btn .line {
   width: 1.125rem;
   height: 0.11rem;
   background-color: #fff;
   border-radius: 0.25rem;
   margin: 0.125rem 0;
   -webkit-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

.menu-btn.active .line:first-child {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   position: relative;
   top: 0.375rem;
}

.menu-btn.active .line:nth-child(2) {
   opacity: 0;
}

.menu-btn.active .line:nth-child(3) {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   position: relative;
   top: -0.375rem;
}

.menu-mobile {
   position: fixed;
   width: 100%;
   height: 100%;
   top: -100%;
   left: 0;
   background: rgb(14 14 14 / 50%);
   -webkit-backdrop-filter: blur(1.5625rem);
   backdrop-filter: blur(1.5625rem);
   z-index: 9;
   overflow-y: auto;
   display: none;
   transition: all 0.5s ease;
   opacity: 0;
}

.menu-mobile.active {
   top: 0;
   opacity: 1;
}

.menu-toggle {
   position: fixed;
   max-width: 43.75rem;
   width: 95%;
   top: 7.125rem;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background: -o-radial-gradient(27.86% 90.33%, 72.14% 36.52%, #302c2c 0%, rgba(48, 44, 44, 0) 100%), -o-radial-gradient(78.57% 13.39%, 142.71% 71.06%, #302c2c 0%, rgba(14, 12, 12, 0) 100%);
   background: radial-gradient(72.14% 36.52% at 27.86% 90.33%, #302c2c 0%, rgba(48, 44, 44, 0) 100%), radial-gradient(142.71% 71.06% at 78.57% 13.39%, #302c2c 0%, rgba(14, 12, 12, 0) 100%);
   border: 0.0625rem solid rgba(255, 255, 255, .1);
   border-radius: 1.25rem;
   padding: 3.625rem 1.25rem 1.4375rem;
   height: 31.75rem;
}

.menu-toggle h3 {
   font-size: 1.3rem;
   margin-bottom: 1.5rem;
}

.menu-toggle__wrapper {
   margin-bottom: 1.7rem;
}

.contact-block__social {
   justify-content: center;
   margin-top: 1.2rem;
}

.contact-block__phone {
   color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.5rem;
   font-size: 1.2rem;
}

.hero {
   position: relative;
}



.hero-bg {

   width: 60%;

   position: absolute;

   top: 0;

   right: 0;

   z-index: -1;

   pointer-events: none;

}



.hero-bg img {

   width: 100%;

}



.hero .container {
   min-height: 90vh;
   padding-top: 8.375rem;
}



.hero-content {

   max-width: 32.5rem;

}



.hero-content__thanks {

   max-width: 38rem;

}



.hero-content__title {

   font-size: 4.3125rem;

   letter-spacing: 0.025em;

   text-transform: uppercase;

   line-height: 104%;

   margin-bottom: 1.875rem;

}



.hero-content__subtitle {
   font-weight: 300;
   font-size: 0.98rem;
   letter-spacing: 0.025em;
   line-height: 130%;
   margin-bottom: 2rem;
}

.hero-content__subtitle span {
   color: #2494ff;
   font-weight: 600;
   margin-bottom: 0.8rem;
   display: block;
}

.hero-content__text {
   margin-bottom: 3rem;
}

.hero-content__btn {

   font-size: 1.25rem;

   letter-spacing: 0.025em;

   padding: 0.75rem 3.125rem;

   display: inline-block;

   border-radius: 1rem;

   color: #ffffff;

   background-image: linear-gradient(42deg, rgb(36, 82, 255) 0%, rgb(0, 192, 255) 100%);

}

.hero-content__actions {
   display: flex;
   align-items: center;
   gap: 1.4rem;
}



.hero-content__btn:hover {

   background: linear-gradient(90deg, rgba(14, 16, 16, 1) 0%, rgba(41, 42, 43, 1) 100%);

}



.flare-button {

   position: relative;

   overflow: hidden;

}


#thanks .hero-content__btn {
   padding: 0.75rem 2rem;
   margin-right: 1.5rem;
}



.flare-button:after {

   content: "";

   display: block;

   width: 1.25rem;

   height: 12.5rem;

   margin-left: 3.125rem;

   background: #fff;

   background: linear-gradient(to bottom,

         rgba(255, 255, 255, 0.5) 0%,

         rgba(255, 255, 255, 1) 50%,

         rgba(255, 255, 255, 0.5) 100%);

   left: -2.5rem;

   top: -6.25rem;

   z-index: 1;

   transform: rotate(45deg);

   position: absolute;

   animation: movingFlare 3s ease-in-out 0.05s infinite;

}



@keyframes movingFlare {

   0% {

      left: -1.875rem;

      margin-left: 0rem;

   }

   30% {

      left: 110%;

      margin-left: 5rem;

   }

   100% {

      left: 110%;

      margin-left: 5rem;

   }

}



/* --------- Сonsult --------- */

.consult-form {

   margin: auto;

   position: relative;

   z-index: 2;

}



.consult-form__quick {

   max-width: 54.625rem;

   border-radius: 3.125rem;

   background-color: rgba(255, 255, 255, 0.07);

   padding: 1.25rem 3.75rem 0.9375rem 3.125rem;

}



.consult-form__title {

   text-align: center;

   font-weight: 300;

   margin-bottom: 0.9375rem;

   letter-spacing: 0.025em;

}



.consult-form__quick .consult-form__row {

   margin-bottom: 1.25rem;

}



.consult-form__group {

   max-width: 15.75rem;

   width: 100%;

}



.consult-form__group:not(:last-child) {

   margin-right: 1.25rem;

}



.consult-form__input {

   border: none;

   background-color: #ffffff;

   border-radius: 1rem;

   padding: 1rem 1.375rem;

   width: 100%;

   font-size: 0.875rem;

   color: #a4a4a4;

}



.consult-form__input::placeholder {

   color: #a4a4a4;

}



.consult-form__btn {

   padding: 1.0625rem 3rem;

   width: 100%;

}



.consult-form__text {

   color: #a4a4a4;

   font-size: 0.875rem;

   font-weight: 300;

   text-align: center;

}



/* --------- About --------- */

.about {

   padding: 6.75rem 0 5.625rem;

   position: relative;

   z-index: 1;

}



.about-bg-1 {

   width: 48.625rem;

   height: 104.375rem;

   position: absolute;

   top: -32rem;

   left: 0;

   z-index: -1;

   object-fit: cover;

   pointer-events: none;

}



.about-bg-1 img {

   width: 100%;

}



.about:after {

   content: '';

   position: absolute;

   width: 100%;

   height: 32.3125rem;

   background: url(../img/shadow.png) no-repeat center top/cover;

   transform: rotate(180deg);

   left: 0;

   z-index: -2;

   bottom: -12.4rem;

}



.about:before {

   content: '';

   position: absolute;

   width: 100%;

   height: 32.3125rem;

   background: url('../img/shadow.png') no-repeat center top/cover;

   left: 0;

   top: 0;

   z-index: -1;

}



.about-video {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   z-index: -2;

}



.about-video video {

   width: 100%;

   height: 100%;

   object-fit: cover;

   display: block;

}



.about-video:before {

   content: '';

   position: absolute;

   width: 100%;

   height: 100%;

   top: 0;

   left: 0;

   background-color: rgba(0, 0, 0, 0.8);

}



.about-wrapper {

   max-width: 59.0625rem;

   margin: auto;

}



.about-head {

   max-width: 54.8125rem;

   margin-bottom: 7.8125rem;

}



.about-head__title {

   margin-bottom: 1.5625rem;

}



.about-head__text {

   max-width: 51.25rem;

   font-size: 1.25rem;

   font-weight: 200;

   line-height: 120%;

}



.about-head__box {

   display: inline-block;

   padding: 0.3rem 1rem;

   background-color: #ffffff;

   color: #000000;

   border-radius: 1rem;

}



.about-head__text:not(:last-child) {

   margin-bottom: 1.125rem;

}



.about-body {

   background-image: linear-gradient(38deg, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);

   border-radius: 3.125rem;

   width: 100%;

   padding: 2.1875rem 6.125rem;

   position: relative;

   z-index: 1;

}



.about-body__title {

   font-size: 1.25rem;

   font-weight: 500;

   margin-bottom: 1.25rem;

   line-height: 150%;

}



.about-body__title span {

   font-weight: 200;

}



.about-body__list {

   flex-wrap: wrap;

   justify-content: space-between;

   margin-bottom: -1.5625rem;

}



.about-body__item {

   width: 42%;

   text-align: center;

   margin-bottom: 1.25rem;

}



.about-body__icon {

   width: 9.9375rem;

   margin: auto;

}



.about-body__icon img {

   width: 100%;

}



/* --------- Service --------- */

.service {

   padding-top: 6.25rem;

   position: relative;

   z-index: 4;

}



.service-bg-1 {

   width: 40%;

   position: absolute;

   top: -25rem;

   right: 0;

   pointer-events: none;

}



.service-bg-2 {

   width: 50%;

   position: absolute;

   bottom: -22rem;

   left: 0;

   pointer-events: none;

}



.service-bg-1 img,

.service-bg-2 img {

   width: 100%;

}



.service-title {

   text-align: center;

   margin-bottom: 6.25rem;

}



.service-list {

   flex-wrap: wrap;

   justify-content: center;

   margin: -1.875rem -0.9375rem 3.4375rem;

}



.service-item {

   width: 30%;

   background: linear-gradient(0deg, rgba(4, 8, 14, 1) 0%, rgba(12, 17, 25, 1) 100%);

   border-radius: 1.25rem;

   margin: 2.1875rem 0.9375rem;

   padding: 0 1.875rem 1.875rem;

   display: flex;

   flex-direction: column;

   text-align: center;

}



.service-item__image {

   max-width: 19.125rem;

   margin: -2.1875rem auto 1.25rem;

}



.service-item__image img {
   width: 100%;
   border-radius: 1rem;
   max-height: 10rem;
   object-fit: cover;
}



.service-item__title {

   font-size: 1.25rem;

   font-weight: 400;

   letter-spacing: 0.025em;

   margin-bottom: 1.25rem;

}



.service-item__list {

   margin-bottom: 1.5625rem;

   padding-left: 1.25rem;

}



.service-item__list li {

   font-size: 0.875rem;

   font-weight: 200;

   letter-spacing: 0.025em;

}



.service-item__list li:not(:last-child) {

   margin-bottom: 0.6875rem;

}



.service-item__actions {

   margin-top: auto;

   display: flex;

   justify-content: center;

}



.service-item__more {

   background-color: #262626;

   border-radius: 1rem;

   color: #ffffff;

   padding: 0.5rem 0;

   max-width: 9.375rem;

   width: 100%;

   font-size: 0.875rem;

   font-weight: 200;

}



.service-item__more:hover {

   color: #171718;

   background-color: #ffffff;

}



.service-item__btn {

   border-radius: 1rem;

   padding: 0.5rem 0;

   max-width: 9.375rem;

   width: 100%;

   font-size: 0.875rem;

   font-weight: 200;

}



.service-text {

   max-width: 40rem;

   text-align: center;

   margin: 0 auto 1.375rem;

   font-size: 1.25rem;

   line-height: 180%;

   position: relative;

}



.service-text:after {

   content: '';

   display: block;

   width: 1.625rem;

   height: 3.125rem;

   background: url(../img/right-arrow.png) no-repeat center center/contain;

   margin: 1.25rem auto 0;

}



.service-text span {

   font-weight: 200;

}



.service-download {

   border-radius: 1rem;

   padding: 0.75rem 4.0625rem;

   margin: auto;

   display: block;

   width: fit-content;

   color: #ffffff;

   font-size: 1.25rem;

   letter-spacing: 0.025em;

   background: linear-gradient(42deg, rgb(0, 0, 0) 0%, rgb(54, 54, 54) 100%);

   backdrop-filter: blur(0.3875rem);

   border-bottom: 0.125rem solid #ffffff;

}



.service-download:hover {

   background-image: linear-gradient(42deg, rgb(36, 82, 255) 0%, rgb(0, 192, 255) 100%);

   box-shadow: 0 0 8.6875rem 0 rgba(49, 144, 233, 0.71);

}





/* --------- Advantages --------- */

.advantages {

   padding: 7.9375rem 0 20rem;

   position: relative;

   min-height: 60rem;

}



.advantages-bg-1 {

   width: 53%;

   position: absolute;

   top: 0;

   left: 0;

   pointer-events: none;

   z-index: 1;

}



.advantages-bg-2 {

   width: 55%;

   position: absolute;

   top: 0;

   right: 0;

   pointer-events: none;

   z-index: 1;

}



.advantages-bg-3 {

   width: 73%;

   position: absolute;

   left: 50%;

   transform: translateX(-50%);

   top: 0;

   pointer-events: none;

   z-index: 1;

}



.advantages-bg img {

   width: 100%;

}



.advantages-title {

   margin-bottom: 2.5rem;

   font-weight: 500;

   text-align: center;

}



.advantages-list {

   flex-wrap: wrap;

   justify-content: center;

   position: relative;

   z-index: -1;

}



.advantages-list li {

   text-align: center;

   font-weight: 300;

   font-size: 1.25rem;

   border-radius: 0.3125rem;

   background: linear-gradient(90deg, rgb(4, 6, 10) 0%, rgb(12, 17, 25) 100%);

   min-height: 4.6875rem;

   display: flex;

   align-items: center;

   justify-content: center;

   margin: 0.9375rem;

   padding: 0.375rem 1.5625rem;

   width: 42%;

   box-sizing: border-box;

}



@media screen and (min-width: 769px) {
   .advantages-list li:nth-child(9) {
      padding-right: 10.5rem;
   }

   .advantages-list li:nth-child(10) {
      padding-left: 10.5rem;
   }
}



.car-1 {

   position: absolute;

   left: 0;

   bottom: 0;

   width: 40.6%;

   object-fit: cover;

   pointer-events: none;

   z-index: 2;

}



.car-2 {

   position: absolute;

   width: 36%;

   bottom: 18rem;

   object-fit: cover;

   left: 50%;

   transform: translateX(-50%);

   z-index: 1;

   pointer-events: none;

}



.car-3 {

   position: absolute;

   right: 0;

   bottom: 0;

   width: 50%;

   object-fit: cover;

   z-index: 2;

   pointer-events: none;

}



/* --------- Reviews --------- */

.reviews {
   padding-top: 6.75rem;
   position: relative;

}



.reviews:after {

   content: '';

   position: absolute;

   width: 59.25rem;

   height: 23.5rem;

   background: url('../img/circle.png') no-repeat center top/cover;

   left: 50%;

   transform: translateX(-50%);

   bottom: 7rem;

}



.reviews-title {

   margin-bottom: 4.0625rem;

   text-align: center;

}



.reviews-bg-1,

.reviews-bg-2 {

   position: absolute;

   pointer-events: none;

   top: -12rem;

   z-index: 1;

   width: 40%;

}



.reviews-bg-1 {

   left: 0;

}



.reviews-bg-2 {

   right: 0;

}



.reviews-bg img {

   width: 100%;

}



.reviews-body {

   display: flex;

   flex-wrap: wrap;

   justify-content: space-between;

   gap: 1.875rem;

   margin-bottom: 11.0625rem;

}



.reviews-body__item {

   width: 48%;

}



.reviews-body__item img {
   border-radius: 30px;
   width: 100%;
   display: block;
}



.consult-form__click {

   background: linear-gradient(62deg, rgb(4, 5, 5) 0%, rgb(15, 19, 23) 72%, rgb(25, 32, 41) 99%);

   max-width: 22.3125rem;

   border-radius: 3.125rem;

   padding: 2rem 2.5rem 1.5625rem;

   text-align: center;

}



.consult-form__title {

   font-weight: 300;

   font-size: 1.25rem;

   letter-spacing: 0.025em;

   margin-bottom: 0.9375rem;

}



.consult-form__adress {

   font-size: 0.875rem;

   letter-spacing: 0.025em;

   margin-bottom: 1.875rem;

}



.consult-form__adress img {

   width: 0.75rem;

   height: 1rem;

   margin-right: 0.5rem;

}



.consult-form__click .consult-form__row {

   flex-direction: column;

}



.consult-form__click .consult-form__group:not(:last-child) {

   margin-right: auto;

   margin-bottom: 1.375rem;

}



.consult-form__click .consult-form__group {

   margin: auto;

}



.consult-form__click .consult-form__input {

   text-align: center;

}



.consult-form__click .consult-form__btn {

   padding: 0.875rem 2.25rem;

}



/* --------- Footer --------- */

.footer {

   margin-top: 12.5rem;

   padding-bottom: 1.875rem;

}



.footer-wrapper {

   max-width: 59.0625rem;

   margin-left: auto;

   display: flex;

   justify-content: space-between;

}



.footer-wrapper__logo {

   width: 8.375rem;

}



.footer-wrapper__logo img {

   width: 100%;

}



.footer-wrapper__column img {

   width: 0.8125rem;

   margin-right: 0.375rem;

   vertical-align: middle;

}



.footer-wrapper__column h4 {

   font-size: 0.875rem;

   font-weight: 500;

   margin-bottom: 1rem;

}



.footer-wrapper__menu li:not(:last-child) {

   margin-bottom: 0.9375rem;

}



.footer-wrapper__social li a {

   font-weight: 200;

}



.footer-wrapper__social li:not(:last-child) {

   margin-right: 1.25rem;

}



.footer-wrapper__address,
.contact-block__address {

   font-weight: 200;

   font-size: 0.875rem;

   letter-spacing: 0.025em;

   margin-bottom: 0.9375rem;

   display: block;

   color: #ffffff;

}

.contact-block__address {
   margin: 1rem 0;
   font-size: 1rem;
}


.footer-wrapper__phone {

   color: #ffffff;

   margin-bottom: 1rem;

   display: block;

}

.footer-wrapper__map {
   max-width: 18.75rem;
   margin-bottom: 1.5rem;
}

.footer-wrapper__map iframe {
   width: 100%;
   height: 100%;
   border-radius: 0.9375rem;
}



label.error {

   color: red;

   margin-bottom: 1rem;

   display: block;

   font-size: 0.8rem;

}



#loader {

   position: fixed;

   left: 0rem;

   top: 0rem;

   width: 100%;

   height: 100%;

   background: rgba(240, 240, 240, 0.91);

   overflow: hidden;

   z-index: 99;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

}



#loader img {

   width: 3.125rem;

}



.modal {

   position: fixed;

   width: 100%;

   height: 100%;

   top: 0;

   left: 0;

   z-index: 12;

}



.modal__wrapper {

   width: 100%;

   height: 100%;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   background: rgba(32, 31, 31, 0.8);

   overflow: auto;

}



.modal__block {

   margin: auto;

   background: rgba(32, 31, 31, 0.91);

   position: relative;

   padding: 1.875rem 4.375rem 1.25rem;

   max-width: 59.375rem;

   width: 90%;

   border-radius: 1.25rem;

   background-image: linear-gradient(90deg, rgb(4, 6, 10) 0%, rgb(12, 17, 25) 100%);

   z-index: 1;

}



.modal__block:before {

   content: '';

   position: absolute;

   width: 68.5rem;

   height: calc(100% + 7.125rem);

   background: url(../img/border-bg.png) no-repeat center top/cover;

   left: 50%;

   top: -4.5rem;

   transform: translateX(-50%);

   z-index: -1;

   background-size: 68.5rem calc(100% + 2.125rem);

}



.modal.consult .modal__block:before,

.modal.consult-service .modal__block:before,

.modal.modal-download .modal__block:before {

   display: none;

}



.modal.consult .modal__block,

.modal.consult-service .modal__block,

.modal.modal-download .modal__block {

   padding: 1.875rem 4.375rem 2.25rem;

}



.modal__close {

   position: absolute;

   background-color: transparent;

   border: none;

   top: 0.8125rem;

   right: 1.125rem;

   padding: 0;

   cursor: pointer;

   width: 0.875rem;

   height: 0.875rem;

}



.modal__close img {

   width: 100%;

}



.modal-title {

   font-weight: 300;

   font-size: 1.25rem;

   letter-spacing: 0.025em;

   line-height: 115%;

   margin-bottom: 0.9375rem;

}



.modal-text {
   font-size: 0.8rem;
   margin-bottom: 2rem;
   letter-spacing: 0.025em;
   line-height: 128%;
}

.modal-text p,
.modal-text li {
   font-weight: 200;
}

.modal-text li:not(:last-child) {
   margin-bottom: 0.5rem;
}

.modal-text p, .modal-text ul {
   margin-bottom: 1rem;
}


.modal.modal-more .modal-form {

   border-radius: 1.25rem;

   background-color: rgba(255, 255, 255, 0.07);

   padding: 1rem 2.4375rem 25px;

}



.modal.consult .modal-form {

   width: fit-content;

}



.consult-form__subtitle {

   font-weight: 300;

   font-size: 0.875rem;

   margin-bottom: 1.5625rem;

   text-align: center;

   max-width: 33.75rem;

   margin: 0 auto 1.5625rem;

}



.iti {

   width: 100%;

}



.iti--separate-dial-code .iti__selected-flag,

.iti__country {

   color: #000;

}



.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {

   height: 3rem;

}



.referal {

   padding-top: 9rem;

}



.referal-wrapper {

   max-width: 50rem;

   margin: auto;

   text-align: center;

   background: linear-gradient(62deg, rgb(4, 5, 5) 0%, rgb(15, 19, 23) 72%, rgb(25, 32, 41) 99%);

   border-radius: 3.125rem;

   padding: 4rem;

}



.referal-title {

   max-width: 31rem;

   margin: 0 auto 2.5rem;

}



.referal-text {

   font-size: 0.875rem;

   letter-spacing: 0.025em;

   margin-top: -1rem;

   background: linear-gradient(149deg, rgb(36, 82, 255) 0%, rgb(0, 192, 255) 42%, rgb(36, 82, 255) 72%, rgb(0, 192, 255) 100%);

   padding: 1rem 0.5rem;

   border-radius: 1rem;

   animation: gradient 5s infinite linear;

   background-size: 300%;

}



@keyframes gradient {

   0% {

      background-position: 80% 0%;

   }

   50% {

      background-position: 20% 100%;

   }

   100% {

      background-position: 80% 0%;

   }

}

a.btn-download.btn {
   border-radius: 1rem;
   padding: 0.75rem 2rem;
   display: block;
   color: #ffffff;
   font-size: 1.25rem;
   letter-spacing: 0.025em;
   background: linear-gradient(42deg, rgb(0, 0, 0) 0%, rgb(54, 54, 54) 100%);
   backdrop-filter: blur(0.3875rem);
}

@media screen and (max-width: 576px) {
   .actions-wrapper {
      flex-wrap: wrap;
      gap: 20px;
   }

   #thanks .hero-content__btn {
      margin-right: 0;
   }

   #thanks .actions-wrapper a {
      flex: 1 1 auto;
      padding: 1rem 2rem;
   }
}

.guarantee {
   padding: 2.1875rem 0;
   position: relative;
   overflow: hidden;
   background: url('../img/guarantee-bg.png') no-repeat center top/cover;
}

.guarantee-wrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 66.25rem;
   margin: auto;
}

.guarantee-wrapper__left {
   max-width: 50rem;
}

.guarantee-wrapper__left h2 {
   font-size: 2.5rem;
   font-weight: 500;
   margin-bottom: 0.9375rem;
}

.guarantee-wrapper__left p {
   font-size: 1.5rem;
   font-weight: 300;
   max-width: 29.375rem;
}

.guarantee-wrapper__left h2 span {
   font-weight: 300;
}

.guarantee-wrapper__right {
   max-width: 21.875rem;
}

.guarantee-wrapper__right img {
   width: 100%;
}

.modal-more .modal__block {
   min-height: 32rem;
}

.btn-icon-wrecker {
   width: 50px;
   height: 50px;
   border-radius: 100px;
   background-color: #2494ff;
   display: flex;
   align-items: center;
   justify-content: center;
   position: fixed;
   bottom: 20px;
   left: 20px;
   border: none;
   z-index: 20;
   cursor: pointer;
}

@media only screen and (max-width: 576px) {
   .btn-icon-wrecker {
      bottom: 70px;
   }
}

.btn-icon-wrecker img {
   width: 30px;
   height: 30px;
   object-fit: contain;
}

.modal-wrecker .modal__block {
   padding: 2.5rem 3rem;
}

.modal-wrecker .modal__block:before {
   display: none;
}