@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url("../fonts/ttf/Montserrat-Regular.ttf") format("ttf"), url("../fonts/woff/Montserrat-Regular.woff") format("woff");
}

@font-face {
  font-family: "Montserrat bold";
  src: local("Montserrat bold"), url("../fonts/ttf/Montserrat-Bold.ttf") format("ttf"), url("../fonts/woff/Montserrat-Bold.woff") format("woff");
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --theme-bg-color: #08002A;
  --section-padding-top: 100px;
  --section-padding-bottom: 115px;
  --color-blue: #8B00FF;
  --color-pink: #D377CE;
}

html {
  scroll-behavior: smooth;
}
.test{
  display: none !important;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-family: "Montserrat";
  color: white;
  font-weight: 400;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: white;
}

h1 {
  font-size: 75px;
}

h2 {
  font-size: 48px;
  margin-bottom: 70px;
  text-align: center;
}

h3 {
  font-size: 40px;
  font-family: "Montserrat bold";
}

.relative {
  position: relative;
}

.container {
  width: 95vw;
  max-width: 1200px;
  margin: 0 auto;
  padding-inline: 40px;
}

.top {
  background-color: var(--theme-bg-color);
  padding-top: 155px;
  padding-bottom: var(--section-padding-bottom);
}

.top p,
.top span {
  font-size: 32px;
}

.top span {
  color: var(--color-blue);
}

