@font-face {
   src: url("../fonts/Inter-Regular.woff2") format("woff2");
   font-family: "inter";
   font-weight: 400;
   font-style: normal;
}

@font-face {
   src: url("../fonts/Inter-Bold.woff2") format("woff2");
   font-family: "inter";
   font-weight: 700;
   font-style: normal;
}

body {
   font-family: "inter", sans-serif;
   font-size: 12px;
   overflow-x: hidden;
   position: relative;
   margin: 0;
   padding: 0;
   color: #000;
   font-weight: 400;
}

.wrapper {
   position: relative;
   min-height: 100vh;
   overflow: hidden;
}

.wrapper__left {
   position: relative;
   z-index: 2;
   margin-left: 50px;
   margin-top: 30px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
   gap: 70px;
}

.img {
   position: absolute;
   top: 0;
   right: 0;
}

.offer__block-1 {
   max-width: 350px;
   width: 100%;
}

.offer__h1 {
   text-transform: uppercase;
   font-size: 128px;
   line-height: normal;
   margin-bottom: 60px;
   font-weight: 400;
   margin: 0;
   display: block;
}

.offer__block-span {
   margin-bottom: 15px;
   display: block;
}

.offer__block-text {
   font-size: 32px;
   line-height: 45px;
}

.offer__block-2 {
   max-width: 320px;
   width: 100%;
}

.offer__block-2-title {
   font-size: 24px;
   line-height: 29px;
   margin: 0;
   margin-bottom: 10px;
   font-weight: 400;
}

.offer__block-2-text {
   font-size: 12px;
   line-height: 22px;
}

.offer__block-3-title {
   margin: 0;
   font-size: 24px;
   line-height: 29px;
   font-weight: 400;
}

.offer__block-3-text {
   line-height: 14px;
}

.offer__block-4-title {
   margin: 0;
   font-size: 24px;
   line-height: 29px;
   font-weight: 400;
}

.offer__block-4-text {
   line-height: 16px;
}

.offer__block-4-text a {
   color: #000;
}

.offer__block-3 {
   margin-bottom: 30px;
}

.offer__block-4 {
   margin-bottom: 100px;
}

.img__img-mobile {
   display: none;
}

@media screen and (max-width: 1450px) {
   .img {
      right: -200px;
   }
}

@media screen and (max-width: 1350px) {
   .img {
      right: -300px;
   }
}

@media screen and (max-width: 1250px) {
   .img {
      right: -400px;
   }
}

@media screen and (max-width: 1150px) {
   .img {
      right: -500px;
   }
}

@media screen and (max-width: 1050px) {
   .img {
      right: -600px;
   }
}

@media screen and (max-width: 764px) {
   .wrapper__left {
      margin-top: 10px;
      margin-left: 10px;
   }

   .offer__h1 {
      font-size: 81px;
      margin-bottom: 20px;
   }

   .offer__block-2 {
      margin-top: 310px;
   }

   .img__img {
      display: none;
   }

   .img__img-mobile {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .img {
      right: inherit;
      top: 270px;
      width: 100%;
      height: 380px;
   }

   .offer__block-3 {
      margin-bottom: 50px;
   }
}

@media screen and (max-width: 440px) {
   .offer__h1 {
      font-size: 60px;
   }

   .offer__block-text {
      font-size: 25px;
      line-height: 35px;
   }

   .img {
      top: 220px;
      height: 325px;
   }

   .offer__block-2 {
      margin-top: 260px;
   }
}