@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter 28 Pt";
  src: url('../fonts/Inter_28pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.container-y2626 {
  z-index: 2;
  width: 93.75vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-y2626.rel {
  color: #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 43vw;
  margin-top: 2%;
  margin-bottom: 2%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.page-wrap-y2626 {
  color: #020202;
  font-family: "Inter 28 Pt", Arial, sans-serif;
  font-weight: 400;
  line-height: 110%;
  overflow: clip;
}

.section-y2626 {
  position: relative;
}

.section-y2626.grad {
  color: #fff;
  background-image: linear-gradient(90deg, #4b1801, #fb6b29);
  position: relative;
}

.section-y2626.grad-dabl {
  color: #fff;
  background-image: linear-gradient(0deg, #fff 53%, #fff0), linear-gradient(90deg, #4b1801, #fb6b29);
  position: relative;
}

.flex-box-y2626 {
  display: flex;
}

.flex-box-y2626.line {
  padding-top: 2vw;
  padding-bottom: 2vw;
  position: relative;
}

.flex-box-y2626.black-y {
  color: #000;
}

.l-flex-box-y2626 {
  flex: none;
  width: 24.6354vw;
  position: relative;
}

.l-flex-box-y2626.centr-y {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.p-rel-36 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Raleway, Arial, sans-serif;
  font-size: 1.875vw;
  font-weight: 600;
  line-height: 110%;
}

.wrap-55-y2626 {
  width: 53.125vw;
}

.space60-y2626 {
  height: 2.5vw;
}

.logo-wrap-y2626 {
  grid-column-gap: 8.85417vw;
  grid-row-gap: 8.85417vw;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.imglogo1-y2626 {
  height: 3.125vw;
}

.imglogo2-y2626, .space100-y2626 {
  height: 5.20833vw;
}

.space100-y2626.small-s {
  height: 4vw;
}

.p-int-24 {
  margin-bottom: 0;
  font-size: 1.25vw;
  line-height: 110%;
}

.p-int-24.cps {
  text-transform: uppercase;
}

.p-int-24.center-y-text {
  text-align: center;
}

.p-int-24.rel {
  color: #000;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 400;
}

.p-int-24.color-363636 {
  color: #363636;
}

.p-int-24.abs {
  background-color: #ffffff40;
  border-radius: 1vw;
  padding: 1vw 2vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.title-box-y {
  grid-column-gap: 1.04167vw;
  grid-row-gap: 1.04167vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.circle-y {
  background-color: #fff;
  border-radius: 500px;
  justify-content: flex-start;
  align-items: center;
  width: .78125vw;
  height: .78125vw;
  display: flex;
}

.circle-y.black-y {
  background-color: #333;
}

.h2-rel-y-86 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Raleway, Arial, sans-serif;
  font-size: 4.47917vw;
  font-weight: 600;
  line-height: 95%;
}

.space200-y2626 {
  height: 10.4167vw;
}

.line-y2626 {
  background-color: #ffffff5c;
  width: 100vw;
  height: 1px;
  margin-left: -3.125vw;
  position: absolute;
  top: 0;
}

.line-y2626.down {
  top: auto;
  bottom: 0;
}

.line-y2626.down.black-y, .line-y2626.black-y {
  background-color: #1b1b1b2b;
}

.space40-y2626 {
  height: 2.08333vw;
}

.img-l-y2626 {
  width: 15.6771vw;
}

.space80-y2626 {
  height: 3vw;
}

.p-int-b-40 {
  margin-bottom: 0;
  font-size: 2.08333vw;
  font-weight: 400;
  line-height: 110%;
}

.p-int-b-40.cps {
  text-transform: uppercase;
}

.inner-r-flex-box-y2626 {
  grid-column-gap: 2.60417vw;
  grid-row-gap: 2.60417vw;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-2626 {
  opacity: .85;
  width: auto;
  height: 1.71875vw;
}

.img-box-y2626 {
  justify-content: space-between;
  align-items: stretch;
  height: 28.125vw;
  display: flex;
}

.img-box-y2626.line {
  padding-top: 2vw;
  padding-bottom: 2vw;
  position: relative;
}

.p-int-32 {
  margin-bottom: 0;
  font-size: 1.66667vw;
  line-height: 110%;
}

.p-int-32.cps {
  text-transform: uppercase;
}

.p-int-32.hero-r {
  width: 60%;
}

.space20-y2626 {
  height: 1.04167vw;
}

.gragimg-y {
  z-index: 1;
  width: 100%;
  height: auto;
  position: absolute;
  top: -20vw;
}

.imbluredecorlight {
  z-index: 0;
  filter: blur(10px);
  width: 150vw;
  min-width: 200vw;
  max-width: none;
  position: absolute;
  inset: 0 0% auto -25vw;
}

.image-logo-yasno {
  aspect-ratio: 2.39;
  width: auto;
  max-width: 100%;
  height: 26.0417vw;
  margin-left: -10vw;
}

.hero-y2626 {
  max-width: 105%;
}

.h1-y2626 {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Raleway, Arial, sans-serif;
  font-size: 6.66667vw;
  font-weight: 600;
  line-height: 99%;
}

.paragraph {
  font-weight: 400;
}

.hero-y-2626 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 43%;
  height: 100%;
  display: flex;
}

.mobhero-y2626 {
  display: none;
}

.anchor-y2626 {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -7vw;
}

.link-for-next-y2626 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  color: #020202;
  background-color: #9191912b;
  border-radius: 5vw;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  padding: .5vw 1vw;
  text-decoration: none;
  display: flex;
}

.link-for-next-y2626.st {
  position: fixed;
  bottom: 2vw;
}

.link-for-next-y2626.whitecolor-txt {
  color: #fff;
}

.img-arrow-y2626 {
  height: 1.2vw;
}

.img-arrow-y2626.u180 {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.p-next-str {
  margin-bottom: 0;
  line-height: 100%;
}

.p-next-str.whitecolor-txt {
  color: #fff;
}

.div-block {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.sticky-overlay {
  pointer-events: none;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.next-button {
  z-index: 9;
  pointer-events: auto;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  position: sticky;
  bottom: 10vw;
  right: 2vw;
}

.rel-wrap {
  position: relative;
}

.code-for-video-y2626 {
  width: 19.5vw;
  height: 34vw;
}

@media screen and (max-width: 767px) {
  .container-y2626 {
    width: 89.3333vw;
  }

  .container-y2626.rel {
    height: 100%;
  }

  .flex-box-y2626 {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    flex-flow: column;
  }

  .flex-box-y2626.line {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .l-flex-box-y2626 {
    width: auto;
  }

  .l-flex-box-y2626.centr-y {
    order: -9999;
  }

  .l-flex-box-y2626.no-m {
    display: none;
  }

  .p-rel-36 {
    font-size: 6.4vw;
  }

  .wrap-55-y2626 {
    width: auto;
  }

  .space60-y2626 {
    height: 16vw;
  }

  .space60-y2626.m-40 {
    height: 10vw;
  }

  .imglogo1-y2626 {
    height: 13vw;
  }

  .imglogo2-y2626 {
    height: 23.7333vw;
  }

  .space100-y2626, .space100-y2626.small-s {
    height: 16vw;
  }

  .r-flex-box-y2626.first {
    order: -9999;
  }

  .p-int-24 {
    font-size: 5.33333vw;
  }

  .p-int-24.cps {
    font-size: 4.26667vw;
  }

  .p-int-24.abs {
    color: #000;
    background-color: #fff;
    padding-left: 3vw;
    padding-right: 3vw;
    top: 44vw;
    left: 0;
    right: auto;
  }

  .title-box-y {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .circle-y {
    width: 2vw;
    height: 2vw;
  }

  .h2-rel-y-86 {
    font-size: 9.6vw;
  }

  .space200-y2626 {
    height: 32vw;
  }

  .space40-y2626 {
    height: 10vw;
  }

  .img-l-y2626 {
    width: 58.1333vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .space80-y2626 {
    height: 16vw;
  }

  .p-int-b-40 {
    font-size: 7.46667vw;
  }

  .inner-r-flex-box-y2626 {
    grid-column-gap: 10.6667vw;
    grid-row-gap: 10.6667vw;
    flex-flow: column;
  }

  .image-2626 {
    height: 5.6vw;
  }

  .img-box-y2626 {
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    flex-flow: column;
    height: auto;
  }

  .p-int-32 {
    font-size: 6.4vw;
  }

  .p-int-32.hero-r {
    width: auto;
  }

  .space20-y2626 {
    height: 5.33333vw;
  }

  .gragimg-y {
    width: auto;
    min-width: 500vw;
    max-width: none;
    top: -88vw;
    left: -10vw;
  }

  .imbluredecorlight {
    width: auto;
  }

  .image-logo-yasno {
    height: 100vw;
    margin-left: -20vw;
    margin-right: auto;
  }

  .hero-y2626 {
    display: none;
  }

  .h1-y2626 {
    font-size: 12.8vw;
  }

  .hero-y-2626 {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    width: auto;
    height: auto;
    position: relative;
    top: 135vw;
    bottom: 0;
  }

  .mobhero-y2626 {
    min-width: 100%;
    max-width: none;
    height: 216.533vw;
    display: block;
  }

  .img-arrow-y2626 {
    height: 2vw;
  }

  .code-for-video-y2626 {
    width: 89.3333vw;
    height: 158vw;
  }
}

@media screen and (max-width: 479px) {
  .container-y2626.rel {
    max-height: 98svh;
  }

  .section-y2626.hero2626 {
    max-height: 100svh;
    overflow: hidden;
  }

  .hero-y-2626 {
    top: 120vw;
  }

  .link-for-next-y2626.whitecolor-txt {
    display: none;
  }

  .img-arrow-y2626 {
    height: 3vw;
  }

  .sticky-overlay {
    display: none;
  }
}


@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter 28 Pt';
  src: url('../fonts/Inter_28pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}