.top-wrapper {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.top .ls {
  font-family: "Montserrat bold";
  color: transparent;
  font-size: 200px;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: url(../img/3147823.jpg);
  background-position: center;
  background-size: cover;
  text-transform: uppercase;
  animation: topLS 10s infinite linear;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
}

@keyframes topLS {

  0%,
  100% {
    background-position: top;
    transform: translateY(-50%) translateY(0px);
  }

  50% {
    background-position: bottom;
    transform: translateY(-50%) translateY(-20px);
  }
}

header {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 50%;
  height: 80px;
  transform: translateX(-50%);
  width: 95%;
  max-width: 1300px;
  border-radius: 0px 0px 150px 150px;
  border-bottom: 1px rgb(99, 4, 200) solid;
  border-top: 0px;
}

.logo {
  font-family: "Montserrat";
  font-size: 30px;
  color: white;
  cursor: pointer;
}

.header-wrapper {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-right {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
}

.hover .menu-info a:hover,
.hover .menu-projects a:hover {
  color: var(--color-blue);
}

.menu-right li {
  font-size: 20px;
  color: white;
  transition: 0.3s ease;
  cursor: pointer;
}

.hover .menu-right li:hover {
  color: var(--color-blue);
}

.menu-right .social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  cursor: default;
}

.social img {
  width: 30px;
  cursor: pointer;
}

header * {
  font-family: "Montserrat";
}

.hr {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(50%);
  z-index: 15;
  max-height: 160px;
}

.whyus {
  background-image: url(../img/whybg.png);
  background-size: cover;
  background-position: center;
  padding-top: var(--section-padding-top);
  padding-bottom: var(--section-padding-bottom);
}

.whyus h2 {
  width: 100%;
  text-align: center;
}

.whyus .h2 span {
  text-transform: uppercase;
  font-size: 48px;
  color: var(--color-blue);
}

.why-item {
  width: 100%;
}
.list-why{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  row-gap: 25px;
}
.why-item p {
  font-size: 28px;
  width: -moz-fit-content;
  width: fit-content;  
  text-align: center;
  width: 100%;
}

.whyus-flex {
  position: absolute;
  height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  right: 100px;
  animation: animwhyFlex 15s ease infinite;
}

.whyus .container {
  z-index: 5;
  position: relative;
}

.whyus .hr {
  overflow: visible;
}

@keyframes animwhyFlex {

  0%,
  100% {
    right: 100px;
  }

  50% {
    right: 80%;
  }
}

.offer {
  background-image: url(../img/offerbg.png);
  background-size: cover;
  background-position: center;
  padding-top: var(--section-padding-top);
  padding-bottom: var(--section-padding-bottom);
}

.land-busines-wrap {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 50px;
}

.offer-item {
  width: 100%;
  max-width: 535px;
  min-height: 308px;
  border-radius: 50px;
  perspective: 1000px;
}

.offer-item-inner {
  width: 100%;
  height: 100%;
  transition: 1s ease;
  transform-style: preserve-3d;
  pointer-events: none;
}

.offer_land h3,
.offer_land p {
  color: white;
}

.offer_land h3,
.offer_land p {
  color: var(--theme-bg-color);
}

.offer-item h3 {
  margin-bottom: 27px;
  text-align: center;
}

.offer-item p {
  font-size: 20px;
  text-align: center;
}

.offer-front {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 55px 25px;
  background-color: red;
  border-radius: 50px;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  background-size: 200% 200% !important;
  animation: animOffer 10s infinite linear;
}

.offer-back {
  backface-visibility: hidden;
  transform: rotateX(180deg);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 55px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: #434343;
}

.hover .offer-item:hover .offer-item-inner {
  transform: rotateX(180deg);
}

.wrap-inner-land-busines {
  transform: rotateX(180deg);
}

.offer_wrap {
  pointer-events: all;
  position: absolute;
  bottom: 11px;
  right: 23px;
  width: 40px;
  height: 40px;
  display: none;
  transform: rotate(90deg);
}

.offer_land {
  background: linear-gradient(135deg, rgb(255, 255, 255) 9%, rgb(247, 106, 245) 42%, rgb(138, 170, 247) 74%, rgb(242, 242, 242) 100%);
}

.offer-back p {
  text-align: center;
}

.offer_busines {
  background: linear-gradient(45deg, rgb(232, 26, 200) 0%, rgb(99, 4, 200) 100%);
}
.offer_done{
  background: linear-gradient(135deg, rgb(176 176 176) 9%, rgb(157 11 155) 42%, rgb(68 114 222) 74%, rgb(242, 242, 242) 100%);
}
.offer-back a{
  color: var(--color-pink);
  pointer-events: all;
}

@keyframes animOffer {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.plus-wrap {
  text-align: center;
  height: 140px;
  pointer-events: none;
}

.plus-wrap img {
  width: 187px;
  position: absolute;
  left: 50%;
  top: -38px;
  transform: translateX(-50%);
  animation: plusRotate 20s infinite ease;
}

@keyframes plusRotate {

  0%,
  100% {
    transform: translateX(-50%) rotate(0);
  }

  70% {
    transform: translateX(-50%) rotate(360deg);
  }
}

.offer__direct {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  border: 3px solid var(--color-pink);
  background-color: transparent;
}

.offer__direct p {
  font-family: "Montserrat bold";
  font-size: 20px;
}

.offer__direct h3 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  display: block;
  background-color: var(--color-pink);
  padding: 5px 21px 13px 21px;
}

.offer__direct p:nth-child(1) {
  margin-top: 15px;
}

.offer_addition {
  margin-top: 50px;
  width: 100%;
  display: block;
  text-align: left;
  font-family: "Montserrat bold";
  font-size: 18px;
  margin-bottom: 240px;
}

.offer_addition a {
  font-family: "Montserrat bold";
  color: var(--color-pink);
  font-size: 18px;
}

.offer-hr {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: 90vw;
  max-height: 120px;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
}

.offer_swiper {
  width: 100%;
}

.offer__slide-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: start;
  gap: 30px;
  padding-bottom: 30px;
}

.offer__slide-item {
  display: flex;
  align-items: stretch;
  height: 100px;
  box-sizing: content-box;
}

.offer__slide-item span {
  font-family: "Montserrat bold";
  color: var(--color-pink);
  font-size: 18px;
}

.offer__slide-item-number {
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.offer__slide-item-number span {
  font-size: 30px;
  font-family: "Montserrat bold";
  color: var(--theme-bg-color);
}

.offer__slide-item p {
  flex-grow: 1;
  background-color: transparent;
  text-align: center;
  font-size: 18px;
  font-family: "Montserrat bold";
  padding: 25px;
}

.offer_swiper li:nth-of-type(odd) .offer__slide-item-number {
  border-radius: 20px 0 0 20px;
  background-color: var(--color-pink);
}

.offer_swiper li:nth-of-type(even) .offer__slide-item-number {
  border-radius: 0px 20px 20px 0px;
  background-color: var(--color-blue);
}

.offer_swiper li:nth-of-type(odd) p {
  border-radius: 0px 20px 20px 0px;
  border-right: 2px solid var(--color-pink);
  border-top: 2px solid var(--color-pink);
  border-bottom: 2px solid var(--color-pink);
  border-left: 0px;
}

.offer_swiper li:nth-of-type(even) p {
  border-radius: 20px 0px 0px 20px;
  border-left: 2px solid var(--color-blue);
  border-top: 2px solid var(--color-blue);
  border-bottom: 2px solid var(--color-blue);
  border-right: 0px;
}

.offer__slide-item:nth-of-type(odd) {
  flex-direction: row;
}

.offer__slide-item:nth-of-type(even) {
  flex-direction: row-reverse;
}

.swiper .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #D9D9D9;
}

