@font-face {
   font-family: 'Proxima-Nova';
   src: url('../fonts/ProximaNova-Bold.eot');
   src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
      url('../fonts/ProximaNova-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Proxima-Nova';
   src: url('../fonts/ProximaNova-Light.eot');
   src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/ProximaNova-Light.woff2') format('woff2'),
      url('../fonts/ProximaNova-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Proxima-Nova';
   src: url('../fonts/ProximaNova-Regular.eot');
   src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
      url('../fonts/ProximaNova-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Proxima-Nova';
   src: url('../fonts/ProximaNova-Semibold.eot');
   src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
      url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}

.page {
   overflow: hidden;
}

.section__title {
   font-size: 36px;
   font-weight: bold;
   text-transform: uppercase;
   line-height: 1.25;
   margin-bottom: 50px;
   position: relative;
}

.section__title:after {
   content: '';
   display: block;
   width: 85px;
   height: 2px;
   position: absolute;
   top: 142%;
   left: 50%;
   transform: translateX(-50%);
}

body {
   font-family: 'Proxima-Nova';
   font-size: 16px;
   line-height: 1.5;
   background-color: #282B38;
   color: #fff;
   padding: 25px 50px 50px;
}

.container {
   max-width: 1140px;
   margin: 0 auto;
}

button {
   border: 0;
   background: transparent;
   padding: 0;
   cursor: pointer;
   font-family: 'Proxima-Nova';
   color: #444B58;
   z-index: 20;
}

img {
   vertical-align: top;
}

* {
   margin: 0;
   padding: 0;
}

*,
*::before,
*::after {
   box-sizing: border-box;
}

a {
   text-decoration: none;
}

ul {
   list-style: none;
}

input {
   background: transparent;
   font-family: 'Proxima-Nova';
   color: #444B58;
}

.no-scroll {
   overflow: hidden;
}

.header__burger {
   position: relative;
   width: 40px;
   height: 25px;
   cursor: pointer;
   display: none;
}

.header__nav{
   display: flex;
   justify-content: flex-end;
   align-items: center;
}

.burger__menu:first-child {
   top: 0;
}

.burger__menu:nth-child(2) {
   top: calc(50% - 1.5px);
}

.burger__menu:nth-child(3) {
   bottom: 0;
}

.active .burger__menu:nth-child(2) {
   opacity: 0;
}

.active .burger__menu:nth-child(3) {
   transform: rotate(-45deg);
   top: calc(50% - 1.5px);
}

.active .burger__menu:nth-child(1) {
   transform: rotate(45deg);
   top: calc(50% - 1.5px);
}

.active .burger__menu {
   background-color: #fff;
}

.burger__menu {
   display: block;
   width: 40px;
   height: 3px;
   background-color: #fff;
   position: absolute;
   transition: .2s linear;
}

.header {
   margin-bottom: 25px;
}

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

/* .header__nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
} */

.header__list {
   display: flex;
   align-items: center;
}

.header__item {
   margin-right: 46px;
   transition: .2s linear;
}

.header__item:last-child {
   margin-right: 0;
}

.header__item:hover {
   opacity: .6;
}

.header__link {
   color: #fff;
}

.header__button {
   padding: 14px 27px;
}

.btn-primary {
   font-weight: 600;
   font-size: 15px;
   color: #fff;
   background-color: #E58D35;
   border-radius: 90px;
   transition: .2s linear;
   user-select: none;
}

.btn-primary:hover {
   background-color: #c77b30;
}

.hero__img {
   max-width: 100%;
   max-height: 700px;
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 20px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
}

.hero {
   border-radius: 20px;
   overflow: hidden;
   max-width: 1820px;
   margin: 0 auto;
   filter: drop-shadow(5px 15px 40px rgba(11, 24, 97, 0.32));
   border-radius: 20px;
   margin-bottom: 40px;
}

.hero-swiper-btn:after {
   color: #fff;
}

.hero-slide {
   padding: 163px 0 228px;
   max-height: 700px;
}

.hero-slide .container {
   padding: 0 60px;
}

.swiper-pagination {
   margin-bottom: 43px;
   z-index: 1000;
}

.swiper-button-prev {
   left: 15px !important;
}

.swiper-button-next {
   right: 15px !important;
}

.swiper-pagination-bullet {
   width: 8px !important;
   height: 8px !important;
   background-color: transparent !important;
   border: 2px solid #fff;
   opacity: 1 !important;
}

.swiper-pagination-bullet-active {
   background-color: #fff !important;
}

.hero__title {
   font-size: 56px;
   font-weight: bold;
   line-height: 1.3;
   margin-bottom: 8px;
}

.hero__subtitle {
   font-size: 20px;
   font-weight: 300;
   line-height: 1.35;
   max-width: 345px;
   margin-bottom: 37px;
}

.hero__btn {
   display: flex;
   align-items: center;
   gap: 30px;
   padding: 22.5px 20px 22.5px 33px;
   transition: .2s linear;
}

.hero__btn:hover {
   gap: 50px;
}

.hero-svg {
   margin-top: 2px;
}

.hero__content {
   max-width: 463px;
   z-index: 12000;
}

.btns-sw {
   max-width: 1523px;
   width: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 10;
}

.quiz {
   padding-top: 58px;
}

.quiz__title {
   font-size: 36px;
   font-weight: bold;
   line-height: 1.25;
   max-width: 610px;
   position: relative;
   text-transform: uppercase;
   margin-bottom: 32px;
}

.quiz__title::after {
   content: '';
   display: block;
   width: 85px;
   height: 2px;
   background-color: #89C249;
   position: absolute;
   top: 65px;
   right: 25px;
}

.quiz__form-number {
   width: 60px;
   height: 60px;
   background-color:
      #282B38;
   border: 2px solid #363A4D;
   border-radius: 50%;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   font-weight: bold;
   font-size: 24px;
   transition: .2s linear;
   z-index: 20;
}

.quiz__form-numbers {
   display: flex;
   margin-bottom: -30px;
   margin-left: 50px;
   justify-content: space-between;
   max-width: 262px;
}

.from__step-input::placeholder,
.questions__form-input::placeholder {
   font-size: 15px;
   color: #CBCBCB;
   line-height: 1.26;
}

.quiz__form {
   max-width: 626px;
   background: #363A4D;
   border-radius: 20px;
   padding: 70px 50px 40px;
   filter: drop-shadow(5px 15px 40px rgba(11, 24, 97, 0.32));
}

.checkbox-real {
   display: none;
}

.checkbox-fake {
   width: 24px;
   height: 24px;
   background-color: #fff;
   border-radius: 4px;
   transition: .2s linear;
}

.quiz__form-wrap {
   display: flex;
   flex-wrap: wrap;
   column-gap: 30px;
   row-gap: 20px;
   margin-bottom: 34px;
}

.quiz__step-label {
   max-width: 248px;
   width: 100%;
}

.from__step-input {
   width: 100%;
   border: none;
   background-color: #fff;
   padding: 18.5px 5px 18.5px 20px;
   border-radius: 10px;
}

.quiz__label {
   width: 100%;
}

.form__step-checkboxes {
   max-width: 248px;
   width: 100%;
   display: flex;
   flex-direction: column;
   margin-top: 19px;
}

.form__step-checkbox {
   width: fit-content;
   display: flex;
   align-items: center;
   column-gap: 10px;
   cursor: pointer;
}

.form__step-checkbox+.form__step-checkbox {
   margin-top: 20px;
}

.checkbox-real:checked+.checkbox-fake {
   background: url(../img/Vector.svg) no-repeat center #fff;
}

.file__input {
   display: none;
}

.form-pic {
   width: 100%;
   display: flex;
   justify-content: center;
   border: 1px dashed rgba(255, 255, 255, 0.26);
   border-radius: 10px;
   padding: 15px 0;
   cursor: pointer;
   margin-bottom: 43px;
}

.quiz__form-link {
   line-height: 1.46;
   text-decoration-line: underline;
   color: #E58D35;
   font-size: 14px;
   cursor: pointer;
}
.quiz__form-text{
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.quiz-next {
   order: 1;
}
.quiz__wrap{
   display: flex;
   flex-wrap: wrap;
}
.quiz-prev {
   padding: 22.5px 46px;
}

.btn-outline {
   font-weight: 600;
   font-size: 15px;
   border: 1px solid #E58D35;
   border-radius: 90px;
   color: #fff;
   transition: .2s linear;
}

.quiz__form-btns {
   display: flex;
   justify-content: space-between;
}

.quiz .container {
   position: relative;
}

.quiz__man {
   width: calc(50% - 100px);
   margin: -200px 0 0 -50px;
   z-index: 3;
}

.quiz__form-textarea {
   background: #FFFFFF;
   border-radius: 10px;
   width: 100%;
   height: 147px;
   resize: none;
}

.quiz__form-step {
   display: none;
}

.quiz-active {
   display: block;
}

.active-number {
   background-color: #89C249;
}

.quiz__end {
   display: none;
}
.pt {
   margin-top: 142px;
   margin-bottom: 56px;
}

.quiz__manup {
   margin-top: -300px;
   margin-left: 200px;
}

.end__img {
   margin-bottom: 34px;
}

.end__title {
   font-weight: bold;
   font-size: 32px;
   line-height: 1.26;
   margin-bottom: 10px;
}

.end__subtitle {
   font-size: 18px;
   line-height: 1.26;
   margin-bottom: 37px;
}

.list__title {
   font-weight: bold;
   font-size: 18px;
   line-height: 1.26;
   margin-bottom: 22px;
}

.end-item {
   font-weight: 300;
   position: relative;
   margin-bottom: 10px;
   margin-left: 10px;
}

.end-item::before {
   content: '';
   display: block;
   width: 4px;
   height: 4px;
   background-color: #fff;
   border-radius: 50%;
   position: absolute;
   left: -10px;
   top: 50%;
   transform: translateY(-50%);
}

.btn-outline:hover {
   background-color: #E58D35;
}

.benefits {
   padding: 90px 15px 110px;
   background: linear-gradient(0deg, #363A4D, #363A4D), #F7F7F7;
   border-radius: 20px;
   margin-bottom: 100px;
}

.benefits__title {
   font-weight: bold;
   font-size: 36px;
   line-height: 1.25;
   text-align: center;
   text-transform: uppercase;
   position: relative;
   margin-bottom: 82px;
}

.benefits__title:after {
   content: '';
   display: block;
   width: 85px;
   height: 2px;
   background-color: #E58D35;
   position: absolute;
   top: 142%;
   left: 50%;
   transform: translateX(-50%);
}

.benefit {
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.benefit__text {
   font-size: 18px;
   line-height: 1.25;
   max-width: 160px;
}

.benefit:last-child .benefit__text {
   max-width: none;
}

.benefit__img {
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   width: fit-content;
   background-color: #89C249;
   padding: 24px 18px 19px 25px;
   border-radius: 50%;
   margin-bottom: 32px;
}

.benefit__img::after {
   content: '';
   position: absolute;
   top: -10px;
   left: -10px;
   right: -10px;
   bottom: -10px;
   border: 1px solid #6C7188;
   border-radius: 50%;
}

.content {
   display: grid !important;
   grid-template-columns: repeat(4, minmax(160px, 1fr));
   align-items: start !important;
   justify-content: space-between !important;
   row-gap: 53px;
}

.benefit img {
   transform: translate(-3px, -2px);
}

.delivery {
   margin-bottom: 100px;
   position: relative;
}

.delivery__title {
   position: relative;
   text-align: center;
}

.delivery .section__title:after {
   background-color: #89C249;
}

.delivery__btn {
   padding: 14px 35.16px;
}

.delivery__btn-1 {
   padding: 14px 17.5px;
}

.delivery__swiper,
.services__swiper {
   position: relative !important;
}

.delivery__item {
   background: #363A4D;
   box-shadow: 5px 15px 40px rgba(30, 35, 66, 0.15);
   border-radius: 20px;
   max-width: 360px;
   overflow: hidden;
   text-align: center;
}

.delivery__content {
   padding: 0 20px 27px;
}

.delivery__img {
   margin-bottom: 27px;
}

.delivery-pic {
   width: 100%;
}

.delivery__item-title {
   font-weight: bold;
   font-size: 22px;
   line-height: 1.25;
   margin-bottom: 13px;
}

.delivery__characs {
   display: flex;
   align-items: center;
   justify-content: center;
   column-gap: 30px;
   margin-bottom: 15px;
}

.questions__form {
   position: relative;
}

.questions__form::before{
   content: '';
   display: block;
   width: 100%;
   position: fixed;
   height: 100%;
   background-color: #000000;
}

.delivery__calendar,
.delivery__box {
   display: flex;
   align-items: center;
   column-gap: 10px;
}

.delivery__price {
   margin-bottom: 18px;
}

.op {
   color: #A3A3A3;
}

.price {
   font-size: 45px;
   font-weight: bold;
}

.delivery__btns {
   display: flex;
   justify-content: space-between;
}

.delivery-swiper-btn:after {
   color: #6C6F7F;
   z-index: 10 !important;
}

.services__slider-btns,
.delivery__slider-btns {
   max-width: 1323px;
   width: 100%;
   height: 46px;
   position: absolute;
   top: calc(50% + 66px);
   left: 50%;
   transform: translate(-50%, -89%);
   z-index: 2;
}

.services {
   background: linear-gradient(0deg, #363A4D, #363A4D), #F7F7F7;
   border-radius: 20px;
   padding: 100px 15px;
   margin-bottom: 60px;
   position: relative;
}

.services__title {
   text-align: center;
   margin-bottom: 70px;
}

.services__title:after {
   background-color: #E58D35;
}

.services__item {
   max-width: 360px;
   position: relative;
   padding: 200px 23px 63px 30px;
   border-radius: 20px;
   overflow: hidden;
   max-height: 482px;
}

.services__item:last-child {
   padding: 195px 23px 63px 30px;
}

.benefits-pagination {
   display: none;
}

.services__item::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(0deg, rgba(4, 5, 17, 0.91) 0%, rgba(88, 88, 88, 0) 100%);
   z-index: -1;
}

.services__img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -2;
}

.services-pic {
   border-radius: 20px;
   object-fit: cover;
   width: 100%;
   height: 100%;
}

.services__item-title {
   font-weight: bold;
   font-size: 22px;
   margin-bottom: 13px;
}

.services__item-text {
   max-width: 307px;
   font-size: 15px;
   margin-bottom: 14px;
}

.about {
   margin-bottom: 90px;
}

.about__title {
   margin-bottom: 65px;
   position: relative;
   text-align: left;
}

.about__title:after {
   background-color: #89C249;
   left: calc(85px / 2);
}

.about__text {
   max-width: 560px;
   font-size: 18px;
   line-height: 1.7;
   font-weight: 300;
}

.about__text+.about__text {
   margin-top: 45px;
}

.about__wrap {
   display: flex;
   justify-content: space-between;
}
.about__img{
   position: relative;
}
.about-pic{
   transition: .2s linear;
   position: relative;
   cursor: pointer;
}
.about__img:hover .about-pic{
   transform: scale(1.1);
}

.questions__title {
   text-align: center;
   margin-bottom: 70px;
}

.questions__title:after {
   background-color: #E58D35;
}

.accordeon__wrap {
   max-width: 716px;
   width: 100%;
   margin-right: 15px;
}

.questions__wrap {
   display: flex;
   justify-content: space-between;
}

.accordeon__item {
   border: 1px solid #3A444E;
   border-radius: 10px;
   padding: 21px 34px;
   transition: .2s linear;
   height: fit-content;
   cursor: pointer;
}

.accordeon__item+.accordeon__item {
   margin-top: 16px;
}

.accordeon__header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   user-select: none;
}

.accordeon__title {
   font-weight: bold;
   font-size: 18px;
   margin-right: 15px;
}

.accordeon-pic path {
   fill: #fff;
   transition: .2s linear;
}

.accordeon__body>* {
   padding-top: 10px;
   display: block;
}

.accordeon__body {
   max-width: 583px;
   font-size: 17px;
   font-weight: 300;
   line-height: 1.44;
   max-height: 0;
   overflow: hidden;
   transition: .2s linear;
}

.accordeon__img {
   display: flex;
   align-items: center;
   transition: .2s linear;
}

.accordeon__item.opened .accordeon-pic path {
   fill: #B26519;
}

.accordeon__item.opened .accordeon__img {
   transform: rotate(-90deg);
}

.opened {
   background-color: #fff;
   color: #282B38;
}

.questions__form-input {
   width: 100%;
   border: none;
   background-color: #fff;
   padding: 18.5px 5px 18.5px 20px;
   border-radius: 10px;
}

.questions__form-textarea {
   background: #FFFFFF;
   border-radius: 10px;
   width: 100%;
   height: 70px;
   resize: none;
   padding: 19px 5px 32px 20px;
   margin-bottom: 26px;
}

.questions__form-textarea::placeholder {
   font-family: 'Proxima-Nova';
   color: #cbcbcb;
}

.questions__form {
   max-width: 390px;
   width: 100%;
   padding: 38px 40px;
   background: #363A4D;
   box-shadow: 5px 15px 40px rgba(11, 24, 97, 0.32);
   border-radius: 20px;
   max-height: 573px;
   height: 100%;
}

.questions__form-input+.questions__form-input {
   margin-top: 14px;
}

.questions__form-input+.questions__form-textarea {
   margin-top: 14px;
}

.questions__form .hero__btn {
   width: 100%;
   display: flex;
   justify-content: space-between;
}

.questions__form-title {
   font-weight: bold;
   font-size: 24px;
   margin-bottom: 8px;
}

.questions__form-text {
   font-weight: 300;
   font-size: 17px;
   margin-bottom: 23px;
}

.questions {
   margin-bottom: 100px;
}

.partnership {
   background: linear-gradient(0deg, #363A4D, #363A4D), #F7F7F7;
   border-radius: 20px;
   padding: 100px 15px;
   margin-bottom: 70px;
}

.partnership__title {
   text-align: center;
   position: relative;
   margin-bottom: 20px;
}

.partnership__title:after {
   background-color: #89C249;
   top: 210%;
}

.partnership__subtitle {
   text-align: center;
   margin-top: -20px;
   font-weight: 300;
   font-size: 24px;
   margin-bottom: 70px;
}

.partnership__text {
   font-weight: 300;
   font-size: 17px;
   line-height: 1.56;
   max-width: 555px;
}

.partnership__text+.partnership__text {
   margin-top: 40px;
}

.partnership__text::before {
   content: '';
   width: 4px;
   height: 4px;
   background-color: #fff;
   border-radius: 50%;
   display: inline-block;
   margin-right: 6px;
}

.partnership__content {
   padding-right: 15px;
}

.partnership__wrap {
   display: flex;
   justify-content: space-between;
}

.partnership__wrap+.partnership__wrap {
   margin-top: 70px;
}


.partnership-pic {
   width: 100%;
   border-radius: 20px;
   min-height: 360px;
   object-fit: cover;
   filter: drop-shadow(5px 15px 40px rgba(11, 24, 97, 0.32));
}

.partnership-pic-second {
   height: auto;
}

.partnership__content-second {
   margin-top: 30px;
   margin-left: 15px;
   padding-right: 0;
}

.partnership__content-second .partnership__img {
   width: fit-content;
}

.partnership__list .hero__btn {
   gap: 46px;
   margin-top: 40px;
}

.partnership__content-second {
   max-width: 523px;
}

.footer__border {
   width: 100%;
   height: 2px;
   background-color: #E58D35;
   display: block;
   margin-bottom: 40px;
}

.footer__logo {
   margin-bottom: 28px;
}

.footer__info {
   font-size: 14px;
   line-height: 1.62;
   margin-bottom: 25px;
}

.footer__icons {
   display: flex;
   margin-bottom: 10px;
}

.footer__icon+.footer__icon {
   margin-left: 8px;
}

.footer__icon {
   cursor: pointer;
}

.footer__wrap {
   display: flex;
   justify-content: space-between;
}

.footer__lists {
   width: 60%;
   display: flex;
   justify-content: space-between;
   margin-right: 60px;
}

.footer__title {
   font-weight: bold;
   line-height: 1.46;
   font-size: 20px;
   margin-bottom: 14px;
}

.footer__link {
   text-decoration-line: underline;
   color: #85899C;
   transition: .2s linear;
}

.footer__link:hover {
   opacity: .6;
}

.footer__item {
   line-height: 1.7;
}

.delivery-pagination,
.services-pagination {
   display: none !important;
}

.modal {
   display: none;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .8);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1004;
   padding: 20px 20px;
}

.modal.show {
   display: flex;
}

.modal__content {
   width: 100%;
   padding: 48px 53px 41px;
   background: #363A4D;
   border-radius: 20px;
   position: relative;
   transform: translateY(-50px);
   transition: .2s linear;
   opacity: 0;
   max-height: 627px;
   overflow-y: auto;
}

.modal__close{
   width: 13px;
   height: 13px;
   position: absolute;
   top: 17px;
   right: 17px;
   cursor: pointer;
   background: url(../img/close.svg) no-repeat center;
}

.modal-calculate{
   max-width: 354px;
   display: flex;
   flex-direction: column;
}

.modal-calculate .simplebar-content{
   max-width: 354px;
   display: flex !important;
   flex-direction: column !important;
}

.modal-btn{
   padding: 22.5px 21px 22.5px 33px;
   margin-top: 33px;
   max-width: 253px;
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.modal__label + .modal__label{
   margin-top: 20px;
}

._error{
   box-shadow: 0 0 15px red !important;
}

.modal__title{
   font-weight: bold;
   font-size: 24px;
   text-transform: uppercase;
}
.selector{
   position: relative;
}
.select-title{
   display: flex;
   justify-content: space-between;
   width: 100%;
   background-color: #fff;
   color: #212121;
   padding: 18px 23px 15px 20px;
   border-radius: 10px;
}
.select__list{
   margin-top: 23px;
   display: none;
   -webkit-box-shadow: 7px 0px 18px 0px #000000; 
   box-shadow: 7px 0px 18px 0px #000000;
   position: absolute;
   width: 100%;
   max-height: 300px;
   background-color: #fff;
   color: #212121;
   padding: 18px 23px 15px 20px;
   border-radius: 10px;
   z-index: 20;
}
.select__item{
   margin-bottom: 15px;
   transition: .2s linear;
}
.select__item:hover{
   background-color: rgb(77, 73, 73);
}
.select__item:last-child{
   margin-bottom: 0;
}

.full-img{
   object-fit: cover;
   max-width: 100%;
   max-height: 100%;
}

#modal-img .modal__content{
   width: fit-content;
   background-color: transparent;
   padding: 20px;
   border-radius: 0;
}
@media(max-width:1250px) {
   .hero-slide {
      max-height: 600px;
      padding: 143px 0 168px;
   }

   .header__list {
      display: none;
   }

   .header__burger {
      display: block;
   }

   .quiz__man {
      display: none;
   }
   .quiz{
      margin-bottom: 110px;
   }

   .quiz__step-label,
   .form__step-checkboxes {
      max-width: calc(50% - 15px);
   }

   .quiz__form {
      max-width: 800px;
   }

   .about-pic {
      max-width: 470px;
   }

   .delivery__btns {
      display: flex;
      flex-direction: column;
   }

   .delivery__btn {
      margin-top: 15px;
   }

   .delivery__slider-btns {
      top: calc(50% + 50px);
   }

   .services__item {
      padding: 150px 23px 113px 30px;
   }

   .services__item:last-child {
      padding: 115px 23px 113px 30px;
   }

   .delivery-swiper-btn:after {
      color: rgb(172, 165, 165);
   }

   .footer__lists {
      width: 70%;
      margin-right: 0;
   }

   .footer__content {
      margin-right: 20px;
   }
}

@media(max-width:991px) {
   .hero-slide {
      max-height: 500px;
   }

   .hero__title {
      font-size: 40px;
   }

   .hero__subtitle {
      font-size: 18px;
   }

   .content {
      grid-template-columns: repeat(3, minmax(160px, 1fr));
   }

   .about-pic {
      max-width: 100%;
   }

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

   .about__text {
      max-width: none;
   }

   .about__img {
      display: flex;
      justify-content: center;

   }

   .about__content {
      margin-bottom: 25px;
   }

   .questions__wrap {
      flex-direction: column;
      justify-content: flex-start;
   }

   .accordeon__wrap {
      max-width: none;
      margin-bottom: 28px;
   }

   .questions__form {
      max-width: 500px;
   }

   .accordeon__title {
      font-size: 16px;
   }

   .questions__form .hero__btn {
      max-width: 250px;
   }

   .partnership__wrap {
      flex-direction: column;
   }

   .partnership__text {
      max-width: none;
      text-align: justify;
   }

   .partnership__img {
      order: -1;
      margin-bottom: 36px;
      display: flex;
      justify-content: center;
   }

   .partnership-pic {
      width: 85%;
   }

   .partnership {
      padding: 100px 40px;
   }

   .partnership__content-second {
      max-width: none;
   }

   .partnership__content-second {
      margin-top: 0;
      margin-left: 0;
   }

   .partnership__list .hero__btn {
      margin-top: 30px;
   }

   .partnership__content {
      padding-right: 0;
   }

   .delivery__item {
      max-width: none;
   }

   .delivery__title {
      margin-bottom: 52px;
   }

   .delivery__title:after {
      top: 130%;
   }

   .services__item {
      max-width: none;
   }

   .services__item:last-child {
      padding-top: 155px;
   }

   .footer__lists {
      flex-wrap: wrap;
      justify-content: start;
   }

   .footer__list {
      margin-right: 15px;
      margin-bottom: 20px;
   }

   .footer__list:last-child {
      margin-right: 0;
      margin-bottom: 0px;
   }
}

@media(max-width:768px) {
   .hero-slide::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(0deg, rgba(4, 5, 17, 0.6), rgba(4, 5, 17, 0.6));
      z-index: -1;
   }

   .hero__img {
      z-index: -2;
   }

   .hero-slide {
      padding: 125px 0 150px;
      max-height: 450px;
   }

   .hero__title {
      font-size: 36px;
   }

   .hero__subtitle {
      font-size: 16px;
      margin-bottom: 18px;
      max-width: none;
   }

   .btns-sw {
      display: none;
   }

   .hero-slide .container {
      padding: 0 20px;
   }

   .hero__img {
      border-radius: 0;
   }

   body {
      padding: 0 0 34px;
   }

   .header {
      padding-top: 17px;
   }

   .hero {
      border-radius: 0;
   }

   .container {
      padding: 0 20px;
   }

   .quiz__title {
      font-size: 32px;
   }

   .content {
      grid-template-columns: repeat(2, minmax(160px, 1fr));
   }

   .benefits__title {
      font-size: 32px;
   }

   .benefits {
      border-radius: 0;
      padding: 55px 20px 60px;
   }

   .section__title {
      font-size: 32px;
   }

   .partnership {
      border-radius: 0;
      padding: 60px 0px;
   }

   .partnership-pic {
      width: 100%;
   }

   .delivery__slider-btns .swiper-button-prev {
      left: 25px !important;
   }

   .delivery__slider-btns .swiper-button-next {
      right: 25px !important;
   }

   .delivery-pagination,
   .services-pagination {
      margin-bottom: 0 !important;
      display: block !important;
   }

   .delivery-slider {
      padding-bottom: 70px !important;
   }

   .delivery__slider-btns,
   .services__slider-btns {
      display: none;
   }

   .services__item {
      padding: 150px 13px 120px 20px;
   }

   .services__item:last-child{
      padding: 120px 13px 120px 20px;
   }

   .services-slider {
      padding-bottom: 60px !important;
   }

   .services {
      padding: 54px 0px 30px;
      border-radius: 0;
   }

   .services__item-text {
      max-width: none;
   }

   .services__title {
      margin-bottom: 60px;
   }
}

@media(max-width:600px) {
   .hero-slide {
      max-height: 600px;
      text-align: center;
      padding: 187px 0 272px;
   }

   .hero__title {
      font-size: 32px;
      margin-bottom: 10px;
   }

   .hero__subtitle {
      font-size: 18px;
   }

   .hero__img {
      object-fit: cover;
      object-position: -600px 0px;
   }

   .header {
      padding: 17px 14px 0px 20px;
      margin-bottom: 15px;
   }

   .hero__btn {
      padding: 16px 15px 16px 20px;
   }

   .hero__btn:hover {
      gap: 40px;
   }

   .quiz {
      margin-bottom: 60px;
      padding-top: 0;
   }

   .quiz__step-label,
   .form__step-checkboxes {
      max-width: none;
      flex: 1 1 100%;
   }

   .quiz__form {
      padding: 50px 30px 34px;
   }

   .quiz__title {
      font-size: 28px;
   }

   .quiz__title::after {
      top: 70px;
   }

   .quiz__form-btns {
      flex-direction: column;
   }

   .quiz-next {
      margin-top: 20px;
      justify-content: space-between;
      padding: 16px 20px;
   }

   .hero {
      margin-bottom: 55px;
   }

   .hero__btn {
      gap: 0;
   }

   .hero__btn:hover {
      gap: 0;
   }

   .content {
      grid-template-columns: repeat(1, minmax(160px, 1fr));
   }

   .benefits-swiper .swiper-wrapper {
      display: flex !important;
   }

   .benefit {
      padding-top: 10px;
      padding-bottom: 56px;
   }

   .benefits-pagination {
      display: block;
      margin-bottom: 0px;
   }

   .benefits-pagination .swiper-pagination-bullet {
      margin-left: 26px !important;
   }

   .benefits-pagination .swiper-pagination-bullet:first-child {
      margin-left: 0 !important;
   }

   .section__title {
      text-align: center;
      font-size: 24px;
   }

   .about__title:after {
      left: 50%;
   }

   .about__text {
      font-size: 16px;
      text-align: justify;
   }

   .accordeon__text {
      font-size: 14px;
   }

   .accordeon__item {
      padding: 12px 22px;
   }

   .accordeon__title {
      margin-right: 10px;
   }

   .questions__form {
      padding: 38px 20px;
      text-align: center;
      max-width: none;
      width: 100%;
   }

   .questions {
      margin-bottom: 60px;
   }

   .about {
      margin-bottom: 34px;
   }

   .benefits {
      margin-bottom: 54px;
   }

   .partnership__subtitle {
      font-size: 16px;
      margin-bottom: 50px;
   }

   .partnership__text {
      font-size: 16px;
   }

   .partnership__text+.partnership__text {
      margin-top: 30px;
   }

   .partnership__wrap+.partnership__wrap {
      margin-top: 40px;
   }

   .partnership-pic {
      min-height: 220px;
   }

   .partnership {
      margin-bottom: 55px;
   }

   .delivery {
      margin-bottom: 50px;
   }

   .delivery__title {
      margin-bottom: 52px;
   }

   .footer__lists {
      display: none;
   }

   .footer__wrap {
      justify-content: center;
      text-align: center;
   }

   .footer__icons {
      justify-content: center;
   }

   .hero-svg{
      margin-left: 20px;
   }
   .quiz__form-link{
      margin-left: 5px;
      font-size: 13px;
   }
   .services__item{
      padding: 200px 13px 120px 20px;
   }

   .services__item:last-child{
      padding: 200px 13px 120px 20px;
   }
   
}

@media(max-width:425px) {
   .form-pic {
      margin-bottom: 20px;
   }

   .header {
      padding: 17px 0px 0px 0px;
   }

   .header__logo img {
      max-width: 140px;
   }

   .hero-slide {
      max-height: 500px;
      text-align: center;
      padding: 150px 0 250px;
   }

   .hero__btn {
      max-width: 280px;
      width: 100%;
      justify-content: space-between;
   }

   .quiz__title {
      font-size: 24px;
      text-align: center;
      margin-bottom: 70px;
   }

   .quiz__title::after {
      top: 122%;
      left: 50%;
      transform: translateX(-50%);
   }

   .quiz__step-label:nth-child(3) {
      order: -1;
   }

   .quiz__step-label:nth-child(1) {
      order: -2;
   }

   .quiz__form-numbers {
      margin-left: 30px;
      margin-right: 30px;
   }

   .quiz__form-number {
      width: 55px;
      height: 55px;
   }

   .quiz-next {
      max-width: none;
   }

   .benefits__title {
      font-size: 24px;
   }

   .benefits-pagination .swiper-pagination-bullet {
      margin-left: 10px !important;
   }

   .questions__form {
      max-height: none;
   }

   .partnership__list .hero__btn {
      width: 100%;
      max-width: 300px;
   }

   .partnership__title::after {
      top: 165%;
   }

   .services__item {
      padding: 160px 13px 103px 20px;
   }

   .services__item:last-child {
      padding: 130px 13px 103px 20px;
   }
}
.none{
   display: none;
   color: rgb(233, 77, 77);
   text-transform: uppercase;
   font-weight: bold;
   font-size: 24px;
}
.error{
   display: block;
}