@font-face {
   font-family: "Geologica";
   font-display: swap;
   src:
           url("./fonts/Geologica-Thin.woff") format("woff"),
           url("./fonts/Geologica-Thin.woff2") format("woff2");
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: "Geologica";
   font-display: swap;
   src:
           url("./fonts/Geologica-ExtraLight.woff") format("woff"),
           url("./fonts/Geologica-ExtraLight.woff2") format("woff2");
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: "Geologica";
   font-display: swap;
   src:
           url("./fonts/Geologica-Light.woff") format("woff"),
           url("./fonts/Geologica-Light.woff2") format("woff2");
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: "Geologica";
   font-display: swap;
   src:
           url("./fonts/Geologica-Regular.woff") format("woff"),
           url("./fonts/Geologica-Regular.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: "Geologica";
   font-display: swap;
   src:
           url("./fonts/Geologica-Medium.woff") format("woff"),
           url("./fonts/Geologica-Medium.woff2") format("woff2");
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: "Geologica";
   font-display: swap;
   src:
           url("./fonts/Geologica-SemiBold.woff") format("woff"),
           url("./fonts/Geologica-SemiBold.woff2") format("woff2");
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: "Geologica";
   font-display: swap;
   src:
           url("./fonts/Geologica-Bold.woff") format("woff"),
           url("./fonts/Geologica-Bold.woff2") format("woff2");
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: "Geologica";
   font-display: swap;
   src:
           url("./fonts/Geologica-ExtraBold.woff") format("woff"),
           url("./fonts/Geologica-ExtraBold.woff2") format("woff2");
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: "Geologica";
   font-display: swap;
   src:
           url("./fonts/Geologica-Black.woff") format("woff"),
           url("./fonts/Geologica-Black.woff2") format("woff2");
   font-weight: 900;
   font-style: normal;
}

:root {
   --font-primary: "Geologica";
}

* {
   padding: 0px;
   margin: 0px;
   border: 0px;
   font-size: 14px;
}

*,
*:before,
*:after {
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

html {
   scroll-behavior: smooth;
}

html,
body {
   min-width: var(--min-width);
}

body {
   color: #181818;
   line-height: 1.1;
   font-family: var(--font-primary), sans-serif;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
   font-family: var(--font-primary);
   font-size: inherit;
   line-height: inherit;
}

button {
   cursor: pointer;
   color: inherit;
   background-color: transparent;
}

a {
   color: inherit;
   text-decoration: none;
   cursor: pointer;
}

ul li {
   list-style: none;
}

img {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: inherit;
   font-size: inherit;
}

body.lock {
   overflow: hidden;
   touch-action: none;
   overscroll-behavior: none;
}

.wrapper {
   min-height: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
}

header {
   position: relative;
}

@supports (overflow: clip) {
   .wrapper {
      overflow: clip;
   }
}

.wrapper footer > main {
   flex: 1 1 auto;
}

/* Фикс для слайдеров */
.wrapper > * {
   min-width: 0;
}

[class*="__container"] {
   margin: 0 auto;
   max-width: 1250px;
   padding: 0 35px;
}

@media (max-width: 1100px) {
   [class*="__container"] {
      max-width: 100vw;
      padding: 0 35px;
   }
}

@media (max-width: 720px) {
   [class*="__container"] {
      padding: 0 18px;
   }
}

.h1 {
   font-size: 48px;
   font-weight: 800;
   line-height: 60px;
   letter-spacing: -0.05rem;
}

.h2 {
   font-size: 36px;
   font-weight: 600;
   line-height: 42px;
   letter-spacing: -0.03rem;
}

.fs30 {
   font-size: 30px;
   font-weight: 400;
   line-height: 42px;
   letter-spacing: -0.03rem;
}

.fs30-500 {
   font-weight: 500;
   font-size: 30px;
   line-height: 42px;
   letter-spacing: -0.03rem;
}

.fs17 {
   font-size: 17px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.03rem;
}

.fs24 {
   font-size: 24px;
   font-weight: 400;
   letter-spacing: -0.03rem;
}

.fs20 {
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.03rem;
}

.grey {
   color: #9f9f9f !important;
}

/******************************************************/

.header__container {
}

.header__content {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   padding: 18px 0 60px 0;
}

.header__block {
}

.header__logo {
   display: block;
}

.header__logo object {
   pointer-events: none;
}

.header__nav {
}

.header__list {
   display: flex;
   flex-direction: row;
   gap: 48px;
}

.header__item {
}

.header__link {
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   transition: all 0.3s ease 0s;
   color: #181818;
}

/*************************************/

.main-banner__wrapper {
   padding-bottom: 72px;
}

.main-banner__container {
}

.main-banner__content {
   position: relative;
}

.main-banner__block:nth-child(1) {
   position: relative;
   z-index: 3;
}

.main-banner__block:nth-child(2) {
   position: absolute;
   z-index: 2;
   top: 0;
   right: -35px;
   display: flex;
   justify-content: flex-end;
}

.main-banner__top {
   max-width: 60%;
}

.main-banner__title {
   background: linear-gradient(94.61deg, #ffd943 0%, #ffee8d 60%, #ffd52c 100%);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;
}

.main-banner__top .main-banner__subtitle {
   margin: 30px 0 48px 0;
   color: #fff;
}

.main-banner__btn {
   display: block;
   text-align: center;
   font-size: 24px;
   font-weight: 600;
   line-height: 36px;
   letter-spacing: -0.03rem;
   padding: 18px 24px;
   max-width: 465px;
   width: 100%;
   background: linear-gradient(180deg, #e62c2b 0%, #a22326 100%);
   border-radius: 18px;
   /*border: 3px solid #181818;*/
   text-transform: uppercase;
   transition: all 0.3s ease 0s;
   color: #fff;
}

.main-banner__quest {
}

.main-banner__quest .main-banner__subtitle {
   color: #181818;
}

.main-banner__list {
   display: flex;
   flex-direction: column;
   gap: 18px;
   margin: 30px 0;
}

.main-banner__item {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 18px;
}

.main-banner__num {
   border-radius: 50%;
   background: linear-gradient(180deg, #fd3334 0%, #cd181a 100%);
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   width: 48px;
   height: 48px;
}

.main-banner__num span {
   display: block;
   font-size: 24px;
   font-weight: 500;
   line-height: 36px;
   letter-spacing: -0.03rem;
   color: #ffffff;
}

.main-banner__text {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 300;
   font-size: 24px;
   line-height: 36px;
   letter-spacing: -0.02em;
   color: #242424;
}

.main-banner__link {
   cursor: pointer;
   font-family: "Geologica";
   font-style: normal;
   font-weight: 300;
   font-size: 24px;
   line-height: 36px;
   letter-spacing: -0.02em;
   color: #242424;
   text-decoration: underline;
}

.main-banner__img {
   max-width: 510px;
}

.main-banner__img svg {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.main-banner__img object {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.main-banner__img img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.main-banner__img object img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

/******************************************************/
.priz {
   margin: 72px 0;
}

.priz__container {
}

.priz__content {
}

.priz__title {
   margin-bottom: 30px;
   text-align: center;
}

.priz__block {
   display: flex;
   flex-direction: row;
   gap: 20px;
}

.priz__item {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex: 0 0 calc((100% - 20px) / 2);
   padding: 36px;
}

.priz__img {
   margin-bottom: 36px;
   max-width: 380px;
   max-height: 380px;
}

.priz__img svg {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.priz__img object {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.priz__img img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.priz__text-title {
   margin-bottom: 12px;
   color: #e11e1c;
}

.priz__text {
   text-align: center;
}

.priz__subtext {
   margin-top: 30px;
}

/************************************************/
.form-priz {
   margin-bottom: 72px;
}

.form-priz__container {
}

.form-priz__content {
}

.form-priz__wrapper {
   padding: 36px 60px;
   position: relative;
   background: linear-gradient(180deg, #FFEB50 0%, #FFA600 100%);
   border-radius: 30px;

}

.form-priz__title {
   color: #242424;
   margin-bottom: 30px;
}

.form-priz__block-1 {
}

.form-priz__block-2 {
   margin: 30px 0;
}

.form-priz__label {
   margin-bottom: 18px;
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: -0.02em;
   color: #242424;
}

.form-priz__row {
   display: flex;
   flex-direction: row;
   gap: 20px;
}

.form-priz__inp {
   width: 100%;
   border-radius: 15px;
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 300;
   font-size: 17px;
   line-height: 24px;
   letter-spacing: -0.02em;
   padding: 18px 24px;
}

.form-priz__inp::placeholder {
   color: #9f9f9f;
}

.form-priz__block-1 .form-priz__row .form-priz__inp,
.form-priz__block-2 .form-priz__row .form-priz__inp {
   flex: 0 0 32%;
}

.form-priz__subblock {
}

.form-priz__ch-wrapper {
   display: flex;
   flex-direction: column;
   gap: 18px;
   color: #242424;
}

.form-priz__ch-label {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   cursor: pointer;
}

.form-priz__ch-inp {
   appearance: none;
   width: 24px;
   height: 24px;
   border-radius: 6px;
   background-color: #fff;
   cursor: pointer;
   transition:
           color 0.15s ease-in-out,
           background-color 0.15s ease-in-out,
           border-color 0.15s ease-in-out,
           box-shadow 0.15s ease-in-out;
   margin: 0;
}

.form-priz__ch-inp:checked {
   background-color: #181818;
   border-color: #181818;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-priz__link {
   text-decoration: underline;
   transition: all 0.3s ease 0s;
}

.form-priz__btn {
   display: block;
   width: 100%;
   margin-top: 72px;
   padding: 21px 24px;
   background: linear-gradient(180deg, #454545 0%, #181818 90%);
   border-radius: 18px;
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 30px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #FFFFFF;
}

.form-priz__img {
   position: absolute;
   bottom: 80px;
   right: -105px;
}

/*******************************************/
.faq {
   margin-bottom: 72px;
}

.faq__container {
}

.faq__content {
}

.faq__title {
   margin-bottom: 30px;
}

.faq__question-top{
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: -0.02em;
   color: #242424;
}

.faq__item {
   border-bottom: 1px solid #e5e5e5;
   padding: 30px 0;
}
.faq__item:first-child {
   border-top: 1px solid #e5e5e5;
}
.faq__question {
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
   gap: 20px;
}
.faq__question .fs20 {
   font-weight: 400;
}
.faq__question .fs24 {
   padding-right: 15px;
}

.faq__arrow {
   height: 15px;
   transform: rotate(-180deg);
   transition: transform 0.3s ease;
}

.faq__answer {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.3s ease;
}

.faq__answer-wr {
   margin-top: 30px;
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 300;
   font-size: 17px;
   line-height: 24px;
   letter-spacing: -0.02em;
   color: #242424;
}

.faq__item.open .faq__answer {
   max-height: 200px;
}

.faq__question.active .faq__arrow {
   transform: rotate(0deg);
}

/**************************************************************/

.footer__container {
}

.footer__content {
}

.footer__wrapper {
}

.footer__top {
   margin-bottom: 72px;
}

.footer__title {
   margin-bottom: 18px;
}

.footer__subtitle {
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: -0.02em;
   color: #242424;
}

.footer__sublink {
   color: #ff4343;
   cursor: pointer;
   transition: all 0.3s ease 0s;
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: -0.02em;
}

.footer__bottom {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}

.footer__link {
   display: block;
   width: 100%;
   max-width: 220px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 15px 24px;
   background: linear-gradient(180deg, #454545 0%, #181818 90%);
   border-radius: 15px;
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 30px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #FFFFFF;
}

.footer__list {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 30px;
}

/*.main-banner__img {*/
/*    min-width: 560px;*/
/*}*/

.itog {
   margin: 72px 0;
}

.itog__title {
   margin-bottom: 18px;
}

.itog__link {
   text-decoration: underline;
}

/****************************************/

/* Стили для попапа */
.popup-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
   display: none; /* Скрыт по умолчанию */
   justify-content: center;
   align-items: center;
   z-index: 10000;
   opacity: 0;
   transition: opacity 0.3s ease;
}

.popup-overlay.active {
   display: flex;
   opacity: 1;
}

.popup-content {
   background: white;
   padding: 72px 60px;
   border-radius: 24px;
   text-align: center;
   max-width: 900px;
   width: 90%;
   transform: translateY(-50px);
   transition: transform 0.3s ease;
}

.popup-overlay.active .popup-content {
   transform: translateY(0);
}

.popup-title {
   color: #181818;
   margin-bottom: 36px;
   font-weight: 600;
   font-size: 36px;
   line-height: 42px;
   letter-spacing: -3%;
   text-align: center;
}

.popup-text {
   margin-bottom: 72px;
   font-weight: 400;
   font-size: 30px;
   line-height: 42px;
   letter-spacing: -2%;
   text-align: center;
   color: #181818;
}

.popup-button {
   background: #181818;
   color: white;
   border: none;
   width: 100%;
   padding: 18px 36px;
   border-radius: 18px;
   cursor: pointer;
   font-weight: 600;
   font-size: 24px;
   line-height: 36px;
   letter-spacing: 0%;
   text-align: center;
   text-transform: uppercase;
}

.main-banner__mobile {
   display: none;
}

@media (max-width: 1430px) {
   .priz__block {
      justify-content: space-between;
   }

   .form-priz__img {
      bottom: 70px;
      right: 0px;
   }
}

@media (max-width: 1250px) {
   .priz__block {
      /*flex-wrap: wrap;*/
   }
}


@media (max-width: 996px) {
   .form-priz__img {
      display: none;
   }

   .form-priz__row {
      flex-direction: column;
      gap: 12px;
   }

   .form-priz__inp {
      padding: 15px 24px;
   }

   .main-banner__num {
      min-width: 48px;
   }
}

@media (max-width: 932px) {
   .main-banner__img {
      max-width: 400px;
   }

   .main-banner__img {
      min-width: 400px;
   }
}

@media (max-width: 820px) {
   .site-main {
      margin-top: 30px;
   }
   .main-banner__mobile {
      display: block;
      background-image: url("/lucky/assets/images/images/bg-mobile.png");
      background-position: center center;
      background-size: cover;
      height: 530px;
      width: 100%;
   }
   .main-banner__btn-wr {
      display: flex;
      justify-content: center;
   }

   .main-banner__top .main-banner__subtitle,
   .main-banner__title {
      text-align: center;
   }

   .main-banner__img {
      min-width: auto;
   }

   .main-banner__content {
      position: relative;
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-start;
   }

   .main-banner__block:nth-child(2) {
      position: initial;
      width: 100%;
   }

   .main-banner__img {
      margin: 0 auto;
   }


   .header__content {
      padding: 24px 0;
      padding-bottom: 0px;
   }

   .main-banner__content {
      gap: 36px;
   }

   .main-banner__top {
      max-width: 100%;
   }

   .main-banner__list {
      max-width: 100%;
   }

   .priz {
      margin: 36px 0;
   }

   .itog {
      margin-bottom: 36px;
   }

   .form-priz {
      margin-bottom: 36px;
   }

   .faq {
      margin-bottom: 72px;
   }
}

@media (max-width: 780px) {
   .header__content {
      justify-content: center;
   }

   .header__block:last-child {
      display: none;
   }
}

@media (max-width: 720px) {
   .form-priz__wrapper {
      padding: 36px 18px;
   }
   .form-priz__ch-inp {
      min-width: 24px;
   }

   .form-priz__ch-label {
      align-items: flex-start;
   }
}

.form-priz__text{
   display: inline-block;
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: -0.02em;
   color: #242424;
}
.form-priz__ch-label{
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: -0.02em;
   color: #242424;
}
.form-priz__text a{
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: -0.02em;
   color: #242424;
}


@media (max-width: 630px) {
   .priz__item {
      padding: 36px 0;
   }

   .form-priz__btn {
      margin-top: 36px;
      font-size: 20px;
      text-transform: math-auto;
   }

   .faq__question .fs24 {
      font-size: 20px;
   }
}
.main-banner__small-text,
.priz__subtext {
   font-weight: 300;
   line-height: 18px;
}
@media (max-width: 560px) {
   .main-banner__title {
      font-weight: 800;
      font-size: 36px;
      line-height: 48px;
      text-align: center;
   }

   .main-banner__top .main-banner__subtitle {
      font-weight: 500;
      font-size: 24px;
      line-height: 36px;
      text-align: center;
   }

   .main-banner__small-text,
   .priz__subtext {
      font-weight: 300;
      font-size: 14px;
      line-height: 18px;
   }

   .priz__block {
      display: flex;
      flex-direction: column;
      gap: 20px;
   }

   .header__logo svg {
      max-width: 181px;
   }

   .header__logo object {
      max-width: 181px;
   }

   .header__logo img {
      max-width: 181px;
   }


   .footer__bottom {
      gap: 36px;
      flex-direction: column;
   }

   .priz__img {
      max-width: 282px;
      max-height: 282px;
   }

   /*.priz__item:last-child .priz__img {*/
   /*   width: 252px;*/
   /*   height: 266.06px;*/
   /*}*/
   .popup-content {
      padding: 36px 30px;
   }

   .popup-title {
      margin-bottom: 18px;
      font-size: 30px;
      line-height: 36px;
      letter-spacing: -3%;
      text-align: center;
   }

   .popup-text {
      margin-bottom: 36px;
      font-weight: 400;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: -2%;
      text-align: center;
      color: #181818;
   }
}

.main-banner__btn-wr {
   position: relative;
}

.main-banner__btn {
   position: relative;
   z-index: 4;
}

/*.main-banner__btn:hover {
   background: #fff;
}*/
.form-priz__bg {
   position: absolute;
   top: 3px;
   left: 3px;
   width: 100%;
   height: 100%;
   background: #181818;
   border-radius: 24px;
}

.form-priz__content {
   position: relative;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type="number"] {
   -moz-appearance: textfield; /* Firefox */
}

.footer__subtext {
   margin: 72px 0 36px 0;
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.02em;
   color: #9F9F9F;
}
.br {
   display: none;
}
@media (max-width: 560px) {
   .form-priz__btn {
      padding: 24px 20px;
   }

   .footer__link {
      max-width: 100%;
   }

   .footer__subtext {
      margin-top: 36px;
   }

   .mfs24 {
      font-size: 24px;
      font-weight: 400;
      line-height: 36px;
      letter-spacing: -0.03rem;
   }

   .mfs20 {
      font-size: 20px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: -0.03rem;
   }

   .mfs17 {
      font-size: 20px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: -0.03rem;
   }

   .main-banner__item {
      align-items: center;
   }

   .form-priz__inp {
      font-size: 17px;
      font-weight: 300;
      line-height: 24px;
      letter-spacing: -0.03rem;
   }

   .form-priz__btn {
      line-height: 24px;
      letter-spacing: -0.03rem;
   }

   .priz__text-title {
      font-weight: 500;
      font-size: 24px;
      line-height: 36px;
      letter-spacing: -2%;
   }
}

img {
   image-rendering: -webkit-optimize-contrast;
   image-rendering: crisp-edges;
}

.main-banner__tags {
   display: flex;
   gap: 12px;
   margin-bottom: 30px;
   flex-wrap: wrap;
}
.main-banner__tag {
   padding: 6px 24px;
   border: 1.5px solid #181818;
   border-radius: 36px;
   font-weight: 300;
   font-size: 17px;
   line-height: 24px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #181818;
}
.footer__bg {
   width: 100%;
   height: auto;
}
.footer__bg img:nth-child(1) {
   width: 100%;
   height: auto;
   object-fit: contain;
   object-position: bottom;
}
.footer__bg img:nth-child(2) {
   display: none;
}

@media (max-width: 780px) {
   .footer__bg img:nth-child(1) {
      display: none;
   }
   .footer__bg img:nth-child(2) {
      display: block;
      margin: 0 auto;
      width: 100%;
      object-fit: contain;
      object-position: bottom;
   }
   .footer__bg {
      margin-top: 36px;
   }
}
@media (max-width: 550px) {
   .main-banner__tags {
      margin-bottom: 24px;
   }
   .main-banner__list {
      margin: 30px 0 24px 0;
   }
}

.header__link-btn {
   padding: 6px 18px;
   background: linear-gradient(180deg, #454545 0%, #181818 90%);
   border-radius: 6px;
   color: #ffffff;
}
.header__list {
   align-items: center;
}
.main-banner__text-big {
   margin-bottom: 36px;
   font-family: "Geologica";
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 36px;
   letter-spacing: -0.02em;
   color: #242424;
}
.main-banner__small-text {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.03em;
   color: #9f9f9f;
}

.main-banner__text-item span {
   font-weight: 400;
   font-size: 14px;
   color: #9f9f9f;
   transform: translateY(-10px);
   display: inline-block;
}
.main-banner__text-num-wr {
   display: flex;
   flex-direction: row;
   gap: 6px;
}
.main-banner__text-num {
   font-size: 10px;
   transform: translateY(-3px);
   display: inline-block;
   color: #9f9f9f;
}
.faq__answer-wr {
   margin-top: 12px;
}

@media (max-width: 1080px) {
   .banner-socks__img {
      width: 350px;
   }
}
@media (max-width: 768px) {
   [class*="__container"] {
      padding: 0 18px;
   }
   .main-banner__list {
      margin: 30px 0;
   }
   .swiper-btn {
      display: none;
   }
   .form-priz {
      margin-bottom: 42px;
   }
   .footer__subtext {
      margin: 36px 0;
   }
}
header {
   z-index: 2;
}
.banner-home {
   background: linear-gradient(180deg, #ffdbdb 0%, #86cdfe 100%);
   position: relative;
   padding-top: 135px;
   padding-bottom: 105px;
   margin-top: -172px;
   z-index: 1;
}
.banner-home:after {
   content: "";
   width: 100%;
   position: absolute;
   z-index: 1;
   bottom: 0;
   left: 0;
   height: 432px;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.banner-home__container {
   position: relative;
   z-index: 2;
}
.banner-home__content {
   position: relative;
}
.banner-home__imgs {
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   overflow: hidden;
   background-image: url('./assets/images/images/background-1.png');
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position-x: center;
}
.banner-home__img-1-d {
   position: relative;
   z-index: 2;
   display: none;
}
.banner-home__img-1-m {
   position: relative;
   z-index: 2;
   display: none;
}
.banner-home__img-2-m {
   position: absolute;
   z-index: 1;
   display: none;
}
.banner-home__description {
   position: relative;
   z-index: 2;
   margin-top: 72px;
}
.banner-home__title {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 600;
   font-size: 54px;
   line-height: 63px;
   letter-spacing: -0.03em;
   color: #242424;
   max-width: 600px;
}
.banner-home__text {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 300;
   font-size: 24px;
   line-height: 36px;
   letter-spacing: -0.02em;
   color: #242424;
   margin: 30px 0 48px 0;
}
.banner-home__btn {
   display: inline-flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 21px 24px;
   background: linear-gradient(180deg, #454545 0%, #181818 90%);
   border-radius: 18px;
   font-family: "Geologica";
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 30px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #ffffff;
   width: 340px;
}
.banner-home__block {
   position: relative;
   z-index: 2;
   margin-top: 72px;
}
.banner-home__block-img {
   position: absolute;
   z-index: 2;
   display: block;
   width: 322px;
   top: -210px;
   left: 120px;
   filter: drop-shadow(-45px 30px 36px rgba(0, 0, 0, 0.24));
}
.banner-home__block-label {
   position: relative;
   z-index: 1;
   padding: 18px 36px;
   margin: 255px 0 0 300px;
   width: 450px;
   background: #ffffff;
   border-radius: 18px;
}
.banner-home__block-text {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: -0.02em;
   margin-bottom: 12px;
   color: #242424;
   text-align: right;
}
.banner-home__block-price {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 600;
   font-size: 36px;
   line-height: 42px;
   text-align: right;
   letter-spacing: -0.03em;
   color: #242424;
}
.banner-info {
   margin-bottom: 72px;
}
.banner-info__container {
}
.banner-info__content {
   position: relative;
   padding: 36px 72px;
   background: linear-gradient(180deg, #fff5db 0%, #86cdfe 100%);
   border-radius: 30px;
}
.banner-info__block {
   position: relative;
   z-index: 2;
}
.banner-info__title {
}
.banner-info__img-m {
   display: none;
}
.banner-info__subtitle {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 500;
   font-size: 30px;
   line-height: 36px;
   letter-spacing: -0.02em;
   color: #242424;
   margin: 72px 0 18px 0;
}
.banner-info__text-1 {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 300;
   font-size: 17px;
   line-height: 24px;
   letter-spacing: -0.02em;
   color: #242424;
   max-width: 390px;
}
.banner-info__tags {
   margin: 18px 0 36px 0;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 6px;
   flex-wrap: wrap;
   max-width: 470px;
}
.banner-info__tag {
   padding: 6px 18px;
   background: #ffffff;
   border-radius: 36px;
   font-family: "Geologica";
   font-style: normal;
   font-weight: 300;
   font-size: 17px;
   line-height: 24px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #242424;

}
.banner-info__text-2 {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
   line-height: 30px;
   letter-spacing: -0.02em;
   color: #242424;
}
.banner-info__text-3 {
   margin: 12px 0 72px 0;
   font-family: "Geologica";
   font-style: normal;
   font-weight: 300;
   font-size: 17px;
   line-height: 24px;
   letter-spacing: -0.02em;
   color: #242424;
   max-width: 350px;
}
.banner-info__text-3 span {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 300;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.02em;
   color: #9f9f9f;
   transform: translateY(-5px);
   display: inline-block;
}
.banner-info__subtext-wrapper {
   display: flex;
   flex-direction: row;
   gap: 6px;
}
.banner-info__subtext-num {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 300;
   font-size: 10px;
   line-height: 18px;
   letter-spacing: -0.02em;
   color: #ffffff;
   transform: translateY(-5px);
}
.banner-info__subtext {
   font-family: "Geologica";
   font-style: normal;
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.02em;
   color: #ffffff;
}
.banner-info__img {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 72px;
   width: 510px;
}
.header__block-logs{
   display: flex;
   flex-direction: row;
   gap: 35.25px;
   align-items: center;
}
.header__block-line{
   width: 1.5px;
   height: 60px;
   background: #FFFFFF;
}
@media (max-width: 1050px) {
   .banner-info__img {
      width: 400px;
   }
}
@media (max-width: 962px) {
   .banner-home__imgs {
      background-position-x: -650px;
   }
}
@media (max-width: 900px) {
   .banner-info__content {
      padding: 36px 0 36px 72px;
   }
   .banner-info__img {
      right: 0px;
   }
}
@media (max-width: 840px) {
   .banner-home__block-label {
      margin: 255px 0 0 200px;
   }
   .banner-home__block-img {
      left: 0px;
   }
}
@media (max-width: 780px) {
   .main-banner__text {
      font-weight: 300;
      font-size: 21px;
      line-height: 30px;
      letter-spacing: -0.02em;
   }
   .main-banner__text a{
      font-weight: 300;
      font-size: 21px;
      line-height: 30px;
      letter-spacing: -0.02em;
   }
   .header__content {
      padding: 27px 0;
   }
   .header__logo object{
      width: 73px;
   }
   .header__logo-2 object{
      width: 83px;
   }
   .banner-home__imgs {
      position: relative;
      z-index: 1;
      top: auto;
      right: auto;
      overflow: hidden;
      background-image: none;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position-x: -650px;
      margin-top: 40px;
   }
   .banner-home__img-1-m {
      position: relative;
      z-index: 2;
      display: block;
      width: calc(100% - 250px);
      margin: 0 auto;
   }
   .main-banner__item {
      align-items: flex-start;
   }
   .banner-home__imgs {
      overflow: visible;
   }
   .banner-home__img-2-m {
      position: absolute;
      z-index: 1;
      display: block;
      top: -150px;
      left: -50%;
      width: 200%;
   }
   .banner-home{
      overflow: hidden;
   }
   .banner-home__title {
      font-weight: 600;
      font-size: 42px;
      line-height: 51px;
      letter-spacing: -0.03em;
   }
   .banner-home {
      padding-top: 150px;
   }
   .banner-home__description {
      margin-top: 36px;
   }
   .banner-home__block-label {
      padding: 72px 36px 18px 36px;
      margin: 253px 0 0 12px;
      width: 250px;
   }
   .banner-home__block-img {
      width: 215px;
      top: -180px;
      left: 50px;
   }
   .banner-home__block-text{
      font-weight: 300;
      font-size: 17px;
      line-height: 24px;
      letter-spacing: -0.02em;
      text-align: left;
   }
   .banner-home__block-price {
      font-weight: 600;
      font-size: 36px;
      line-height: 42px;
      letter-spacing: -0.03em;
      text-align: left;
   }
   .main-banner__wrapper {
      padding: 0px 0 42px 0;
   }
   .main-banner__text-big {
      font-weight: 500;
      font-size: 21px;
      line-height: 30px;
      letter-spacing: -0.02em;
   }
   .banner-info__img {
      display: none;
   }
   .banner-info__img-m {
      display: block;
      width: 288px;
      margin: 0 auto;
   }
   .banner-info__title {
      margin: 0 auto 36px auto;
      text-align: center;
   }
   .banner-info__content {
      padding: 36px 50px 36px 50px;
   }
   .banner-info__subtitle {
      font-weight: 500;
      font-size: 30px;
      line-height: 36px;
      letter-spacing: -0.02em;
      margin: 36px 0 18px 0;
   }
   .banner-info__text-1{
      font-weight: 300;
      font-size: 17px;
      line-height: 24px;
      letter-spacing: -0.02em;
   }
   .banner-info__text-3 {
      margin: 12px 0 36px 0;
   }

}
@media (max-width: 780px) {
   .main-banner__small-text {
      font-family: "Geologica";
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.03em;
      color: #9f9f9f;
   }
}
@media (max-width: 620px) {
   .banner-home__img-1-m {
      width: calc(100% - 100px);
   }
   .form-priz {
      margin-bottom: 72px;
   }
}
@media (max-width: 560px) {
   .form-priz__btn{
      font-weight: 500;
      font-size: 24px;
      line-height: 30px;
      text-align: center;
      letter-spacing: -0.02em;
   }
.footer__subtext{
   text-align: center;
}
   .footer__bottom {
      gap: 72px;
   }
   .footer__subtext {
      margin: 72px 0;
   }
   .banner-home__block-img {
      left: 50%;
      transform: translateX(-50%);
   }
}
@media (max-width: 550px) {
   .banner-info__content {
      padding: 36px 18px;
   }
}
@media (max-width: 520px) {
   .banner-home__img-1-m {
      width: calc(100% - 100px);
   }
   .banner-home__title {
      max-width: 250px;
   }
   .banner-home__text {
      max-width: 300px;
   }
   .banner-home__img-2-m {
      position: absolute;
      z-index: 1;
      display: block;
      top: -190px;
      left: -55%;
      width: 200%;
   }
   .banner-home__btn {
      width: 100%;
   }
}


@media (max-width: 390px) {
   .banner-home__img-1-m {
      width: calc(100% - 70px);
   }
   .banner-home__img-2-m {
      top: -150px;
      left: -75%;
      width: 250%;
   }
}