.swiper .swiper-pagination {
  bottom: 0px !important;
  pointer-events: none;
}

@media (min-width: 900px) {
  .offer .swiper-wrapper {
    flex-direction: column;
  }
}

@media (max-width: 900px) {
  .offer__slide-list {
    padding-bottom: 50px;
  }
}

.offer__note {
  width: 100%;
  display: block;
  text-align: left;
  font-family: "Montserrat bold";
  font-size: 18px;
  margin-bottom: 100px;
}
.last-note span{
  color: var(--color-pink);
}
body .last-note a{
  color: var(--color-pink);
}
.offer__note a {
  font-family: "Montserrat bold";
  color: var(--color-pink);
  font-size: 18px;
}

.offer__links {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  gap: 150px;
  padding-top: 20px;
}

.offer__links a:nth-child(1) {
  margin-left: 100px;
}
@media (min-width:1000px) { 
  .hover .offer__links a:hover {
    cursor: none;
  }
}

.button {
  font-size: 32px;
  font-family: "Montserrat bold";
  background-color: rgba(140, 0, 255, 0.4901960784);
  border-radius: 20px;
  padding: 10px 17px;
  color: white;
  transition: 0.3s ease;
}

.hover .button:hover {
  background-color: #8c00ff;
  transform: translateY(-3px);
  box-shadow: 0px 1px 7px 0px #C581FD;
}

.offer__arrow-1 {
  position: absolute;
  bottom: -75px;
  left: 50%;
  width: 40px;
  transform: translateX(240px);
}

.offer__arrow-2 {
  position: absolute;
  bottom: -75px;
  left: 50%;
  width: 40px;
  transform: scale(-1, 1) translateX(290px);
}

.offer .last-note {
  color: white;
  margin-bottom: 0px;
  margin-top: 35px; 
}

.projects {
  overflow: hidden;
  padding-bottom: var(--section-padding-bottom);
  padding-top: var(--section-padding-top);
  background-color: var(--theme-bg-color);
}

.projects-wrapper {
  z-index: 5;
}

.project {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 490px;
  height: 438px;
  background-size: cover;
  background-position: 50% 10%;
  transition: 0.3s ease;
  border-radius: 10px;
  overflow: hidden;
}

.projects .swiper-slide {
  padding-bottom: 70px;
}

.hover .project:hover .prject-info {
  transform: translateY(0);
}

.hover .project:hover {
  background-position: 50% 0%;
}

.prject-info {
  transform: translateY(100px);
  transition: 0.3s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 27px;
  background-color: rgba(0, 0, 0, 0.785);
}

.prject-info h5,
.prject-info p {
  color: white;
}

.prject-info h5 {
  font-size: 32px;
  font-family: "Montserrat bold";
}

.prject-info p {
  font-size: 16px;
  font-family: "Montserrat bold";
}

.fire-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}

.fire {
  width: 100%;
  height: 100%;
  position: relative;
}

.fire li {
  background-color: white;
  border-radius: 50%;
  position: absolute;
  background-color: var(--color-pink);
  height: 5px;
  width: 5px;
}

.fire li:nth-child(1n) {
  box-shadow: 0px 0px 9px 2px var(--color-pink);
  top: 22.3625219296%;
  left: 18.3247468673%;
  animation: fire-1 15s linear infinite;
}

.fire li:nth-child(2n) {
  box-shadow: 0px 0px 10px 4px var(--color-pink);
  top: 99.212150366%;
  left: 20.7550291547%;
  animation: fire-2 15s linear infinite;
}

.fire li:nth-child(3n) {
  box-shadow: 0px 0px 4px 2px var(--color-pink);
  top: 37.5938550058%;
  left: 1.4173772084%;
  animation: fire-3 15s linear infinite;
}

.fire li:nth-child(4n) {
  box-shadow: 0px 0px 20px 2px var(--color-pink);
  top: 44.0005369271%;
  left: 29.0248290024%;
  animation: fire-4 15s linear infinite;
}

.fire li:nth-child(5n) {
  box-shadow: 0px 0px 10px 4px var(--color-pink);
  top: 54.7057284186%;
  left: 65.2768001021%;
  animation: fire-5 15s linear infinite;
}

.fire li:nth-child(6n) {
  box-shadow: 0px 0px 13px 3px var(--color-pink);
  top: 53.2518580051%;
  left: 79.2733885905%;
  animation: fire-6 15s linear infinite;
}

.fire li:nth-child(7n) {
  box-shadow: 0px 0px 20px 3px var(--color-pink);
  top: 12.3853130111%;
  left: 21.6799323017%;
  animation: fire-7 15s linear infinite;
}

.fire li:nth-child(8n) {
  box-shadow: 0px 0px 7px 4px var(--color-pink);
  top: 29.1041793781%;
  left: 52.4925972516%;
  animation: fire-8 15s linear infinite;
}

.fire li:nth-child(9n) {
  box-shadow: 0px 0px 15px 4px var(--color-pink);
  top: 77.8948364933%;
  left: 48.608268416%;
  animation: fire-9 15s linear infinite;
}

.fire li:nth-child(10n) {
  box-shadow: 0px 0px 5px 4px var(--color-pink);
  top: 86.9255222268%;
  left: 49.6623166896%;
  animation: fire-10 15s linear infinite;
}

.fire li:nth-child(11n) {
  box-shadow: 0px 0px 12px 2px var(--color-pink);
  top: 36.2623693882%;
  left: 84.4700773403%;
  animation: fire-11 15s linear infinite;
}

.fire li:nth-child(12n) {
  box-shadow: 0px 0px 18px 2px var(--color-pink);
  top: 66.7584824114%;
  left: 92.2977597157%;
  animation: fire-12 15s linear infinite;
}

.fire li:nth-child(13n) {
  box-shadow: 0px 0px 7px 4px var(--color-pink);
  top: 50.4503172533%;
  left: 20.1001208088%;
  animation: fire-13 15s linear infinite;
}

.fire li:nth-child(14n) {
  box-shadow: 0px 0px 19px 3px var(--color-pink);
  top: 29.5558694725%;
  left: 32.7776137189%;
  animation: fire-14 15s linear infinite;
}

.fire li:nth-child(15n) {
  box-shadow: 0px 0px 10px 2px var(--color-pink);
  top: 87.7284399763%;
  left: 43.2975276906%;
  animation: fire-15 15s linear infinite;
}

.fire li:nth-child(16n) {
  box-shadow: 0px 0px 21px 2px var(--color-pink);
  top: 68.7334339672%;
  left: 1.747330761%;
  animation: fire-16 15s linear infinite;
}

.fire li:nth-child(17n) {
  box-shadow: 0px 0px 7px 2px var(--color-pink);
  top: 63.0126209583%;
  left: 80.7477859248%;
  animation: fire-17 15s linear infinite;
}

.fire li:nth-child(18n) {
  box-shadow: 0px 0px 15px 3px var(--color-pink);
  top: 24.310863602%;
  left: 11.331661928%;
  animation: fire-18 15s linear infinite;
}

.fire li:nth-child(19n) {
  box-shadow: 0px 0px 22px 2px var(--color-pink);
  top: 90.426734969%;
  left: 99.0243595229%;
  animation: fire-19 15s linear infinite;
}

.fire li:nth-child(20n) {
  box-shadow: 0px 0px 8px 3px var(--color-pink);
  top: 76.9716982514%;
  left: 49.1662769974%;
  animation: fire-20 15s linear infinite;
}

.fire li:nth-child(21n) {
  box-shadow: 0px 0px 18px 4px var(--color-pink);
  top: 36.7897314577%;
  left: 95.6352638011%;
  animation: fire-21 15s linear infinite;
}

.fire li:nth-child(22n) {
  box-shadow: 0px 0px 3px 2px var(--color-pink);
  top: 57.9602443841%;
  left: 75.2413093305%;
  animation: fire-22 15s linear infinite;
}

.fire li:nth-child(23n) {
  box-shadow: 0px 0px 17px 3px var(--color-pink);
  top: 67.8152857712%;
  left: 11.1392959707%;
  animation: fire-23 15s linear infinite;
}

.fire li:nth-child(24n) {
  box-shadow: 0px 0px 5px 2px var(--color-pink);
  top: 96.8849259332%;
  left: 29.1522734252%;
  animation: fire-24 15s linear infinite;
}

.fire li:nth-child(25n) {
  box-shadow: 0px 0px 20px 3px var(--color-pink);
  top: 91.5683911404%;
  left: 89.6944688348%;
  animation: fire-25 15s linear infinite;
}

.fire li:nth-child(26n) {
  box-shadow: 0px 0px 13px 4px var(--color-pink);
  top: 94.4454167465%;
  left: 69.2948097046%;
  animation: fire-26 15s linear infinite;
}

.fire li:nth-child(27n) {
  box-shadow: 0px 0px 18px 2px var(--color-pink);
  top: 63.6086006797%;
  left: 6.8816302229%;
  animation: fire-27 15s linear infinite;
}

.fire li:nth-child(28n) {
  box-shadow: 0px 0px 5px 2px var(--color-pink);
  top: 34.951189976%;
  left: 59.0757476259%;
  animation: fire-28 15s linear infinite;
}

.fire li:nth-child(29n) {
  box-shadow: 0px 0px 11px 4px var(--color-pink);
  top: 99.1444398285%;
  left: 76.9500111656%;
  animation: fire-29 15s linear infinite;
}

.fire li:nth-child(30n) {
  box-shadow: 0px 0px 19px 2px var(--color-pink);
  top: 9.3572604774%;
  left: 67.495114836%;
  animation: fire-30 15s linear infinite;
}

@keyframes fire-1 {
  42% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(1323%, 248%);
  }

  75% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 3px 4px white;
    transform: translate(1400%, 1459%);
  }
}

@keyframes fire-2 {
  64% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(1444%, 786%);
  }

  88% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 5px 2px white;
    transform: translate(1494%, 1167%);
  }
}

@keyframes fire-3 {
  16% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(980%, 1027%);
  }

  4% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 12px 2px white;
    transform: translate(1197%, 1068%);
  }
}

@keyframes fire-4 {
  26% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(362%, 1044%);
  }

  92% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 5px 3px white;
    transform: translate(1082%, 888%);
  }
}

@keyframes fire-5 {
  48% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(337%, 989%);
  }

  85% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 14px 4px white;
    transform: translate(724%, 354%);
  }
}

@keyframes fire-6 {
  89% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(1300%, 1332%);
  }

  38% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 17px 3px white;
    transform: translate(1134%, 106%);
  }
}

@keyframes fire-7 {
  63% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(1370%, 851%);
  }

  68% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 21px 2px white;
    transform: translate(1463%, 15%);
  }
}

@keyframes fire-8 {
  39% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(988%, 1256%);
  }

  83% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 9px 2px white;
    transform: translate(509%, 892%);
  }
}

@keyframes fire-9 {
  14% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(445%, 1328%);
  }

  58% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 7px 3px white;
    transform: translate(424%, 1268%);
  }
}

@keyframes fire-10 {
  99% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(1230%, 609%);
  }

  95% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 19px 3px white;
    transform: translate(269%, 960%);
  }
}

@keyframes fire-11 {
  1% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(155%, 438%);
  }

  39% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 7px 4px white;
    transform: translate(1243%, 1148%);
  }
}

@keyframes fire-12 {
  69% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(1490%, 534%);
  }

  54% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 8px 2px white;
    transform: translate(1373%, 680%);
  }
}

@keyframes fire-13 {
  32% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(520%, 967%);
  }

  3% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 21px 3px white;
    transform: translate(843%, 114%);
  }
}

@keyframes fire-14 {
  11% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(1335%, 1035%);
  }

  28% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 10px 3px white;
    transform: translate(1398%, 1340%);
  }
}

@keyframes fire-15 {
  5% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(710%, 915%);
  }

  91% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 13px 3px white;
    transform: translate(1152%, 905%);
  }
}

@keyframes fire-16 {
  29% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(149%, 683%);
  }

  87% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 4px 4px white;
    transform: translate(584%, 857%);
  }
}

@keyframes fire-17 {
  33% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(751%, 540%);
  }

  57% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 9px 4px white;
    transform: translate(1265%, 267%);
  }
}

@keyframes fire-18 {
  81% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(354%, 628%);
  }

  77% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 4px 2px white;
    transform: translate(1218%, 350%);
  }
}

@keyframes fire-19 {
  49% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(42%, 322%);
  }

  87% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 7px 4px white;
    transform: translate(1253%, 273%);
  }
}

@keyframes fire-20 {
  70% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(879%, 41%);
  }

  30% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 10px 2px white;
    transform: translate(150%, 885%);
  }
}

@keyframes fire-21 {
  49% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(60%, 437%);
  }

  77% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 15px 3px white;
    transform: translate(977%, 711%);
  }
}

@keyframes fire-22 {
  83% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(866%, 1312%);
  }

  39% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 3px 4px white;
    transform: translate(96%, 618%);
  }
}

@keyframes fire-23 {
  27% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(280%, 42%);
  }

  81% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 4px 3px white;
    transform: translate(1383%, 1085%);
  }
}

@keyframes fire-24 {
  17% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(160%, 398%);
  }

  100% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 5px 2px white;
    transform: translate(1247%, 1262%);
  }
}

@keyframes fire-25 {
  24% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(1287%, 663%);
  }

  69% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 13px 3px white;
    transform: translate(1131%, 925%);
  }
}

@keyframes fire-26 {
  36% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(1103%, 14%);
  }

  55% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 10px 2px white;
    transform: translate(543%, 381%);
  }
}

@keyframes fire-27 {
  57% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(539%, 181%);
  }

  16% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 4px 3px white;
    transform: translate(205%, 654%);
  }
}

@keyframes fire-28 {
  73% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(427%, 1186%);
  }

  39% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 19px 4px white;
    transform: translate(1312%, 1283%);
  }
}

@keyframes fire-29 {
  81% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(756%, 1063%);
  }

  47% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 22px 2px white;
    transform: translate(627%, 360%);
  }
}

@keyframes fire-30 {
  22% {
    height: 0;
    width: 0;
    box-shadow: 0px 0px 0px 0px var(--color-pink);
    transform: translate(179%, 1307%);
  }

  47% {
    height: 5px;
    width: 5px;
    box-shadow: 0px 0px 5px 2px white;
    transform: translate(578%, 333%);
  }
}

.projects .swiper-button-next::after,
.projects .swiper-button-prev::after {
  content: "";
  width: 100%;
  height: 28px;
}

.projects .swiper-button-prev {
  transform: scale(-1, 1);
}

.projects .swiper-button-next,
.projects .swiper-button-prev {
  bottom: 0 !important;
  z-index: 10;
  top: auto;
  width: 25px;
  height: 28px;
  background-size: 100% 100%;
  background-image: url(../img/swiper-nav.png);
}

.footer {
  background-color: black;
  padding-bottom: 50px;
  padding-top: var(--section-padding-top);
}

.footer .footer-nav {
  font-size: 22px;
  cursor: pointer;
}

.footer a,
.footer p {
  font-size: 18px;
}

.footer .logo a {
  font-size: 40px;
}

.footer-wrapper {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.footer-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.footer-row a {
  font-family: "Montserrat";
}

.hover .footer-nav:hover {
  color: var(--color-blue);
}

footer .social {
  display: flex;
  gap: 20px;
  align-items: center;
}

.no-public {
  width: 100%;
  max-width: 430px;
}

.footer-info {
  display: flex;
  flex-direction: column;
  align-items: end;
  align-self: flex-start;
}

.hover .politic:hover {
  color: var(--color-blue);
}

.mobile-menu {
  display: none;
}

.burger {
  display: none;
}

.mobile-bg {
  display: none;
}

.cookie_note {
  display: none;
  position: fixed;
  width: 100vw;
  padding: 20px 10vw;
  background-color: #08002ac8;
  bottom: 0;
  left: 0;
  z-index: 99999;
  font-size: 14px;
  align-items: center;
  gap: 10px;
}

.cookie_note a {
  color: var(--color-pink);
}

.cookie_note button {
  font-size: 16px;
  padding: 5px 10px;
  background-color: var(--color-blue);
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  color: white;
}

.show-cookie {
  display: flex;
}

.policy {
  padding-top: 130px;
  padding-bottom: var(--section-padding-bottom);
  background-color: var(--theme-bg-color);
}

.policy .head {
  font-size: 25px;
  text-align: center;
  margin-bottom: 40px;
}

.policy-text {
  font-size: 16px;
  color: white;
  font-family: 'Montserrat';
}

.policy-text h5 {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 20px;
}

.policy-text .li {
  margin-left: 10px;
  margin-bottom: 5px;
}

.policy-text .purpose-table,
.policy-text .purpose-table th,
.policy-text .purpose-table td {
  border: 1px solid var(--color-blue);
  border-spacing: 0;
}

.no-scroll {
  overflow: hidden;
}

.top .sale a {
  color: var(--color-pink);
  cursor: pointer;
}

.line-through {
  text-decoration: line-through;
}

.pointer{
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: transparent;    
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  position: fixed;
  transition: .1s ease;
  background-color: transparent;
  border: 3px var(--color-pink) solid;
  transform: translate(-50%, -50%) scale(1);
}
@keyframes p {
  0%,100%{
    transform: translate(-50%, -50%) scale(1);
    border: 1px black solid;
    background-color: var(--color-pink);
  }  
  50%{
    transform: translate(-50%, -50%) scale(1.2);
    border: 1px black solid;
    background-color: #4949ff;
  }
}
.pointer-active{  
  animation: p 2.5s linear infinite;
  transition: 0s;  
}

@media (max-width: 1200px) {
  .offer__links {
    gap: 150px;
  }

  .offer__links a:nth-child(1) {
    margin-left: 0px;
  }
}

@media (max-width: 1000px) {
  .pointer{
    display: none !important;
  }
  .list-why{    
    grid-template-columns: repeat(1,1fr);
    row-gap:15px;
  }
  .offer_wrap {
    display: block;
  }

  .offer__note {
    margin-top: 20px;
  }

  .fire-wrapper {
    display: none;
  }

  .container {
    padding: 0;
  }

  .top-wrapper {
    gap: 30px;
  }

  .whyus-wrapper {
    padding-inline: 40px;
  }

  header .container {
    padding-inline: 40px;
  }

  header {
    width: 100%;
    border-right: 0;
    border-left: 0;
  } 

  .top-wrapper {
    position: relative;
    z-index: 5;
  }

  .top .ls {
    color: rgba(0, 0, 0, 0.3019607843);
    top: auto;
    bottom: 0px;
    transform: translate(0);
  }

  @keyframes topLS {

    0%,
    100% {
      transform: translate(0);
    }

    50% {
      transform: translateY(-15%);
    }
  }
}

@media (max-width: 830px) {
  .cookie_note {
    padding: 5px;
  }

  .cookie_note p,
  .cookie_note button {
    font-size: 12px;
  }

  .cookie_note button {
    padding-block: 15px;
  }

  header .container {
    padding-inline: 15px;
  }

  header {
    border: 0;
  }

  .header nav {
    display: none;
  }

  .burger {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    background: transparent;
    z-index: 5100;
    position: fixed;
    right: 0px;
    top: 0px;
    border: 0;
    border-radius: 0 0 0 10px;
    background-color: var(--theme-bg-color);
    padding: 30px 20px 15px 10px;
  }

  .burger span {
    transition: .5s ease;
    width: 40px;
    height: 3px;
    background-color: var(--color-blue);
  }

  body .burger-active span:nth-child(1) {
    width: 40px;
    transform: translateY(7px) rotate(45deg);

  }

  body .burger-active span:nth-child(2) {
    transform-origin: center;
    transform: scaleX(0);
  }

  body .burger-active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }


  .burger span:first-child {
    width: 30px;
  }

  .mobile-menu {
    display: flex;
    transition: .3s ease;
    z-index: 5000;
    background-color: var(--theme-bg-color);
    padding: 30px 30px 150px 30px;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    max-width: 500px;
    transform: translateX(-100%);
    flex-direction: column;
    justify-content: flex-start;
    gap: 40px;
    align-items: center;
  }

  .mobile-menu-activ {
    transform: translate(0);
  }

  .mobile-menu .mobile-navigation ul a {
    font-size: 18px;
  }

  .mobile-up {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }

  .mobile-menu .mobile-up a {
    font-size: 22px;
  }

  .mobile-logo {
    position: relative;
  }

  .mobile-menu .mobile-up .mobile-logo::after,
  .mobile-menu .mobile-up .mobile-logo::before {
    content: '';
    width: 24px;
    height: 29px;
    position: absolute;
    left: -25px;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/mob-menu-fly.png);
  }

  .mobile-menu .mobile-up .mobile-logo::after {
    transform: scale(-1, 1);
    right: -24px;
    left: auto;
  }

  .mobile-menu .mobile-up a::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-pink);
  }

  .mobile-navigation ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }

  .mobile-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    justify-self: flex-end;
  }

  .mobile-info h6 {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
  }

  .mobile-info a {
    font-size: 17px;
  }

  .mobile-info .mobile-button {
    font-size: 18px;
    padding: 5px 10px;
    background-color: #8c00ff;
    border-radius: 20px;
    margin-bottom: 9px;
  }

  .mobile-info a:nth-last-child(2) {}

  .mobile-bg {
    background-color: #ffffff2b;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 4000;
    top: 0;
    left: 0;
    transform: translateX(100%);
    transition: .3s ease;
    display: block;
  }

  .mobile-bg-active {
    transform: translate(0);
  }

  .offer__links {
    flex-direction: column;
    gap: 20px;
  }

  .offer__arrow-1,
  .offer__arrow-2 {
    display: none;
  }

  h1 {
    font-size: 43px;
  }

  h2,
  .whyus .h2 span {
    font-size: 38px;
  }

  h2 {
    margin-bottom: 50px;
  }

  h3 {
    font-size: 28px;
  }

  .offer-item p {
    font-size: 19px;
  }

  .top p,
  .top span {
    font-size: 22px;
  }

  .why-item p {
    font-size: 23px;
  }

  .button {
    font-size: 25px;
  }

  .offer_addition {
    margin-bottom: 200px;
  }

  .land-busines-wrap {
    gap: 35px;
  }

  .offer__note {
    margin-bottom: 70px;
  }

  .offer__links {
    padding-top: 0;
  }

  .offer__slide-item {
    height: 130px;
  }

  .offer__slide-item-number {
    min-width: 70px;
  }

  .prject-info h5 {
    font-size: 20px;
  }

  .prject-info {
    transform: translate(0);
  }

  .prject-info p {
    font-size: 14px;
  }
}

@media (max-width: 730px) {
  .plus-wrap img {
    width: 140px;
  }

  .land-busines-wrap {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .offer-item-inner {
    height: 293px;
  }
}

@media (max-width:670px) {
  .mobile-menu {
    max-width: 100vw;
  }

  .mobile-bg {
    display: none;
  }

}

@media (max-width: 550px) {
  .offer__slide-item-number {
    min-width: 52px;
  }

  .offer_swiper li:nth-of-type(even) .offer__slide-item-number span {
    transform: rotate(90deg);
  }

  .offer_swiper li:nth-of-type(odd) .offer__slide-item-number span {
    transform: rotate(-90deg);
  }

  .offer__slide-item-number span {
    font-size: 28px;
  }

  h2,
  .whyus .h2 span {
    font-size: 32px;
  }

  .why-item p {
    font-size: 18px;
  }

  h3 {
    font-size: 28px;
  }

  .offer_addition {
    margin-bottom: 140px;
  }

  .offer__slide-item p,
  .offer__slide-item p span {
    font-size: 16px;
  }

  .offer__slide-list {
    gap: 20px;
  }

  .whyus-wrapper {
    padding-inline: 0px;
  }

  .container {
    width: 100%;
    padding-inline: 15px;
  }

  .top .ls {
    font-size: 128px;
    bottom: -80px;
    right: auto;
    left: 20px;
  }

  .footer-row {
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }

  .footer-info {
    align-items: center;
    align-self: center;
  }

  .no-public {
    text-align: center;
  }

  .top {
    padding-top: 105px;
    padding-bottom: 120px;
  }

  :root {
    --section-padding-top: 70px;
    --section-padding-bottom: 70px;
  }

  .plus-wrap {
    height: 115px;
  }

  h2 {
    margin-bottom: 35px;
  }

  .offer__slide-item p {
    padding: 10px;
  }

}

@media (max-width: 430px) {
  .header .logo a {
    font-size: 25px;
  }

  .offer_wrap {
    bottom: 11px;
    right: 10px;
    width: 30px;
    height: 30px;
  }

  .offer__slide-item {
    height: auto;
    min-height: 110px;
  }

  .politic {
    text-align: center;
  }

  .offer-front,
  .offer-back {
    padding: 35px 16px;
    border-radius: 20px;
  }

  .offer_addition {
    margin-bottom: 115px;
  }

  .offer__note {
    font-size: 16px;
  }

  .button {
    font-size: 20px;
  }

  .offer__direct {
    padding: 10px;
  }

  .offer__direct p {
    text-align: center;
  }
}

.picture-yandex {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 800px;
  height: 800px;
}

/*# sourceMappingURL=scs.css.map */