.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

body {
  overflow: visible;
  background-color: #000;
  font-family: Exo, sans-serif;
  color: #fff;
  font-size: 2.5vw;
  line-height: 1;
  font-weight: 400;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}

a {
  text-decoration: none;
}

.body {
  background-color: #000;
  color: #fff;
  line-height: 1.4;
}

.main-profiles-icon-container {
  display: flex;
  margin-bottom: 60px;
  padding-right: 0px;
  padding-left: 0px;
  justify-content: center;
  align-items: center;
}

.main-profiles-icon-container.one {
  display: none;
}

.main-profiles-icon-div {
  display: flex;
  width: 100%;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0px;
  cursor: pointer;
}

.main-profiles-icon-div:hover {
  border-radius: 10px;
}

.main-profiles-add-icon {
  border: 2px none #000;
  border-radius: 10px;
}

.main-profiles-add-icon-div {
  border-radius: 10px;
}

.main-profiles-add-icon-div:hover {
  border-style: solid;
  border-width: 3px;
  border-color: #e9e9e9;
}

.container {
  display: flex;
  max-width: 1500px;
  padding-right: 60px;
  padding-left: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.slide-nav {
  display: none;
}

.loading-screen {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  display: none;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #1a1a1a;
}

.netflix-loading-animation {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.netflix-loading-animation.desktop {
  height: 100vh;
  background-color: #000;
}

.netflix-loading-animation.mobile {
  display: none;
}

.manage-profiles-button {
  width: 20%;
  padding-top: 15px;
  padding-bottom: 15px;
  border-style: solid;
  border-width: 2px;
  border-color: #a7a7a7;
  background-color: rgba(56, 152, 236, 0);
  color: #a7a7a7;
  font-size: 15px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.manage-profiles-button:hover {
  border-color: #e9e9e9;
  color: #e9e9e9;
}

.main-profiles-title {
  margin-bottom: 30px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #e9e9e9;
  font-size: 4vw;
  line-height: 1.4;
  font-weight: 400;
  text-align: center;
}

.main-profiles-overlay {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: flex;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #1a1a1a;
}

.main-profiles-image-div {
  border-radius: 10px;
}

.main-profiles-image-div:hover {
  border-style: solid;
  border-width: 3px;
  border-color: #e9e9e9;
}

.main-profiles-image {
  border-style: none;
  border-width: 2px;
  border-color: #e9e9e9;
  border-radius: 10px;
}

.main-profiles-image:hover {
  border-style: none;
  border-width: 2px;
  border-color: #e9e9e9;
}

.main-profiles-name {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #a7a7a7;
  font-size: 22px;
  font-style: normal;
  text-align: center;
}

.ranking__image {
  width: 46px;
  height: 46px;
  margin-right: 10px;
}

.netflix-nav {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: block;
  overflow: visible;
  width: 100%;
  background-color: transparent;
}

.ranking__text {
  font-size: 22px;
  font-weight: 600;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.brand {
  width: 100px;
}

.brand.navbar__logo {
  display: block;
  width: 94px;
  margin-right: 30px;
}

.text-block-4 {
  font-size: 18px;
  line-height: 18px;
}

.hero__btn {
  display: flex;
  margin-right: 1rem;
  padding: 14px 28px;
  justify-content: flex-start;
  align-items: center;
  align-self: auto;
  border-radius: 6px;
  background-color: #fff;
  color: #000;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
}

.hero__btn:hover {
  background-color: hsla(0, 0%, 100%, 0.75);
}

.hero__btn.hero__btn--secondary {
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  align-self: auto;
  flex: 0 auto;
  background-color: rgba(109, 109, 110, 0.7);
  color: #fff;
}

.hero__btn.hero__btn--secondary:hover {
  background-color: rgba(109, 109, 110, 0.4);
}

._1_section_hero {
  display: block;
  width: 100%;
  height: 100vh;
  align-items: center;
  background-image: url('../images/show_background.jpg');
  background-position: 100% 0%;
  background-size: cover;
  background-attachment: scroll;
}

._1_section_hero.hero {
  position: static;
  z-index: -1;
  background-image: linear-gradient(90deg, rgba(20, 20, 20, 0.7), transparent 50%, transparent), linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(5, 5, 5, 0.05) 7%, transparent 50%, rgba(5, 5, 5, 0.06) 85%, #141414 93%, #141414), url('../images/20220717_COLDPLAY_073_FULL.jpg');
  background-position: 0px 0px, 0px 0px, 100% 0%;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, scroll;
}

._1_section_hero.hero {
  position: static;
  z-index: -1;
  display: block;
  height: auto;
  max-width: 100vw;
  margin-top: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background-image: linear-gradient(90deg, rgba(20, 20, 20, 0.7), transparent 50%, transparent), linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(5, 5, 5, 0.05) 7%, transparent 50%, rgba(5, 5, 5, 0.06) 85%, #141414 93%, #141414);
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.navbar__icon {
  margin-right: 10px;
  margin-left: 10px;
  padding: 6px;
  -ms-grid-row-align: center;
      align-self: center;
}

.netflix-img {
  max-width: 80%;
  margin-bottom: 40px;
}

.netflix-img.hero__show-title {
  display: none;
  width: 25%;
  max-width: 40%;
  margin-bottom: 0px;
}

.netflix-img.hero__show-title.general {
  display: none;
  width: 15%;
}

.text-block-3 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
}

.ranking {
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
  align-items: center;
}

.image-5 {
  display: block;
  width: 40px;
  height: 40px;
}

.navbar__link {
  margin-right: 0px;
  margin-left: 0px;
  padding: 6px 12px;
  transition: color 200ms ease-in-out;
  color: #e5e5e5;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.2px;
  text-indent: 0px;
}

.navbar__link:hover {
  color: #c5c5c5;
  font-weight: 400;
}

.navbar__link.w--current {
  color: #27ff45;
}

.navbar__link.navbar__link--bigger {
  -ms-grid-row-align: center;
      align-self: center;
  font-size: 13px;
}

.navbar__menu {
  display: flex;
  padding-top: 0px;
  padding-bottom: 0px;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}

.iconplay {
  width: 22px;
  margin-right: 1rem;
  font-size: 20px;
}

.hero__btns {
  display: flex;
  align-items: center;
  align-self: auto;
  flex: 0 auto;
}

.iconinfo {
  width: 26px;
  margin-right: 1rem;
}

.image-4 {
  width: 20px;
  padding-bottom: 2px;
}

.hero__text {
  width: 40%;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 27px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.netflix-div {
  position: relative;
  z-index: 100;
  display: flex;
  width: 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: stretch;
  align-self: auto;
  order: 0;
  flex: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}

.netflix-div.hero__content {
  position: static;
  display: flex;
  width: 60%;
  margin-top: 260px;
  margin-bottom: 40px;
  padding-top: 0px;
  padding-left: 40px;
  justify-content: flex-end;
  align-self: flex-end;
  flex: 1;
  opacity: 0.7;
  font-family: Montserrat, sans-serif;
  color: #fff;
}

.netflix-hero {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: flex;
  width: 100vw;
  height: 100%;
  max-width: 100%;
  padding: 0px 60px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.netflix-hero.hero {
  display: block;
  height: auto;
  padding: 0px;
  background-color: #e8e2da;
  background-image: url('../images/20220330_MCB_013.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.netflix-hero.hero.concerts {
  display: flex;
  overflow: visible;
  height: auto;
  flex-direction: row;
  justify-content: center;
  background-color: #000;
  background-image: none;
  -o-object-fit: none;
     object-fit: none;
}

.div-block-5 {
  display: flex;
  margin-left: auto;
  align-items: center;
}

.div-block-5.navbar__menu-right {
  padding-top: 0px;
  padding-bottom: 0px;
  align-items: stretch;
  -ms-grid-row-align: stretch;
      align-self: stretch;
}

.navbar__profile-picture {
  position: relative;
  z-index: 19;
  display: flex;
  overflow: visible;
  width: 40px;
  margin-left: 10px;
  padding-top: 24.2px;
  padding-bottom: 24.2px;
  align-items: center;
  -o-object-fit: fill;
     object-fit: fill;
}

.utility-page-wrap {
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
}

.utility-page-content {
  display: flex;
  width: 260px;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.button {
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 100rem;
  background-color: #8f00ff;
  transition: opacity 200ms ease;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

.button:hover {
  opacity: 0.8;
}

.zoom-header {
  position: relative;
  z-index: 1;
  padding-right: 0.6vw;
  padding-left: 0.6vw;
  color: #152133;
  font-size: 5vw;
  line-height: 1;
  font-weight: 700;
}

.video {
  position: absolute;
  width: 100%;
  height: 100vh;
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}

.heading-2 {
  position: absolute;
  z-index: 1;
  margin-bottom: 40px;
  padding-left: 4px;
  font-family: Lato, sans-serif;
  color: #5924ff;
  font-size: 16vw;
  line-height: 0.8;
  text-align: center;
  letter-spacing: 0.8vw;
}

._3_section-scrolling_text {
  position: static;
  background-color: #000;
}

.heading_wrap-scrll-txt {
  width: 65%;
  color: #e9e9e9;
  font-size: 12px;
  text-align: left;
}

.container-scrolling-txt {
  width: 100%;
  max-width: 100em;
  margin-right: auto;
  margin-left: auto;
  padding: 5vh 8.3em 25vh;
}

._9_section-vertical-portfolio {
  position: relative;
  z-index: 2;
  display: none;
  padding-bottom: 0vh;
  background-color: #000;
}

.trigger {
  width: 100%;
  height: 100vh;
}

.hero-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.feature-text {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  opacity: 0.2;
  transition: opacity 200ms ease;
}

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

.container-w3 {
  width: 100%;
  max-width: 52.5em;
  margin-right: auto;
  margin-left: auto;
}

.container-w3.gutter-outside {
  font-size: 1.2vw;
}

.p-xl-start {
  padding-top: 8.5em;
}

.p-xl-start.p-xl-end {
  padding-top: 8.5vh;
}

.wow-heading {
  margin-bottom: 0.1em;
  font-size: 3em;
  line-height: 1;
  font-weight: 600;
}

.wow-heading.wow-gradient {
  margin-bottom: 0.1em;
  padding-bottom: 0.2em;
  font-family: Monumentextended, Arial, sans-serif;
  color: #fff;
  font-size: 3em;
  font-weight: 900;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.wow-heading.wow-gradient.big {
  font-size: 6em;
}

.content-flex-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container-7 {
  display: flex;
  width: 60vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.type-background-wrapper {
  position: relative;
  z-index: 5;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.type-gradient-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  background-image: linear-gradient(180deg, rgba(10, 10, 10, 0) 75%, #000);
}

.type-background-text {
  position: relative;
  display: block;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  color: #0f0f0f;
  font-size: 11vw;
  line-height: 10.5vw;
  font-weight: 700;
  letter-spacing: -0.417vw;
  text-indent: 2px;
  text-transform: uppercase;
  white-space: nowrap;
}

.sticky-circle_img {
  position: relative;
  width: 100vw;
  height: 100vh;
  max-width: none;
  min-height: 100vh;
  min-width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
}

.header_text-move.is--last {
  padding-bottom: 2.4em;
}

.header_text-move.is--last {
  padding-bottom: 2.4em;
}

.is--alt-text {
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 12em;
  line-height: 0.8;
  font-style: italic;
  font-weight: 300;
}

.header_text-wrap {
  position: relative;
  overflow: hidden;
  color: #fff;
  -o-object-fit: fill;
     object-fit: fill;
}

.header_text_2 {
  padding-right: 10vw;
  padding-left: 10vw;
  color: #e5e5e5;
  font-size: 0.7vw;
}

._2_section-charizard {
  overflow: hidden;
  margin-top: 5vh;
  background-color: #000;
}

.wrapper-full {
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 60vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000;
  perspective: 2000px;
  color: #fff;
}

.wrapper-pokemon-card {
  position: relative;
  z-index: 10;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-height: 425px;
  max-width: 300px;
  padding-bottom: 2px;
  flex-direction: column;
  border-radius: 4px;
  background-image: url('../images/Image-Charizard-Card.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 0 rgba(255, 17, 231, 0.01), 0 0 0 0 rgba(106, 255, 255, 0.01);
  transform: translate3d(0px, 0px, 50px);
  transition: box-shadow 600ms ease;
  transform-style: preserve-3d;
}

.wrapper-pokemon-card:hover {
  box-shadow: 11px 11px 100px 15px rgba(255, 35, 240, 0.28), -11px -11px 100px 15px rgba(2, 255, 238, 0.26);
}

.gradient-holo {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 200%;
  margin-left: -438px;
  background-image: linear-gradient(120deg, transparent 29%, rgba(31, 231, 255, 0.7) 42%, rgba(255, 0, 231, 0.7) 53%, transparent 65%, transparent 82%);
}

.gradient-holo.mbm-color-dodge {
  position: relative;
  z-index: 12;
  display: flex;
  height: 102%;
  margin-top: -1%;
  margin-left: 0px;
  background-image: linear-gradient(120deg, transparent 18%, rgba(31, 231, 255, 0.7) 46%, rgba(255, 46, 235, 0.7) 56%, transparent 81%, transparent 98%);
  filter: blur(15px);
  transform: translate3d(0px, 0px, 100px);
  transform-style: preserve-3d;
}

.image-sparkles {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  max-height: 110%;
}

.image-sparkles.mbm-color-dodge {
  z-index: 11;
}

.heading-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: none;
}

.number {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  padding: 2.2em 0em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1.5px solid rgba(238, 237, 242, 0.19);
  transition: font-size 500ms ease, padding 500ms linear, background-color 500ms linear;
  font-size: 0.8em;
}

.sub-header {
  overflow: visible;
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 8.2vw;
  line-height: 1.1;
  font-weight: 700;
  white-space: nowrap;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.info-paragraph {
  margin-bottom: 20px;
  padding-top: 20px;
  font-family: Exo, sans-serif;
  font-size: 2.5vw;
  line-height: 1.7;
}

._4_section-gradient-text {
  position: relative;
  z-index: 20;
  display: none;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding: 2em;
  background-color: #000;
  opacity: 1;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  line-height: 45px;
  text-align: center;
}

.intro-typography-gradient-image {
  display: none;
  width: 100%;
  max-height: 100vh;
}

.intro-typography-gradient-image._02 {
  position: relative;
  top: -2px;
  display: inline-block;
  transform: rotate(180deg);
}

.no-rules-holder {
  display: flex;
  margin-top: 100px;
  padding-bottom: 100px;
  flex-direction: column;
  justify-content: space-between;
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 14vw;
}

.no-rules-holder.reduce-top-spacing {
  margin-top: 20px;
  padding-bottom: 80px;
}

.satellite-video-holder {
  display: flex;
  width: 100%;
  height: 200vh;
  flex-direction: column;
  justify-content: flex-end;
}

.cards-img-container {
  width: 100%;
}

._7bis_section-portfolio-cards {
  display: flex;
  padding-top: 100px;
  padding-bottom: 250px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: #000;
}

.card-img {
  width: 100%;
}

.cards-img-holder {
  position: relative;
  width: 90%;
}

.cards-img-holder._02 {
  top: 20%;
  z-index: 2;
}

.cards-img-holder._04 {
  position: relative;
  left: 26%;
  top: 20%;
  z-index: 1;
  width: 80%;
}

.cards-img-holder._01 {
  left: -31%;
}

.cards-img-holder._03 {
  left: 7%;
  z-index: 4;
  width: 110%;
}

.cards-grid {
  display: -ms-grid;
  display: grid;
  width: 50%;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.intro-black-top {
  position: absolute;
  left: 0%;
  top: -401px;
  right: 0%;
  bottom: auto;
  z-index: 12;
  display: none;
  height: 600px;
  background-color: #000;
}

.gradient-txt-container {
  position: -webkit-sticky;
  position: sticky;
  top: 20%;
  overflow: hidden;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #fff;
  font-size: 56px;
  font-weight: 500;
  text-align: center;
}

.typography-gradient-holder {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 11;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  mix-blend-mode: darken;
}

.gradient-txt-holder {
  display: flex;
  height: 50vh;
  padding-top: 0vh;
  padding-bottom: 0px;
  justify-content: center;
  align-items: flex-start;
  border-radius: 0px;
  text-align: center;
}

.intro-black-bot {
  position: absolute;
  left: 0%;
  top: -1004px;
  right: 0%;
  bottom: 0px;
  display: block;
  height: 600px;
  background-color: #000;
}

.text-block-12 {
  position: relative;
  z-index: 10;
  display: none;
  color: #bdbaba;
  font-size: 0.6em;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}

.intro-typography-gradient {
  position: -webkit-sticky;
  position: sticky;
  text-align: center;
}

.globals {
  display: none;
  background-color: #000;
}

.container-11 {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 1700px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 4rem;
  padding-left: 4rem;
  flex-direction: column;
}

.container-11.small {
  width: 100%;
  padding-right: 8rem;
  padding-left: 8rem;
}

.container-11.small.about {
  display: flex;
  width: 100%;
  max-width: 1700px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0rem;
  padding-left: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  font-weight: 400;
}

.container-11.hero-container {
  display: flex;
  max-height: 1920px;
  max-width: 1080px;
  min-width: 50%;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0rem;
  padding-left: 0rem;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.container-11.hero-container.about-hero-contain {
  max-height: 1920px;
}

.grow-text {
  display: inline-block;
  transform-origin: 0% 0%;
}

.project_item {
  display: flex;
  max-width: 100%;
  justify-content: center;
  align-items: center;
}

.img-span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section_body.large {
  max-width: 24.5em;
  font-size: 3em;
  line-height: 1.3;
}

.section_body.large.about {
  max-width: 9.5em;
  padding-left: 0em;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  font-size: 3.5vw;
  line-height: 1.5;
  font-weight: 300;
  text-align: center;
}

.section_body.large.about.control {
  display: none;
}

.img-reveal_wrap {
  position: relative;
  overflow: hidden;
}

.img-reveal_wrap.hero_img-wrap {
  z-index: 3;
  width: 281px;
  height: 500px;
  max-height: 1920px;
  max-width: 1080px;
  perspective: none;
  transform: translate(0px, 0px) perspective(200px);
}

.section-11 {
  position: relative;
  z-index: 1;
  padding-top: 10em;
  padding-bottom: 10em;
}

.section-11.about {
  position: relative;
  z-index: 10;
  display: flex;
  padding: 1em 0em;
  flex-direction: row;
  background-color: transparent;
  color: #fff;
}

.section-11.hero {
  display: flex;
  overflow: hidden;
  width: 100%;
  max-height: 1920px;
  padding: 0em 5vw;
  flex-direction: column;
  background-color: transparent;
  font-size: 2vw;
}

.section-11.hero.hero-about {
  max-height: 1220px;
  padding-left: 5vw;
}

.service {
  position: relative;
  display: -ms-grid;
  display: grid;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.emoji {
  display: inline-block;
  overflow: hidden;
  font-size: 0.75em;
}

.section_content {
  position: relative;
  display: -ms-grid;
  display: grid;
  justify-content: center;
  justify-items: stretch;
  align-items: stretch;
  align-content: start;
  -ms-grid-row-align: auto;
      align-self: auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  direction: ltr;
  text-align: center;
}

._2_section_recommandation {
  position: relative;
  z-index: 10;
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
  margin-top: -16px;
  padding-bottom: 0px;
  background-color: transparent;
  background-image: linear-gradient(0deg, #000 63%, transparent);
  text-align: center;
}

._2_section_recommandation.recommandation-backstage {
  margin-top: -60px;
}

.title-content {
  display: block;
  margin-top: 40px;
  margin-bottom: 0px;
  padding-top: 20px;
  padding-left: 20px;
  color: #e5e5e5;
  font-size: 20px;
  line-height: 11px;
  font-weight: 500;
  text-align: left;
}

.body-8 {
  overflow: visible;
  max-width: 100vw;
  background-color: #000;
  color: #cecece;
}

.overlay-text---line-move {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: rgba(255, 203, 48, 0.8);
}

.split-lines {
  color: #e9e9e9;
  font-size: 4.5em;
  line-height: 1.2;
  font-weight: 400;
}

.big-header-center {
  font-size: 11em;
  line-height: 0.8;
}

.heading-8 {
  font-size: 12em;
  line-height: 0.8;
}

.heading-9 {
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 12em;
  line-height: 0.8;
  font-style: italic;
  font-weight: 300;
}

.scroll-track {
  position: relative;
  height: 500vh;
}

.bold-span {
  position: relative;
  display: inline-block;
  font-weight: 900;
}

.marque-title-div {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 0vh;
  padding-bottom: 0vh;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.nav-div {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: flex;
  height: 14vh;
  padding-right: 3vw;
  padding-left: 3vw;
  justify-content: space-between;
  align-items: center;
}

.marque-first-part {
  display: flex;
  padding-right: 1.5vw;
  padding-left: 1.5vw;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 auto;
  grid-column-gap: 3vw;
}

.marque-first-part._2ns {
  flex-direction: row;
  font-weight: 400;
}

.marque-first-part._3rd {
  flex-direction: row;
}

.single-marque-div {
  position: relative;
  display: flex;
  height: 16vh;
  border-top: 1px solid #d8b189;
  border-bottom: 1px solid #d8b189;
}

.single-marque-div._3 {
  border-top-style: none;
  border-bottom-style: none;
}

.single-marque-div._2 {
  border-top-style: none;
}

.marque-image {
  width: 14vw;
  height: 5vw;
  border-radius: 60px;
  -o-object-fit: cover;
     object-fit: cover;
}

.container-15 {
  height: 100vh;
  max-width: 100%;
}

.marque-move-div {
  display: flex;
  flex-direction: column;
}

.main-marque-div {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.title-text {
  font-size: 6vw;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
}

.title-text.title-text-hover {
  font-weight: 700;
}

.single-moving-marque-div {
  position: absolute;
  left: auto;
  top: 0%;
  right: auto;
  bottom: 0%;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0vh;
  padding-bottom: 0vh;
  align-items: center;
  background-color: #0f0;
  color: #000;
}

.holder {
  display: flex;
  width: 100vw;
  height: 100%;
  align-items: center;
}

.about {
  padding-left: 5.1em;
}

.body-12 {
  background-color: #000;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  color: #fff;
}

.recommended-slide {
  width: 245px;
  margin-right: 11px;
  margin-left: 11px;
  border: 0px solid #000;
}

.show-div {
  width: 245px;
  height: 137px;
  border-style: none;
  border-width: 3px;
  border-color: #adadad;
  border-radius: 4px;
  background-image: url('../images/CamRock2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 6px 6px 20px -3px #000;
  transition: all 250ms ease;
  cursor: pointer;
}

.show-div:hover {
  border-color: #e9e6e6;
  box-shadow: 6px 6px 20px 0 #000;
  transform: scale(1.03);
}

.show-div.falcon {
  background-image: url('../images/20230309_OOO_135.jpg');
  background-position: 50% 40%;
}

.show-div.falcon.c {
  background-image: url('../images/20221005_KICKOFF_204.jpg');
}

.show-div.falcon.b {
  background-image: url('../images/220315_CLIPCAROLINE_105.jpg');
}

.show-div.force {
  background-image: url('../images/20230309_OOO_024.jpg');
  background-position: 50% 42%;
}

.show-div.force.b {
  background-image: url('../images/20220713_BALADE_A_DEUX_317.jpg');
}

.show-div.jedi {
  background-image: url('../images/20230303_MITEMPS_108.jpg');
}

.show-div.jedi.b {
  background-image: url('../images/DSC00023.jpg');
}

.show-div.newhope {
  background-image: url('../images/20230309_OOO_198.jpg');
}

.show-div.newhope.c {
  background-image: url('../images/20220604_IMAGINARIUM_053.jpg');
}

.show-div.newhope.b {
  background-image: url('../images/220315_CLIPCAROLINE_046.jpg');
}

.show-div.wanda {
  background-image: url('../images/20230309_OOO_201.jpg');
  background-position: 50% 44%;
}

.show-div.wanda.c {
  background-image: url('../images/DIGITALCOLLEGE-121.jpg');
}

.show-div.wanda.b {
  background-image: url('../images/220220_CLIP_CLEMENT_038_FULL.jpg');
}

.show-div._11 {
  width: 245px;
  height: 137px;
  background-image: url('../images/20221020_OOO_108.jpg');
  background-position: 50% 30%;
}

.show-div._11.c {
  width: 245px;
  height: 137px;
  background-image: url('../images/20221015_BREAK_112.jpg');
  background-position: 50% 57%;
}

.show-div._11.n {
  background-image: url('../images/20220608_GALA_EDL_384.jpg');
  background-position: 50% 46%;
}

.show-div._11.b {
  background-image: url('../images/20220523_NEWART_4.jpg');
  background-position: 50% 42%;
  transition: all 250ms ease;
}

.show-div._2 {
  background-image: url('../images/DIGITALCOLLEGE-37.jpg');
  background-position: 50% 35%;
}

.show-div._2.c {
  background-image: url('../images/DIGITALCOLLEGE-88.jpg');
}

.show-div._2.n {
  background-image: url('../images/20230303_MITEMPS_99.jpg');
  background-position: 50% 54%;
}

.show-div._2.b {
  background-image: url('../images/220220_CLIP_CLEMENT_111_FULL_1.jpg');
}

.show-div._3 {
  background-image: url('../images/20211127_PICDUSON-full-26.jpg');
  background-position: 50% 40%;
}

.show-div._3.c {
  background-image: url('../images/20230301_PETITVOYOU_014_FULL.jpg');
}

.show-div._3.n {
  background-image: url('../images/20230309_OOO_241.jpg');
  background-position: 50% 57%;
  background-repeat: repeat-x;
}

.show-div._3.b {
  background-image: url('../images/DSC00009.jpg');
}

.show-div._4 {
  background-image: url('../images/20221020_OOO_131.jpg');
}

.show-div._4.c {
  background-image: url('../images/20220717_COLDPLAY_073.jpg');
}

.show-div._4.n {
  background-image: url('../images/20230303_MITEMPS_134.jpg');
}

.show-div._4.b {
  background-image: url('../images/20220713_BALADE_A_DEUX_19.jpg');
}

.show-div._5 {
  background-image: url('../images/20230309_OOO_241.jpg');
}

.show-div._5.c {
  background-image: url('../images/220127_CAROLINE_013.jpg');
}

.show-div._5.n {
  background-image: url('../images/20220624_DIGITALCOLLEGE_535.jpg');
}

.show-div._5.b {
  background-image: url('../images/DSC00015.jpg');
}

.show-div._6 {
  background-image: url('../images/20230303_MITEMPS_99.jpg');
}

.show-div._6.c {
  background-image: url('../images/220324_CONCERTBAPTISTE_13.jpg');
}

.show-div._6.n {
  background-image: url('../images/20211127_PICDUSON-full-59.jpg');
}

.show-div._6.b {
  background-image: url('../images/20220713_BALADE_A_DEUX_59.jpg');
}

.show-div._7 {
  background-image: url('../images/20230309_OOO_082.jpg');
}

.show-div._7.c {
  background-image: url('../images/20220717_COLDPLAY_061.jpg');
}

.show-div._7.b {
  background-image: url('../images/DSC00002.jpg');
  background-position: 50% 40%;
}

.show-div.djjsd.c {
  background-image: url('../images/220127_CAROLINE_043.jpg');
}

.show-div.djjsd.o {
  background-image: url('../images/sdf.jpg');
}

.show-div.jkjhj.c {
  background-image: url('../images/20220717_GAUMAR_180.jpg');
}

.show-div.jkjhj.o {
  background-image: url('../images/169.jpg');
}

.recommended-mask {
  width: 100vw;
  padding-top: 10px;
}

.recommended-slider {
  width: 100%;
  height: 165px;
  padding-left: 20px;
  background-color: transparent;
}

.field_line {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-bottom: -3.7%;
  opacity: 0.1;
  transition: opacity 300ms ease;
}

.link_container {
  display: inline-block;
  padding: 0.8em;
}

.link-2 {
  position: relative;
  overflow: hidden;
  padding: 1.4em 2.6em;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 100vw;
  transition: color 200ms ease;
  text-align: center;
}

.link-2.is--submit {
  display: flex;
  overflow: visible;
  padding: 0em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-width: 0px;
  border-radius: 0vw;
}

.button-2 {
  display: flex;
  padding: 0.75rem 1.875rem;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: #fff;
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
}

.hero {
  position: relative;
  z-index: 10;
  padding: 30px 30px 0px;
  background-color: #111;
}

.img-16-9 {
  position: relative;
  margin-top: 45px;
  margin-bottom: 45px;
}

.subheading {
  width: 45%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-image: linear-gradient(94deg, #fff, #8f95ff);
  font-size: 32px;
  line-height: 1.12;
  font-weight: 600;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

._7_section-headline {
  padding-top: 100px;
  background-color: #000;
}

._8_section-see-the-unseen {
  padding-bottom: 100px;
  background-color: #000;
}

.download {
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
  transform-origin: 50% 0%;
  text-align: left;
}

.sub-section-headline {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  font-size: 56px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.005em;
}

.subheading-wrap {
  position: relative;
  margin-top: 26px;
  padding-bottom: 5vh;
}

.ix-shadow {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  width: 100%;
}

.sub-headline-wrap {
  position: relative;
}

.headline-container {
  position: relative;
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}

.headline-container.container--center {
  text-align: center;
}

.headline-container.container--center-flex {
  display: flex;
  flex-direction: column;
  background-color: #000;
  text-align: center;
}

.update-date-time {
  display: none;
}

.phone-mockup {
  position: relative;
  z-index: 1;
  max-height: 85vh;
}

.iphone-gui {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 4;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  font-family: Inter, sans-serif;
}

.phone-lockscreen-image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  overflow: hidden;
  transform: scale(1.2);
}

.iphone-txt-wrapper_del {
  display: flex;
  width: 100vw;
  height: 50vh;
  padding-right: 5%;
  padding-left: 5%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.phone-date {
  font-size: 21px;
  line-height: 25.06px;
  font-weight: 400;
  text-align: center;
  letter-spacing: -1.52px;
}

.bottom-toggles {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: flex;
  margin-bottom: 50px;
  padding-right: 46px;
  padding-left: 46px;
  justify-content: space-between;
  align-items: center;
}

.smaller {
  opacity: 0.88;
  font-size: 1.5rem;
}

.status-icon {
  padding-right: 4px;
  padding-left: 4px;
}

.phone-time {
  position: relative;
  margin-top: 90px;
  font-size: 80px;
  line-height: 95.5px;
  font-weight: 200;
  letter-spacing: -0.01px;
}

.phone-time.smaller {
  display: none;
  margin-top: 0px;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.004375rem;
}

.phone-lockscreen {
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 1;
  display: block;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.phone-lock-lottie {
  position: absolute;
  left: auto;
  top: 5%;
  right: auto;
  bottom: auto;
  z-index: 5;
  width: 65px;
  filter: brightness(500%);
}

.phone-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  max-width: 400px;
  margin-bottom: 0%;
  clear: none;
}

.status-bar {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: flex;
  width: 100%;
  height: 40px;
  padding-top: 12px;
  padding-right: 22px;
  padding-left: 28px;
  justify-content: space-between;
}

.bottom-bar {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: 8px;
  width: 135px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #fefefe;
}

.phone-content {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

.phone-content.lockscreen {
  position: static;
  z-index: 2;
}

.heading-center {
  margin-top: auto;
  margin-bottom: 60px;
  flex: 0 auto;
  color: #e9e9e9;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
}

._11_section-iphone-unlock {
  position: relative;
  z-index: -9;
  display: block;
  overflow: visible;
  width: 100%;
  height: 400vh;
  margin-bottom: 0px;
  padding-bottom: 0px;
  justify-content: space-between;
  align-items: stretch;
  background-color: #000;
  -o-object-fit: cover;
     object-fit: cover;
}

.unlock-phone-animation {
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.floating-txt-div {
  position: -webkit-sticky;
  position: sticky;
  top: 20%;
  padding: 10px;
  border-radius: 0px;
  opacity: 1;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
}

.floatingsection {
  display: none;
  margin-top: 25vh;
  flex-direction: column;
  align-items: center;
}

.floatingsection.float2 {
  position: relative;
  z-index: 101;
  display: block;
  width: 50%;
  height: 60vh;
  margin-top: 667px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.floatingsection.float2 {
  position: relative;
  z-index: 101;
  display: block;
  width: 50%;
  height: 60vh;
  margin-top: 667px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-direction: column;
  align-items: flex-start;
}

._6_section-rules {
  position: relative;
  z-index: 20;
  display: flex;
  padding: 6em 15vw 2em;
  flex-direction: column;
  justify-content: space-between;
  background-color: #000;
  font-family: Monumentextended, Arial, sans-serif;
  text-align: center;
}

._9_section-social-media {
  margin-top: 0px;
  padding: 2em;
  background-color: #000;
}

.hero_heading-inner {
  display: flex;
  width: 100%;
}

.hero_heading-inner.heading-1 {
  margin-bottom: 0.8em;
  padding-top: 40px;
  padding-bottom: 0px;
}

.hero_heading-inner.heading-2 {
  font-size: 16vw;
  line-height: 0.8;
}

.img-carousel {
  position: -webkit-sticky;
  position: sticky;
  display: none;
  width: 100%;
  height: 100%;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.main-wrapper-about.home-page {
  position: relative;
  z-index: 15;
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
  margin-top: 0vh;
  padding-top: 0em;
  background-color: #000;
}

.hero_inner {
  position: relative;
  z-index: 3;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 1920px;
  max-width: 1080px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  perspective: 200px;
  transform: translate(0px, 0px);
}

.hero_inner.hero-inner-height {
  max-height: 1020px;
}

.hero_heading-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  display: flex;
  width: 100%;
  flex-direction: column;
  transform: perspective(200px);
  font-family: Monumentextended, Arial, sans-serif;
  line-height: 30px;
  mix-blend-mode: overlay;
  transform-style: preserve-3d;
}

.hero_heading-wrap.control {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  max-height: 1220px;
  line-height: 20px;
}

.hero_heading-wrap.hero-heading-height {
  height: 80%;
  font-size: 2vw;
}

.img-reveal_block {
  position: absolute;
  left: -5%;
  top: -5%;
  right: -5%;
  bottom: -5%;
  z-index: 2;
  transform: translate(0px, -100%);
  transform-origin: 50% 0%;
}

.img-reveal_block.dark {
  z-index: 2;
  background-color: #141414;
}

.about-text {
  position: relative;
  z-index: 1;
  margin-top: 0em;
  font-family: 'Apoc revelations trial hairline', sans-serif;
  font-size: 5vw;
  font-weight: 400;
  text-align: center;
}

.hero_heading-all {
  display: flex;
  width: 100%;
  flex-direction: column;
  font-size: 7em;
  line-height: 30px;
  font-style: normal;
  text-align: center;
}

.hero_heading-2 {
  display: flex;
  width: 100%;
  justify-content: center;
  line-height: 1;
}

.hero_heading-2.heading-1 {
  font-size: 9vw;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  text-shadow: 0 0 4em rgba(0, 0, 0, 0.25);
}

.hero_heading-2.heading-2 {
  line-height: 1;
  font-weight: 300;
  text-align: center;
}

.hero_heading-2.heading-4 {
  font-size: 15vw;
  font-weight: 400;
  text-align: center;
}

.hero_heading-2.heading-3 {
  font-size: 7em;
  font-weight: 400;
  text-align: center;
}

.hero_heading-track.heading-1 {
  padding-bottom: 10vh;
}

.hero_heading-track.heading-4 {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 290em;
}

.hero_heading-track.heading-2 {
  font-size: 7vw;
  line-height: 0.8;
}

.hero_heading_embed {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  flex: 1;
  transform: translate(0px, 0px);
}

.img-reveal_img {
  position: relative;
  z-index: 1;
  width: 25vh;
  height: 25vh;
  flex: 0 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-reveal_img.narrow {
  width: 12.5vh;
}

.img-reveal_img.med {
  width: 15vh;
  height: 30vh;
  margin-top: -5%;
}

.img-reveal_img.hero_image {
  width: 100%;
  height: 100%;
  max-height: none;
  min-height: 0vh;
}

.img-reveal_img.wide {
  width: 35vh;
  margin-top: -5%;
}

.icon-button-2 {
  display: flex;
  margin-right: 15px;
  margin-bottom: 10px;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
  transition: opacity 200ms ease;
  color: #f8f8f8;
  font-size: 0.8rem;
  font-weight: 500;
  text-decoration: none;
}

.icon-button-2:hover {
  opacity: 0.65;
}

.footer-copyright {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  padding: 20px 20px 19px;
  color: #cecece;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.long-button {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #f8f8f8;
}

.grid {
  position: relative;
  z-index: 1;
  display: -ms-grid;
  display: grid;
  max-width: 100vw;
  padding-right: 5em;
  padding-left: 5em;
  justify-content: stretch;
  justify-items: stretch;
  align-items: center;
  align-content: stretch;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: minmax(30vw, 1fr) minmax(50vw, 2fr);
  grid-template-columns: minmax(30vw, 1fr) minmax(50vw, 2fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.line-big {
  width: 75vw;
  height: 1px;
  padding-left: 15em;
  background-color: #e2e2e2;
}

.text-big {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
  font-size: 5.45vw;
  line-height: 1.4;
}

.text-big.is--thin {
  position: static;
  z-index: 1;
  padding-bottom: 20px;
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 2.3em;
  line-height: 1.3;
  font-weight: 900;
}

.text-big.scramble-text {
  padding-top: 0vh;
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 1.5vw;
  font-weight: 300;
}

.color-block {
  position: absolute;
  left: auto;
  top: 75%;
  right: -106%;
  bottom: auto;
  display: none;
  width: 60em;
  height: 60em;
  float: none;
  clear: none;
  border-radius: 50%;
  background-color: #5924ff;
  filter: blur(400px);
}

.grid-item {
  display: block;
  width: 70%;
}

.grid-item.text {
  position: static;
  z-index: 2;
  width: 50%;
  padding-bottom: 0em;
}

.contact-big {
  color: #fff;
  text-decoration: none;
}

.section-footer-spacer {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: flex;
  width: 100%;
  height: 60%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-footer {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 15;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 60%;
  max-width: 100vw;
  padding-top: 200px;
  padding-bottom: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #000;
}

.flex-content {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 30px;
  display: flex;
  width: auto;
  padding-right: 0px;
  justify-content: center;
  align-items: center;
  color: #cecece;
}

.fontawesome-brands {
  display: flex;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding: 5px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background-color: transparent;
  transition: background-color 300ms ease, color 500ms ease;
  font-family: 'Fa brands 400', sans-serif;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}

.fontawesome-brands:hover {
  background-color: #0bfc82;
  color: #000;
}

.fontawesome-brands.last {
  margin-right: 0px;
}

.html-embed {
  display: none;
}

.button_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  font-size: 1.5vw;
  text-decoration: none;
}

.button_component {
  padding: 1.1em 1.2em;
  border-radius: 100vw;
  background-color: #d5fd40;
  color: #171717;
  font-size: 2vw;
  text-decoration: none;
}

.button_component:hover {
  background-color: #c4c4c4;
}

.button_component.menu-button-2 {
  padding: 0.8em 1.2em;
  -ms-grid-row-align: center;
      align-self: center;
  background-color: #27ff45;
  font-size: 2vw;
}

.button_component.menu-button-2:hover {
  background-color: #27ff45;
}

.button_component.menu-button-2 {
  padding: 0.8em 1.2em;
  background-color: #27ff45;
  font-size: 2vw;
}

.button_component.menu-button-2:hover {
  background-color: #27ff45;
}

.span-wrapper {
  position: relative;
  display: inline-block;
}

.button_text {
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.8;
  font-weight: 900;
  text-decoration: none;
  text-transform: capitalize;
}

.home-cta_section {
  display: flex;
  min-height: 100vh;
  padding: 8.1em 0vw 1.6em;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  text-align: center;
}

.text-size-h2 {
  font-size: 6em;
  line-height: 0.9;
  font-weight: 700;
  text-transform: uppercase;
}

.text-size-h2.is-home-intro-1 {
  width: 100%;
  max-width: 7.5em;
  font-family: Monumentextended, Arial, sans-serif;
}

.text-size-h2.is-home-intro-1 {
  width: 100%;
  max-width: 7.5em;
  margin-bottom: 20px;
  padding-left: 0em;
  -ms-grid-row-align: center;
      align-self: center;
  font-size: 3.2rem;
  text-align: center;
  text-transform: lowercase;
  white-space: nowrap;
}

.text-size-h2.is-home-intro-1 {
  width: 100%;
  max-width: 7.5em;
}

.home-cta_card {
  display: flex;
  width: 60%;
  padding: 10% 0% 5% 0vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: auto;
  grid-column-gap: 0.25em;
  grid-row-gap: 0.25em;
  border-radius: 1.88em;
  background-color: #292929;
  text-align: center;
}

.home-cta_card.button {
  padding-top: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  align-items: center;
  border-radius: 0em;
  background-color: transparent;
}

.button_icon {
  width: 1.13em;
  flex: 0 0 auto;
  text-decoration: none;
}

.social-icon-wrap {
  color: #fffbf0;
}

.menu-button-2 {
  padding: 0rem 0rem 0rem 1.5rem;
  flex: 0 auto;
}

.side-menu-text-wrap {
  display: flex;
  overflow: hidden;
  margin: 0.125rem 0rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.button-3 {
  position: relative;
  display: flex;
  width: 300px;
  height: 110px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 0px 15px;
  flex-direction: row;
  justify-content: center;
  background-color: transparent;
  color: transparent;
  font-size: 21px;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
}

.button-3:hover {
  background-color: rgba(253, 226, 81, 0);
}

.body-14 {
  margin-top: 400px;
  padding-bottom: 400px;
  background-color: #000;
}

.modal-contact {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  display: none;
  padding: 0px;
  justify-content: center;
  align-items: center;
  opacity: 1;
}

.modal__body {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  max-width: 100vw;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  border-radius: 10px;
  background-image: linear-gradient(180deg, rgba(20, 20, 20, 0.38), rgba(20, 20, 20, 0.38)), url('../images/220320_ESTELLE_217-Edit.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  opacity: 1;
  text-align: center;
}

.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99999;
  display: flex;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
  transition: opacity 200ms ease;
  cursor: pointer;
}

.modal__close:hover {
  opacity: 1;
}

.close-image {
  position: absolute;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
  color: #fff;
}

.modal__text-wrap {
  width: 100vw;
  height: 100vh;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 400;
  letter-spacing: 0.7px;
}

.html-embed-3 {
  display: block;
  width: 100%;
  margin-top: 5vh;
  padding-bottom: 5vh;
  align-self: flex-start;
}

.heading-14 {
  color: #e9e9e9;
  font-size: 1.7em;
  line-height: 1.2;
  text-align: left;
  letter-spacing: 6px;
  text-transform: none;
}

.div-block-6 {
  display: flex;
  width: 70%;
  height: 100%;
  padding-top: 10vw;
  padding-right: 10vw;
  padding-left: 10vw;
  flex-direction: column;
  justify-content: center;
}

.button-modal {
  margin-top: 50px;
  color: transparent;
}

._6_section-hero__fixed {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.mask {
  position: absolute;
  z-index: 7;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.12;
}

.image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.image.is-one {
  z-index: 6;
  -o-object-position: 50% 61%;
     object-position: 50% 61%;
}

.image.is-two {
  z-index: 5;
}

.image.is-three {
  z-index: 4;
}

.image.is-four {
  z-index: 3;
}

.image.is-five {
  z-index: 2;
}

.image.is-six {
  z-index: 1;
}

.p__left {
  font-size: 2.3vw;
  line-height: 1.2;
  font-weight: 300;
  text-align: left;
}

.hero__wrapper-content {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.categories__content-wrapper {
  display: flex;
  width: 100%;
  height: auto;
  justify-content: space-between;
}

.section-hero__texts {
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: stretch;
}

.section-hero__texts.is-four {
  align-items: flex-end;
}

.section-hero__texts.is-five {
  align-items: flex-end;
}

.section-hero__texts.is-three {
  flex-direction: row;
  align-items: flex-end;
}

.section-hero__texts.is-one {
  display: block;
  justify-content: center;
  align-items: center;
}

.section-hero__texts.is-six {
  align-items: flex-end;
}

.section-hero__texts.is-seven {
  align-items: flex-end;
}

.col {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex: 1;
}

.col.col-lg-4 {
  max-width: 33.333333%;
  padding-right: 5vw;
  flex: 33.333333%;
}

.col.col-lg-7 {
  max-width: 45%;
  padding-left: 5vw;
  flex: 58.333333%;
}

.container-hero__texts {
  width: 100%;
  max-width: 90rem;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.row {
  display: flex;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  flex-wrap: wrap;
  align-content: stretch;
}

.hero__parent-content {
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

._7_section-hero__texts {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
}

.recommandation-container {
  position: static;
  max-width: 100vw;
  margin-top: 50px;
  opacity: 1;
}

.glowing-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 62.5rem;
}

.glowing-wrapper.glowing-wrapper-active {
  border-style: solid;
  border-width: 1px;
  border-color: #5924ff;
}

.glowing-wrapper.glowing-wrapper-active {
  border-style: solid;
  border-width: 1px;
  border-color: #5924ff;
}

.button-text-2 {
  position: relative;
  z-index: 2;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.4), #fff);
  color: transparent;
  font-weight: 400;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cursor {
  display: flex;
  width: 1rem;
  height: 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 1000rem;
  background-color: #f2f2f2;
}

.heading-scroll {
  color: #f2f2f2;
  font-size: 8vw;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.heading-scroll.center {
  text-align: center;
}

.heading-scroll.center._9 {
  font-size: 6vw;
  font-weight: 400;
  letter-spacing: 0em;
}

.heading-scroll.center._9 {
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 3vw;
  line-height: 1;
  font-weight: 300;
  text-transform: none;
  white-space: normal;
}

.heading-scroll.center._9 {
  font-weight: 400;
  letter-spacing: 0.01em;
}

.cursor-wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 99998;
  display: none;
  overflow: visible;
  justify-content: center;
  align-items: center;
}

.glowing-wrapper-borders {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  opacity: 1;
  transform: translate(-50%, -50%);
}

.glowing-wrapper-button {
  position: relative;
  z-index: 1;
  padding: 0.75rem 2rem;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 62.5rem;
  color: #fff;
  font-size: 1.15rem;
  line-height: 1.42;
  letter-spacing: -0.01em;
  text-decoration: none;
}

.glowing-wrapper-borders-masker {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0.06rem;
  border-radius: 62.5rem;
  opacity: 0;
  transition: opacity 1000ms ease;
  line-height: 100%;
}

.styles---glowing-button {
  display: none;
}

.glowing-wrapper-mask-wrapper {
  opacity: 1;
}

.glowing-wrapper-animations {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 1000ms ease;
}

.glowing-wrapper-mask {
  opacity: 1;
}

.glowing-wrapper-glow {
  background-color: #5924ff;
  opacity: 0.12;
  filter: blur(8px);
}

._5_section-3d-text {
  position: relative;
  z-index: 2;
  overflow: visible;
  padding-top: 15vh;
  padding-bottom: 15vh;
  background-color: #000;
}

.container-3d-text {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 5em;
  padding-left: 5em;
}

.container-3d-text.is-flex-center {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 765px;
  color: #fff;
  font-size: 0.7vw;
}

.rotate-text-contain {
  position: relative;
  display: flex;
  padding: 4.5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  perspective: 550px;
  transform: none;
  font-size: 1.3vw;
}

.rotate-text {
  margin-top: 0px;
  margin-bottom: -0.1em;
  transform: rotate(0deg);
  font-size: 7em;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.sticky-slogan {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: flex;
  min-height: 100vh;
  padding-top: 10vh;
  padding-bottom: 10vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.paragraph-slogan-text {
  margin-bottom: 0px;
  padding-bottom: 5vh;
  font-family: Exo, sans-serif;
  font-size: 2.2vw;
  line-height: 1.5;
  text-align: center;
}

.paragraph-slogan-text.bold-span {
  display: inline;
}

.paragraph-slogan-text.bold-span.is-slogan.is-punctuation {
  margin-right: 0.75rem;
}

.text-slogan-wrap {
  position: relative;
  display: flex;
  max-width: none;
  justify-content: center;
  align-items: center;
}

.container-slogan {
  width: 100%;
  max-width: 90rem;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  line-height: 1;
}

.slogan-final-wrap-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: flex;
  padding-bottom: 0vh;
  justify-content: center;
  align-items: center;
}

._4_section-slogan {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 100vh;
  padding-right: 20vw;
  padding-bottom: 5vh;
  padding-left: 20vw;
  background-color: #000;
}

.sticky-circle {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding-top: 6em;
  justify-content: center;
  align-items: flex-start;
}

.sticky-circle_wrap {
  display: flex;
  height: 300vh;
  margin-top: -10vh;
  align-items: flex-start;
}

.container-24 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 2.08em;
}

.container-24.is--header {
  padding-top: 8.78em;
  padding-bottom: 8.78em;
  text-align: center;
}

.sticky-circle_element {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 20vw;
  height: 20vw;
  justify-content: center;
  align-items: center;
  border-radius: 35em;
  font-size: 1vw;
}

._3_section--circle.is--header {
  position: relative;
  z-index: 2;
  background-color: #000;
}

.hero__paragraph {
  color: #e9e9e9;
  mix-blend-mode: normal;
}

.hero__heading {
  color: #fff;
}

.glowing-button.animation-section {
  display: flex;
  min-height: 10vh;
  padding-top: 60px;
  padding-bottom: 60px;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

.glowing-button.animation-section {
  min-height: 10vh;
}

.glowing-button.animation-section {
  display: flex;
  min-height: 10vh;
  padding-top: 60px;
  padding-bottom: 60px;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

.glowing-button.animation-section {
  display: flex;
  min-height: 10vh;
  padding-top: 60px;
  padding-bottom: 60px;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

.sticky-wrapper-scale {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container-iphone-zoom {
  width: 1024px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.container-iphone-zoom.cc-10 {
  position: relative;
  display: flex;
  width: 100vw;
  max-width: 100vw;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: column;
  align-items: center;
}

.sec-10-sticky-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.sec-10-div-3 {
  width: 100%;
  height: 350vh;
  padding-top: 0vh;
}

.section-iphone-zoom.cc-10 {
  position: relative;
  display: none;
  background-color: #000;
}

.iphone-mockup {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 28%;
}

.iphone-mockup.is-second {
  display: block;
  overflow: visible;
  width: 90%;
  margin-top: 0%;
  justify-content: center;
  align-items: center;
}

.iphone-mockup.is-second {
  overflow: visible;
  width: 65%;
  margin-top: 0%;
}

.iphone-mockup.is-second {
  overflow: visible;
  width: 100%;
  margin-top: 0%;
}

.iphone14-screen {
  position: absolute;
  left: 5.1%;
  top: 2.2%;
  z-index: 0;
  overflow: visible;
  width: 90.2%;
  height: 95.8%;
  border-radius: 3%;
  -o-object-fit: cover;
     object-fit: cover;
}

.iphone14-image {
  width: 100%;
  border-radius: 20px;
}

.iphone-shape {
  position: relative;
  z-index: 1;
  width: 100%;
}

.portriat-night__para {
  z-index: 86;
  color: #909094;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
}

.raw__header-wrap {
  margin-top: 130px;
  margin-bottom: 35px;
}

.portrait-night__headline {
  position: relative;
  z-index: 5;
  color: #fff;
  font-size: 50px;
  line-height: 1;
  font-weight: 600;
}

.raw__image-wrap {
  max-width: 100%;
  flex: 0 50%;
}

.raw-image {
  width: 426px;
  height: 863px;
  margin-left: auto;
  background-image: url('../images/apple_proraw__dlh2qsx8d9km_large.jpg');
  background-position: 0px 0px;
  background-size: 426px 863px;
  background-repeat: no-repeat;
}

.container-ios {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0px;
}

.row-2 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.row-2.space-between {
  justify-content: space-between;
}

.for-raw {
  position: static;
  z-index: 4;
  display: none;
  overflow: hidden;
  margin-top: 65px;
}

.raw__content {
  max-width: 41.6%;
  flex: 0 41.6%;
}

.iphone-content {
  width: 247px;
  height: 499px;
  margin-bottom: 20px;
}

.iphone-content.center {
  position: relative;
  overflow: visible;
  width: 370px;
  height: 749px;
}

.iphone-content.center {
  position: relative;
  overflow: visible;
  width: 240px;
  height: 749px;
  align-items: center;
}

.iphone-content.center {
  position: relative;
}

.ios__intro {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 10;
  width: 100vw;
  margin-top: 200px;
  margin-left: 0px;
  text-align: center;
}

.lidar__content-wrapper {
  position: relative;
  display: block;
  margin-left: 0px;
  text-align: center;
}

.container-iphone {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0px;
}

.container-iphone.container__relative {
  display: block;
  max-width: 100vw;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}

.lidar__header {
  font-size: 80px;
  line-height: 0.7;
  font-weight: 600;
}

.lidar__header.lidar__header--white {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Monumentextended, Arial, sans-serif;
  color: #fff;
  font-size: 80px;
}

.lidar__header.lidar__header--white:hover {
  font-size: 10vw;
}

.lidar__header.lidar__header--white {
  color: #fff;
  font-size: 70px;
}

.lidar__header.lidar__header--white.lidar-thin {
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 80px;
  line-height: 0.9;
  font-style: italic;
  font-weight: 300;
}

.lidar__header.lidar__header--white {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  font-size: 10vw;
}

.lidar__header.lidar-white {
  color: #fff;
  line-height: 0.9;
}

.content-2 {
  display: block;
  width: 247px;
  opacity: 0;
}

.glowing-wrapper-glow-2 {
  background-color: #5924ff;
  opacity: 0.12;
  filter: blur(8px);
}

.lets-work-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: 100px;
}

.lets-work-text-stoke {
  min-height: 48px;
  min-width: 48px;
  margin-top: -10px;
  border-radius: 100%;
  background-color: #68ff5b;
}

.lets-work-text-blod {
  flex: 0 0 auto;
  font-family: Monumentextended, Arial, sans-serif;
  color: #68ff5b;
  font-size: 80px;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.award-stoke-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: 30px;
  line-height: 1.2;
}

.lets-work-text-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: 30px;
  line-height: 1;
}

.lets-work-circle {
  min-height: 48px;
  min-width: 48px;
  margin-top: -10px;
  border-radius: 100%;
  background-color: #68ff5b;
}

.lets-work-stoke-text {
  margin-top: -54px;
}

.lets-work-text-blod-stoke {
  flex: 0 0 auto;
  font-family: Monumentextended, Arial, sans-serif;
  color: #68ff5b;
  font-size: 80px;
  line-height: 2.1;
  font-weight: 700;
  letter-spacing: 6px;
  text-transform: uppercase;
}

._9_section-lets-work-together {
  padding: 80px 40px;
}

._9_section-lets-work-together.award {
  position: relative;
  z-index: 1;
  display: none;
  overflow: visible;
  padding: 100px 0px;
}

.body-15 {
  background-color: #000;
}

.copyright-wrapper {
  display: flex;
  padding-left: 20px;
  justify-content: space-between;
  align-items: center;
}

.legal-link-wrapper {
  display: flex;
  align-items: center;
  grid-column-gap: 30px;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
}

.legal-link {
  color: #cecece;
  font-size: 10px;
  line-height: 1.6;
  text-decoration: none;
}

.legal-link:hover {
  color: #68ff5b;
}

.home-photos_origin-wrap {
  position: absolute;
  z-index: 1;
  width: 48%;
}

.home-photos_origin-item-height {
  width: 100%;
  padding-top: 120%;
}

.home-photos_origin-item-height.is-3 {
  padding-top: 117%;
}

.home-photos_origin-item-height.is-5 {
  padding-top: 131%;
}

.home-photos_wrapper {
  height: 300vh;
}

.home-photos_target-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.home-photos_origin-height {
  position: relative;
  width: 100%;
  padding-top: 84%;
}

.home-photos_component {
  display: none;
  background-color: #000;
}

.home-photos_target-item {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1;
  width: 13%;
  height: 39%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.home-photos_target-item.is-5 {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 4;
  width: 21%;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 75%;
}

.home-photos_target-item.is-2 {
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 5;
}

.home-photos_target-item.is-3 {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 2;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 15%;
}

.home-photos_target-item.is-4 {
  z-index: 3;
  width: 42%;
  height: 100%;
  margin-left: 29%;
}

.home-photos_origin-item {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 34%;
  margin-top: 3%;
  margin-left: 0%;
}

.home-photos_origin-item.is-3 {
  width: 57%;
  margin-top: 0%;
  margin-left: 18%;
}

.home-photos_origin-item.is-2 {
  margin-top: 37%;
  margin-left: 27%;
}

.home-photos_origin-item.is-5 {
  width: 36%;
  margin-top: 37%;
  margin-left: 45%;
}

.home-photos_origin-item.is-4 {
  width: 44%;
  margin-top: 16%;
  margin-left: 63%;
}

.home-photos_section-2 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.base {
  position: relative;
  z-index: 2;
  text-decoration: none;
}

.base-heading {
  width: 100%;
  height: 100%;
  font-family: 'Drukcond super', sans-serif;
  color: hsla(0, 0%, 100%, 0.96);
  font-size: 11.75rem;
  line-height: 0.9;
  text-transform: uppercase;
}

.base-heading.stroke {
  z-index: 1;
}

.absolute {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  overflow: hidden;
  align-items: flex-end;
  transform-origin: 50% 100%;
}

.text-stack-effect {
  position: relative;
  height: 200vh;
  padding-bottom: 150vh;
  transform-origin: 50% 0%;
  font-family: 'Drukcond super', sans-serif;
}

.stack-block {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: -0.3125rem;
}

.stack-block._11 {
  padding-top: 21%;
}

.stack-block._7 {
  padding-top: 13%;
}

.stack-block._9 {
  padding-top: 17%;
}

.stack-block._12 {
  padding-top: 23%;
}

.stack-block._4 {
  padding-top: 7%;
}

.stack-block._8 {
  padding-top: 15%;
}

.stack-block._2 {
  padding-top: 3%;
}

.stack-block._1 {
  padding-top: 2%;
}

.stack-block._10 {
  padding-top: 19%;
}

.stack-block._3 {
  padding-top: 5%;
}

.stack-block._6 {
  padding-top: 11%;
}

.stack-block._5 {
  padding-top: 9%;
}

.sticky-wrapper-2 {
  position: -webkit-sticky;
  position: sticky;
  top: 51%;
}

._7_be-remembered-wrapper {
  display: flex;
  width: 100vw;
  max-height: 200vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url('../images/noise1.gif');
  background-position: 50% 50%;
  background-size: auto;
}

.stack-block-wrapper {
  transform: translate(0%, 100%);
}

.stack-text {
  position: absolute;
  width: 100%;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 11.75rem;
  line-height: 0.9;
}

.stack-text.stroke {
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  text-transform: uppercase;
}

.text-stack-wrapper {
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 90vh;
}

.styles {
  display: none;
}

._3_section-its-time {
  position: static;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 80vh;
  margin-top: 100px;
  padding-top: 0vh;
  padding-bottom: 0vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -o-object-fit: fill;
     object-fit: fill;
}

.section-header-wrapper {
  position: relative;
  overflow: hidden;
  width: 100vw;
  margin-bottom: 2rem;
  padding-left: 0rem;
}

.large-header-wrap {
  display: flex;
  padding-top: 3px;
  padding-bottom: 7px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
}

.heading-overflow {
  display: flex;
  padding-top: 0px;
}

.big-split-header {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 6px;
  color: #fcfcfc;
  font-size: 9rem;
  line-height: 0.8;
  font-weight: 900;
  text-transform: uppercase;
}

.big-split-header.outline {
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 7.3rem;
}

.big-split-header.large {
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 14.1rem;
}

.hero-paragrapgh {
  margin-top: 2rem;
  font-family: Monumentextended, Arial, sans-serif;
  color: #fcfcfc;
  font-size: 1.2rem;
  line-height: 1.8;
  font-weight: 300;
  text-align: center;
}

._4_section-typo-effect {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

._4_section-typo-effect.first {
  height: 100vh;
  min-height: auto;
  margin-top: 0px;
  padding-bottom: 0vh;
}

.container-typo-effect {
  width: 100%;
  max-width: 90rem;
  margin-right: auto;
  margin-left: auto;
}

.content-typo-effect {
  width: 100%;
  max-width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.heading-17 {
  color: #cecece;
  font-size: 33px;
  font-style: normal;
  font-weight: 300;
  text-align: left;
  letter-spacing: -1px;
}

.text-span-15 {
  font-style: italic;
  font-weight: 500;
}

.italic-text-2 {
  font-weight: 500;
}

.italic-text-3 {
  font-weight: 500;
}

.italic-text-4 {
  font-weight: 500;
}

.italic-text-5 {
  font-weight: 800;
}

.container-photog {
  width: 100%;
  max-width: 100em;
  margin-right: auto;
  margin-left: auto;
  padding: 5em 6em;
}

.container-photog.is-hero {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 3;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  text-align: center;
}

.container-photog.is-hero {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 3;
  display: none;
  padding-top: 27vh;
  padding-bottom: 19vh;
  background-color: #fff;
  text-align: center;
}

.hero_content {
  max-width: 100%;
}

.hero_sub {
  margin-bottom: 0.6em;
  font-size: 2.2em;
  line-height: 1;
  font-weight: 400;
}

.hero_p-wrap {
  width: 26rem;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1.5rem;
}

._5_photographer-section {
  overflow: visible;
  font-size: 2vw;
}

.section3_img {
  overflow: visible;
  width: 100%;
  margin-top: 1.1rem;
}

.photos_wrap {
  width: 200vw;
  height: 100%;
  margin-right: -100vw;
  background-color: #000;
}

.thanks_img {
  position: absolute;
  width: 11em;
}

.thanks_img.is-1 {
  width: 15em;
  margin-top: -20.3em;
  margin-left: -46.5em;
  transform: rotate(14deg);
}

.thanks_img.is-3 {
  width: 15em;
  margin-top: -22.3em;
  margin-left: 59em;
  transform: rotate(-7deg);
}

.thanks_img.is-2 {
  width: 15em;
  margin-top: 18.9em;
  margin-left: 4.5em;
  transform: rotate(-1deg);
}

.note_contain {
  position: absolute;
  display: block;
  width: 25vw;
  max-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.section3_contain {
  width: 25vw;
  padding: 2.4em;
}

.horizontal_track {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: flex-start;
  align-items: stretch;
  flex: 0 0 auto;
}

.thanks_contain {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100vw;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.thanks_contain.is-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  background-color: #000;
  color: #fff;
}

.thanks_img-height {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 120%;
}

.horizontal_parent {
  position: relative;
  z-index: 2;
}

.note_photo-height {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-image: url('../images/220324_CONCERTBAPTISTE_13.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-img_panel {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: flex-start;
  align-items: center;
}

.hero-img_wrap {
  position: relative;
  z-index: 1;
  display: block;
  width: 200vw;
  height: 100vh;
  flex: 0 0 auto;
}

.thanks_photo {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  transform: scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-img_photo {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  width: 100%;
  height: 100%;
  background-image: url('../images/20221005_KICKOFF_152.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.overflow-hidden {
  position: relative;
  overflow: hidden;
  width: 100%;
  font-size: 1vw;
}

.horizontal_hero {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  background-color: #dfdfdf;
}

.horizontal_wrap {
  position: relative;
  z-index: 1;
  overflow: visible;
  height: 600vw;
}

.section3 {
  position: relative;
  z-index: 4;
  display: flex;
  height: 100vh;
  margin-top: -100vh;
  justify-content: flex-end;
  align-items: flex-end;
}

.photos_img2 {
  width: 46vw;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.note_photo {
  width: 100%;
  margin-bottom: 2em;
}

.photos_img1 {
  width: 29vw;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.thanks_panel {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100vw;
  height: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #fff;
  transform: translate(0%, 0px);
}

.photos_panel {
  display: flex;
  width: 100vw;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
}

.thanks_wrap {
  position: relative;
  z-index: 3;
  display: block;
  width: 200vw;
  height: 100vh;
  flex: 0 0 auto;
}

.horizontal_sticky {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: flex-start;
  align-items: stretch;
  background-color: #fff;
}

.thanks_text {
  position: absolute;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  color: #000;
  font-size: 22em;
  line-height: 0.9;
  font-weight: 400;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.thanks_text._2 {
  color: #fff;
}

.section3_heading {
  margin-bottom: 0.5em;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 700;
}

.note_panel {
  position: relative;
  z-index: 2;
  display: block;
  width: 50vw;
  margin-left: -75vw;
  justify-content: center;
  align-items: center;
}

.container-full {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  align-items: center;
}

.container-full.service {
  display: flex;
  padding-top: 5em;
  padding-bottom: 1em;
  justify-content: space-between;
}

.service-parent {
  position: relative;
  display: flex;
  padding-bottom: 5em;
  justify-content: space-between;
  align-items: center;
}

.border-line-bottom {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 0.5px;
  background-color: #faf9f6;
}

._7_section-benefits.service-section {
  padding-top: 0em;
  padding-right: 2em;
  padding-left: 2em;
}

.caption-text {
  color: #faf9f6;
  font-size: 1rem;
  line-height: 1.25;
  text-transform: lowercase;
}

.asterix {
  color: #faf9f6;
  font-size: 1.875rem;
  line-height: 0.2;
}

.asterix.margin-right-xtrasmall {
  margin-right: 0.5em;
  font-family: 'DM Sans', sans-serif;
}

.container-tiny {
  width: 20%;
  margin-right: auto;
  margin-left: auto;
}

.container-tiny.small-text {
  position: absolute;
  left: auto;
  top: auto;
  right: -8%;
  bottom: 30%;
  display: flex;
  width: 25%;
  justify-content: center;
  align-items: center;
}

.span-text {
  display: inline-block;
}

.span-text.p-1 {
  font-family: Exo, sans-serif;
  font-size: 2vw;
}

.service-wrapper {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  grid-column-gap: 1em;
  grid-row-gap: 2em;
}

.container-medium {
  position: relative;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.div-hide {
  position: relative;
  overflow: hidden;
  padding-right: 20px;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  font-size: 0.7vw;
  -o-object-fit: fill;
     object-fit: fill;
}

.paragraph {
  font-family: 'Zeppelin 43', Arial, sans-serif;
}

.paragraph-2 {
  color: #cecece;
}

.heading-18 {
  font-family: Monumentextended, Arial, sans-serif;
  font-weight: 900;
}

.small-text-container {
  width: 200px;
  margin-left: 0em;
}

.cta-container {
  position: relative;
  display: flex;
  width: 70%;
  height: 100%;
  margin-top: 4em;
  padding-top: 5em;
  padding-bottom: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.h1---style {
  font-family: 'Apoc sans trial', sans-serif;
  color: #faf9f6;
  font-size: 8em;
  font-weight: 400;
  text-transform: uppercase;
}

._6_section-spotlight.cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.neue-haas-medium {
  font-family: 'Zeppelin 43', Arial, sans-serif;
}

.neue-haas-medium.a {
  font-style: italic;
  font-weight: 400;
}

.cursor-dot {
  position: relative;
  display: flex;
  width: 1.5vw;
  height: 1.5vw;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100em;
  background-color: #fff;
}

.cursor-parent {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 999;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  mix-blend-mode: exclusion;
}

.cursor-child {
  position: relative;
}

._0_global {
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
}

.infinite-marquee {
  display: flex;
  width: 200%;
  height: 32px;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-content: flex-start;
}

._1 {
  display: flex;
  width: 50%;
  height: 100%;
  justify-content: space-around;
  align-items: stretch;
  align-self: auto;
  flex: 0 auto;
}

.container-27 {
  display: flex;
  margin-right: 10px;
  margin-left: 10px;
}

.smiley-face {
  display: flex;
  height: 32px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 auto;
  color: #fff;
  font-size: 24px;
  line-height: 100%;
  font-weight: 300;
}

._1-copy {
  display: flex;
  width: 50%;
  height: 100%;
  margin-left: 0px;
  justify-content: space-around;
  align-items: stretch;
  align-self: auto;
  flex: 0 auto;
}

.infinite-line-2 {
  position: absolute;
  bottom: 10px;
  z-index: 100;
  display: none;
  overflow: hidden;
  width: 100vw;
  height: 32px;
  background-color: #000;
}

.paragraph-4 {
  display: flex;
  height: 32px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 auto;
  color: #fff;
  font-size: 12px;
  line-height: 100%;
  font-weight: 400;
}

.body-18 {
  display: block;
  background-color: #000;
}

._1_section-scrollable_bg {
  position: static;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #0a0a0a;
}

.rotated-type-background-2 {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: rotate(-30deg);
}

.heading-19 {
  color: #fff;
}

.paragraph-5 {
  color: #cecece;
}

.new-gif-big {
  max-width: 137px;
  border-radius: 10px;
  -o-object-fit: fill;
     object-fit: fill;
}

.new-italic {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 68px;
  line-height: 1;
  font-style: italic;
  font-weight: 400;
  text-align: right;
  letter-spacing: -2px;
}

.new-italic.h {
  color: #fff;
  line-height: 0.7;
}

.grid-box {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.ab-text {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}

.titels-and-gifs-box {
  display: flex;
  grid-column-gap: 10px;
}

.hero-paragraph {
  display: block;
  max-width: 500px;
  justify-content: flex-end;
  font-size: 20px;
  line-height: 26px;
  text-align: left;
}

.new-container {
  display: -ms-grid;
  display: grid;
  max-width: 1920px;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 0.25fr 0.25fr 0.25fr 20px 1fr;
  grid-template-rows: 0.25fr 0.25fr 0.25fr 20px 1fr;
  cursor: none;
}

.grid-box-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.grid-box-flute {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  grid-column-gap: 10px;
}

.new-giff {
  max-width: 120px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

.new-giff.max-h {
  width: 120px;
  height: 68px;
}

.new-hero {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  max-width: 100vw;
  padding: 300px 25vw 60px;
  align-items: center;
}

.new-san {
  font-size: 109px;
  line-height: 1;
}

.new-san.small {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 83px;
  line-height: 0.8;
  text-align: right;
}

.new-san.small.purple {
  color: #5924ff;
  font-size: 63px;
}

.new-san.big {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 81px;
  line-height: 0.8;
}

.new-san.big {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 81px;
  line-height: 0.8;
}

.new-san.small {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 83px;
  line-height: 0.8;
  text-align: right;
}

.new-san.small.purple {
  color: #5924ff;
  font-size: 63px;
}

._3_section-ig {
  position: relative;
  overflow: hidden;
  width: 100%;
  float: none;
  background-color: #000;
  -o-object-fit: fill;
     object-fit: fill;
}

.container-29 {
  max-width: 60%;
  margin-top: 20px;
  padding-top: 20px;
  background-color: #000;
}

.fon {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: none;
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
  background-color: transparent;
}

.grain {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
}

._6_section-projects {
  position: relative;
  width: 100%;
  padding-top: 6.25em;
  padding-right: 6.25em;
  padding-left: 6.25em;
}

._6_section-projects.projects {
  z-index: 5;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
  min-height: auto;
  padding-bottom: 0em;
  flex-direction: column;
  flex: 0 0 auto;
}

.project-cat {
  display: flex;
  overflow: hidden;
  width: auto;
  flex-direction: column;
  align-items: stretch;
}

.project-item-cms {
  display: flex;
  width: 100%;
  height: auto;
  min-height: auto;
  margin-right: 0vw;
  margin-bottom: 12em;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
}

.hidden-scroll {
  position: absolute;
  left: 0%;
  top: auto;
  right: 19px;
  bottom: 0%;
  overflow: hidden;
  height: 19px;
  border-style: none;
  border-width: 1px;
  border-color: #e20404;
}

.hidden-scroll.r {
  left: auto;
  top: 19px;
  right: 0px;
  display: flex;
  width: 19px;
  height: auto;
  justify-content: flex-end;
  align-items: flex-end;
}

.hidden-scroll.top {
  left: 19px;
  top: 0px;
  right: 0px;
  bottom: auto;
  height: 19px;
}

.hidden-scroll.l {
  top: 0px;
  bottom: 19px;
  display: flex;
  overflow: hidden;
  width: 19px;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.scrollerprojet {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: flex;
  overflow: hidden;
  height: 19px;
  align-items: flex-start;
  border-style: none;
  border-width: 1px;
  border-color: #fff;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.scrollerprojet.top {
  height: auto;
  justify-content: flex-end;
  align-items: flex-start;
}

.scrollerprojet.l {
  position: absolute;
  left: auto;
  top: -40px;
  right: 0%;
  bottom: auto;
  display: flex;
  overflow: visible;
  justify-content: flex-end;
  align-items: flex-end;
  flex: 0 0 auto;
  transform: rotate(-90deg);
  transform-origin: 100% 100%;
}

.scrollerprojet.r {
  position: relative;
  left: 0px;
  top: auto;
  right: auto;
  bottom: -40px;
  display: flex;
  overflow: visible;
  height: auto;
  justify-content: flex-end;
  align-items: flex-end;
  flex: 0 0 auto;
  transform: rotate(90deg);
  transform-origin: 100% 0%;
}

.scroller-in {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 0 0 auto;
}

.scroller-text {
  margin-right: 10px;
  flex: 0 0 auto;
  color: #4a4a4a;
  font-size: 14px;
  line-height: 19px;
}

.div-block-16 {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 60%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.image-8 {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 27%;
     object-position: 50% 27%;
}

.link-block-3 {
  position: relative;
  display: flex;
  width: 60vw;
  padding: 25px;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
}

.head-project {
  position: absolute;
  width: 100%;
  padding-right: 80px;
  padding-left: 80px;
  color: #fff;
  font-size: 2.5em;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.cursor-2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 99999;
  display: none;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
  background-color: transparent;
  transition: height 300ms ease, width 300ms ease, background-color 200ms ease;
}

.go-cursor {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  opacity: 0;
  transform: scale(0);
}

.go-bg {
  position: absolute;
  z-index: 1;
  width: 70px;
  height: 70px;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #fff;
}

.text-block {
  position: relative;
  z-index: 2;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}

.text-block-14 {
  font-family: 'Zeppelin 43', Arial, sans-serif;
}

.spacing-div {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 660vh;
  justify-content: center;
  align-items: flex-end;
}

.spacing-div.sticky {
  left: 0px;
  top: 0px;
  right: 0px;
}

.sticky-element {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 550px;
  padding-bottom: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sticky-code {
  display: block;
}

.grain-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: none;
  background-image: url('../images/noise.gif');
  background-position: 50% 50%;
  background-size: auto;
  opacity: 0.04;
}

.image-hero {
  position: relative;
  z-index: -1;
}

.image-hero.position {
  width: 27vw;
  height: 65vh;
  margin-right: 7vh;
  margin-left: -5vh;
}

._5_section-gif {
  position: relative;
}

._5_section-gif.hero-center {
  display: block;
  height: 100vh;
  padding-top: 16vh;
  font-size: 0.5vw;
}

._5_section-gif.hero-center {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  max-width: 100vw;
  margin-bottom: 5vh;
  padding-top: 35vh;
}

.heading-small {
  font-size: 11em;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.055em;
}

.heading-serif-medium {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'PT Serif', serif;
  font-size: 5.4em;
  line-height: 0.8;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.06em;
}

.heading-serif-medium.text-color-orange {
  font-size: 8em;
  line-height: 1;
}

.heading-serif-medium.text-color-orange {
  font-family: Exo, sans-serif;
  font-size: 10em;
  font-weight: 100;
}

.cover-image {
  display: block;
  overflow: visible;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-grid {
  position: static;
  overflow: visible;
  width: 100%;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  background-color: transparent;
}

.container-31 {
  max-width: 1680px;
  padding-right: 60px;
  padding-left: 60px;
}

.container-31.flex-hero {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.track {
  position: relative;
  height: 173vh;
}

.center-wrapper.nooverflow {
  overflow: hidden;
}

.heading-xlarger {
  font-size: 23em;
  line-height: 0.75;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.heading-xlarger.rotate {
  transform: translate(0px, 70px) rotate(5deg);
}

._8_section-perso {
  position: relative;
  overflow: hidden;
  width: 100vw;
  max-width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
}

._8_section-perso.no-padding {
  overflow: hidden;
  width: 100%;
  margin-top: 25vh;
  padding-top: 0px;
  padding-bottom: 0px;
}

.container-32 {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  color: #fff;
}

.heading {
  font-family: 'Zeppelin 43', Arial, sans-serif;
  color: #fff;
  font-size: 6vw;
  line-height: 57px;
  font-weight: 400;
}

.grey {
  color: rgba(255, 255, 255, 0.81);
  font-weight: 300;
}

.person-profession {
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
}

.person {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 100vh;
  margin-top: 0%;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/220211_ESTELLE_096_FULL.jpg');
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.person-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  overflow: hidden;
  width: 70vw;
  height: 100vh;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.person-name {
  position: absolute;
  left: 15%;
  top: 40%;
  right: auto;
  bottom: 0%;
  display: none;
  color: #1f1f1f;
  font-size: 17px;
  line-height: 22px;
  font-weight: 500;
}

.person-name-text {
  display: inline-block;
  color: #1f1f1f;
  font-size: 17px;
  line-height: 22px;
  font-weight: 500;
}

.grey-box {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin-right: auto;
  margin-left: auto;
}

.quote {
  margin-top: 35%;
}

.paragraph-7 {
  font-size: 35px;
  line-height: 1.16em;
  font-weight: 600;
  letter-spacing: -1px;
}

.paragraph-7.centered {
  font-weight: 500;
  text-align: center;
}

.paragraph-7.centered.white {
  display: none;
  color: #fff;
}

.h1.centered {
  text-align: center;
}

.h1.centered.white {
  color: hsla(0, 0%, 100%, 0.85);
  font-style: italic;
  font-weight: 400;
}

.zoom-div {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100%;
  background-image: url('../images/20211024-CHA-031.jpg');
  background-position: 50% 50%;
  background-size: 1000px;
  background-repeat: no-repeat;
  transform: scale(1.8);
}

.zoomed-mac {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  align-items: flex-start;
  transform: none;
}

.sticky-container {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  bottom: 220px;
  width: 980px;
  margin-right: auto;
  margin-left: auto;
}

.sticky-container._2 {
  top: 0px;
  width: auto;
  height: 65vh;
}

.sticky-wrapper-3 {
  position: relative;
  width: 980px;
  height: 250vh;
  margin-right: auto;
  margin-left: auto;
}

.sticky-wrapper-3._2 {
  width: 100vw;
  height: 400vh;
}

.image-row-wrapper {
  display: flex;
  margin-top: 1.3em;
  margin-bottom: 1.3em;
  flex: 0 0 auto;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.parent-container {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  justify-content: center;
}

.intro-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-container {
  overflow: hidden;
  width: 100%;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  justify-content: center;
  flex-wrap: nowrap;
  flex: 0 auto;
}

._7_section-personal {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  max-width: 100vw;
  justify-content: center;
  align-items: center;
}

.image-wrapper-inner {
  position: absolute;
  z-index: -1;
  display: flex;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 0 auto;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  opacity: 0.71;
  transform: rotate(15deg);
}

.single-bg-image-long {
  width: 22.5em;
  height: 12.5em;
  margin-right: 1em;
  margin-left: 1em;
  background-image: url('../images/children-nature-happy.jpeg');
  background-position: 50% 50%;
  background-size: cover;
}

.single-bg-image-long._10 {
  background-image: url('../images/21.10.08_CAMILLE_TOITS-28.jpg');
}

.single-bg-image-long._20 {
  background-image: url('../images/21.08.17_SARAIS-22.jpg');
}

.single-bg-image-long._5 {
  background-image: url('../images/20211208_MANON-8.jpg');
}

.single-bg-image-long._2 {
  width: 22.5em;
  background-image: url('../images/DSC00209.jpg');
  background-position: 50% 29%;
}

.single-bg-image-long._12 {
  background-image: url('../images/20211024-CHA-031.jpg');
}

.single-bg-image-long._7 {
  background-image: url('../images/DSC09038.jpg');
}

.single-bg-image-long._15 {
  background-image: url('../images/220211_ESTELLE_096_FULL.jpg');
}

.single-bg-image-long._17 {
  background-image: url('../images/220211_ESTELLE_122_FULL.jpg');
}

.logo-link {
  margin-top: 3em;
}

.single-bg-image {
  width: 12.5em;
  height: 12.5em;
  margin-right: 1em;
  margin-left: 1em;
  background-image: url('../images/mike-dorner-sf_1ZDA1YFw-unsplash.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.single-bg-image._11 {
  background-image: url('../images/20211116-TRISTAN-33.jpg');
}

.single-bg-image._19 {
  background-image: url('../images/21.11.05_ADELE-41.jpg');
}

.single-bg-image._1 {
  background-image: url('../images/220215_TEA_058.jpg');
}

.single-bg-image._6 {
  background-image: url('../images/DSC03668.jpg');
}

.single-bg-image._14 {
  background-image: url('../images/21.08.17_SARAIS-1.jpg');
}

.single-bg-image._9 {
  background-image: url('../images/220320_ESTELLE_006.jpg');
}

.single-bg-image._3 {
  background-image: url('../images/20210810_SHAEVEN-133.jpg');
}

.single-bg-image._18 {
  background-image: url('../images/DSC00196.jpg');
}

.single-bg-image._13 {
  background-image: url('../images/DSC05952.jpg');
}

.single-bg-image._16 {
  background-image: url('../images/DSC03307.jpg');
}

.single-bg-image._8 {
  background-image: url('../images/DSC04042.jpg');
}

.single-bg-image._4 {
  background-image: url('../images/DSC02785_1.jpg');
}

.loop-container {
  display: flex;
  padding-bottom: 0px;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex: 0 auto;
}

.child-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.main-heading {
  margin-top: 0px;
  margin-bottom: 0.5em;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  color: #fff;
  font-size: 3.6em;
  line-height: 1;
  letter-spacing: -1.33px;
  text-transform: uppercase;
}

.typed-js_component.typedjs-simple {
  font-family: Orbitron, sans-serif;
  font-size: 4vw;
}

.typedjs-simple {
  display: inline;
}

.typedjs-no-cursor {
  height: 1.5rem;
}

.typedjs-no-cursor.heading-small {
  display: block;
  overflow: visible;
  padding-top: 15vh;
  font-size: 4vw;
  font-weight: 700;
}

.scene---sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.scene---trigger {
  height: 500vh;
}

._9_section-portfolio-perso {
  overflow: visible;
  width: 100%;
  max-width: 100vw;
}

.img---size {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 100%;
  height: 100%;
  transform: translate(-50%, 0px);
}

.scene---extra {
  height: 100vh;
}

.img---move {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.portfolio {
  display: flex;
}

.img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.img---wrap {
  position: relative;
  overflow: hidden;
  padding-top: 150%;
}

.portfolio---wrap {
  transform: translate(-12.5vw, 0px);
}

.portfolio---item {
  width: 25vw;
  padding-right: 1.25vw;
  padding-left: 1.25vw;
}

.section-17 {
  display: flex;
  overflow: hidden;
  height: 100vh;
  padding-left: 50%;
  align-items: center;
}

.text-span-17 {
  font-size: 5vw;
  line-height: 1;
}

.c-faq-item {
  margin-bottom: 20px;
  padding: 20px;
  border-left: 3px none #2ea07c;
  border-radius: 20px;
  background-color: #1a1a1a;
  font-size: 1.2em;
  line-height: 1.6em;
  cursor: pointer;
}

.text-filed {
  height: 1.093em;
  margin-bottom: 0px;
  padding: 0px;
  border: 1px none #000;
  background-color: transparent;
  color: #fff;
  font-size: 4em;
  line-height: 1;
  font-weight: 500;
  text-transform: capitalize;
}

.text-filed::-moz-placeholder {
  color: #ff0e0e;
}

.text-filed::-ms-input-placeholder {
  color: #ff0e0e;
}

.text-filed::placeholder {
  color: #ff0e0e;
}

.release-small {
  position: relative;
  overflow: hidden;
  max-height: 15.938em;
  max-width: 15.938em;
}

.release-big {
  position: relative;
  overflow: hidden;
  max-height: 39.813em;
}

.div-block-17 {
  display: flex;
  padding-right: 20vw;
  padding-left: 20vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.heading-21 {
  position: relative;
  z-index: 10;
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 310%;
  line-height: 100px;
  font-weight: 700;
}

.heading-21.digital-text {
  font-weight: 400;
}

.heading-21.digital-text.z-index {
  z-index: -1;
  font-size: 310%;
  font-style: italic;
  letter-spacing: normal;
}

.center {
  display: flex;
  overflow: hidden;
}

.heading-22 {
  margin-bottom: 60px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.example-link:hover {
  color: #bb8d8d;
}

.project-img-div {
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 1867.0001220703125px;
  margin-top: 0px;
  justify-content: center;
  align-items: center;
  cursor: none;
}

.branks-title-link:hover {
  color: #bb8d8d;
}

.heading-23 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.div-block-9 {
  margin-top: 140px;
  margin-bottom: 140px;
  font-weight: 300;
}

.container-33 {
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 25vh;
  padding-left: 25vh;
  color: #141414;
  text-align: center;
}

.section-catch {
  width: 100%;
  background-color: transparent;
}

.div-block-18 {
  width: 100%;
  max-width: 650px;
}

.div-block-4 {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.hero-section-2 {
  position: relative;
  z-index: 1;
  margin-top: 60px;
  padding-top: 70px;
  padding-bottom: 160px;
  background-image: url('../images/220225_OCEANE_450_BW.jpg');
  background-position: 50% 50%;
  background-size: auto 65%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.home-about-section {
  padding-top: 140px;
  padding-bottom: 0px;
}

.section-text {
  position: relative;
  padding: 40px 20px;
  background-color: #e8e2da;
}

.slide-item {
  position: relative;
  width: 100%;
}

.hero-body {
  color: #fff;
  text-align: center;
}

.heading-4 {
  position: relative;
  margin-top: -30px;
  font-size: 8vw;
  line-height: 200px;
}

.mobile-image {
  display: none;
}

.menu__nav-link {
  position: relative;
  display: flex;
  overflow: hidden;
  padding-top: 22px;
  padding-right: 48px;
  padding-left: 48px;
  align-items: center;
  color: #131212;
  font-size: 68px;
  line-height: 130%;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize;
}

.popular-slider-item {
  overflow: hidden;
  margin-right: 50px;
}

.menu__img-anim {
  position: relative;
  overflow: hidden;
}

.header {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 90;
  overflow: hidden;
  width: 90px;
  height: 100%;
  padding-top: 42px;
  padding-bottom: 24px;
  background-color: #f8e6dd;
}

.header__humb {
  position: relative;
  z-index: 0;
  display: flex;
  width: 28px;
  height: 19px;
  flex-direction: column;
  justify-content: space-between;
}

.insta-single-item {
  position: relative;
  margin-right: 15px;
  transition: all 300ms ease;
}

.category-lottie-animation {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.popular-arrow {
  left: auto;
  top: 35%;
  right: 22%;
  bottom: auto;
  display: flex;
  width: 100px;
  height: 100px;
  padding: 0px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: #ffa372;
}

.stylish-dress-thumbnail-wrap {
  overflow: hidden;
}

.intro-wrapper {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 520px;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center;
}

.intro {
  display: block;
  margin-bottom: 0px;
  color: #000;
  font-size: 1.8vw;
  line-height: 1.5;
  text-align: center;
}

.title {
  position: static;
  margin: 0px auto;
  flex: 1;
  color: #a593dd;
  font-size: 9.1em;
  line-height: 2.1em;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.title.mobile {
  display: none;
}

.title-section {
  display: flex;
  overflow: hidden;
  height: 100vh;
  padding-top: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
  transform: translate(0px, 0px);
  font-size: 1vw;
}

.div-block {
  height: 1px;
}

.bg-pink {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -100;
  display: block;
  overflow: visible;
  width: 100vw;
  background-color: #191917;
  opacity: 0;
}

.title-wrapper-2 {
  position: absolute;
  z-index: -1;
  display: flex;
  overflow: visible;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.my-container-2 {
  position: static;
  display: block;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 60px 60px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.image-10 {
  position: static;
  width: 100vw;
  height: 100vh;
}

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

.header_images-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 1;
}

.header_images-wrapper.images-wrapper-right {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
}

.header_component {
  position: relative;
  height: 300vh;
}

.margin-top {
  margin-right: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
}

.margin-top.margin-medium {
  margin-right: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
}

.header_content-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  overflow: hidden;
  height: 100vh;
}

.text-size-medium-2 {
  display: none;
  font-size: 1.25rem;
}

.margin-bottom-2 {
  margin-top: 0rem;
  margin-right: 0rem;
  margin-left: 0rem;
}

.margin-bottom-2.margin-large {
  margin-bottom: 3rem;
}

.header_image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 120%;
}

.header_image-wrapper.is-image-5 {
  width: 20vw;
  opacity: 0.75;
}

.header_image-wrapper.is-image-6 {
  right: 54vw;
  width: 18vw;
  margin-top: -44vw;
  opacity: 0.75;
}

.header_image-wrapper.is-image-4 {
  left: 64vw;
  width: 18vw;
  margin-top: -45vw;
}

.header_image-wrapper.is-image-2 {
  left: 58vw;
  width: 22vw;
  margin-top: -46vw;
}

.header_image-wrapper.is-image-1 {
  width: 22vw;
}

.header_image-wrapper.is-image-3 {
  left: 4vw;
  width: 20vw;
  margin-top: -5vw;
}

.header_ix-trigger {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  margin-top: 100vh;
}

.header_content {
  position: relative;
  display: flex;
  height: 100%;
  max-width: 48rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 7rem;
  padding-bottom: 7rem;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.01em;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.max-width-medium.align-center {
  display: block;
}

.padding-global {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.header80_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.header_image-list {
  z-index: 1;
  display: flex;
  padding-top: 70vh;
  flex-direction: column;
  grid-row-gap: 26vw;
}

._8_section-stories-portfoloi {
  position: relative;
  padding-bottom: 10vh;
  background-color: #000;
  line-height: 2;
}

.container-35 {
  width: 100%;
  max-width: 90rem;
  margin-right: auto;
  margin-left: auto;
}

.content-3 {
  width: 100%;
  max-width: 56.25rem;
  margin-right: auto;
  margin-left: auto;
}

._01-section-unforgettable {
  display: block;
  overflow: hidden;
  max-height: none;
  max-width: none;
  min-height: auto;
  margin: 0px 0px 100px;
  padding-top: 0px;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  background-color: #e8e2da;
}

.heading-27 {
  max-width: 1135px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  padding-top: 25vh;
  padding-bottom: 20vh;
  color: rgba(26, 26, 26, 0.91);
  font-size: 5vw;
  line-height: 74px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.div-block-20 {
  display: -ms-grid;
  display: grid;
  padding-right: 5em;
  padding-left: 5em;
  -ms-grid-row-align: center;
      align-self: center;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  -ms-grid-columns: 25vw 25vw 25vw;
  grid-template-columns: 25vw 25vw 25vw;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.modal-jiggly {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 999;
  display: none;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.modal-bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.modal-container {
  position: absolute;
  width: 100%;
  max-width: 35rem;
  padding: 0.5rem 2rem 1rem;
  border-radius: 20px;
  background-color: #000;
}

.close-link {
  position: absolute;
  left: auto;
  top: 0rem;
  right: 1rem;
  bottom: auto;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.close-text {
  transform: rotate(45deg);
  font-size: 4rem;
}

.heading-30 {
  position: relative;
  z-index: 99;
  margin-bottom: -20px;
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
}

.text-span-20 {
  font-weight: 300;
}

.bold-text-3 {
  font-style: italic;
  font-weight: 300;
}

.bold-text-3.thin-italic {
  font-weight: 300;
}

.thin-italic {
  font-style: italic;
  font-weight: 900;
}

.bold-text-5 {
  font-weight: 300;
}

.bold-text-8 {
  font-weight: 400;
}

.bold-text-8.df {
  font-weight: 800;
}

.bold-text-8.sdf {
  font-style: italic;
  font-weight: 900;
}

.bold-text-8.dsff {
  font-style: italic;
}

.bold-text-8.dfdf {
  font-weight: 200;
}

.bold-text-8.bold {
  color: #000;
  font-weight: 800;
}

.bold-text-8.kdfj {
  font-weight: 800;
}

.text-span-21 {
  font-style: italic;
}

.text-span-22 {
  font-weight: 500;
}

.text-span-23 {
  font-weight: 800;
}

.dfdf {
  font-style: italic;
}

.body-20 {
  background-color: #e8e2da;
}

.icon {
  margin-top: 60px;
}

.icon-2 {
  margin-top: 60px;
}

.italic-text-6 {
  font-style: normal;
}

.img-span_img-wrap {
  position: relative;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-span_reveal {
  position: absolute;
  left: -3%;
  top: -3%;
  right: -3%;
  bottom: -3%;
  z-index: 2;
  display: flex;
  width: 106%;
  height: 106%;
  background-color: #fff;
  transform: scale3d(1, 0, 1);
  transform-origin: 50% 0%;
  transform-style: preserve-3d;
}

.img-span_img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 400px;
  max-width: 250px;
  min-height: 100px;
  min-width: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-span_img-outer {
  position: absolute;
  z-index: -1;
}

.img-span_text {
  font-family: 'Apoc revelations trial dark', sans-serif;
  font-weight: 700;
}

.divv {
  padding-right: 5em;
  padding-left: 5em;
}

.bolder-text {
  font-style: normal;
  text-transform: uppercase;
}

.bold-text-9 {
  color: #fff;
}

.tab-title {
  margin-right: 12px;
  margin-left: 12px;
  padding-right: 0px;
  padding-bottom: 4px;
  padding-left: 0px;
  border-bottom: 1px solid transparent;
  background-color: transparent;
  transition: all 400ms ease-in-out;
  color: #bfc5c9;
  font-size: 14px;
}

.tab-title.w--current {
  border-style: none none solid;
  border-width: 0px 0px 1px 1px;
  border-color: #bfc5c9;
  background-color: transparent;
}

.tab-title.first {
  margin-left: 0px;
  padding-left: 0px;
}

.tab-title.first.w--current {
  text-decoration: none;
}

.columns {
  margin-top: -72px;
}

.size-text {
  display: inline-block;
  margin-right: 20px;
  color: #bfc5c9;
  font-size: 14px;
}

.wishlist {
  margin-left: 8px;
  padding: 12px 32px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 12px -2px rgba(93, 103, 116, 0.2);
  transition: all 400ms ease-in-out;
  font-family: Oswald, sans-serif;
  color: #000;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.wishlist:hover {
  transform: translate(0px, -2px);
}

.column-product-photo {
  height: 100vh;
  padding-right: 0px;
  padding-left: 0px;
}

.logo {
  display: inline-block;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.shipping-text {
  display: inline-block;
  margin-left: 12px;
  font-size: 12px;
  font-weight: 700;
}

.price {
  margin-top: 8px;
  margin-bottom: 40px;
  font-family: Oswald, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cart {
  padding: 24px 20px;
  transition: opacity 200ms ease-in-out;
}

.cart:hover {
  opacity: 0.5;
}

.nav-links {
  display: inline-block;
  margin-left: 10px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.nav-links.join {
  margin-left: 0px;
  font-weight: 400;
}

.product-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  flex: 1;
}

.extra-info-mobile {
  display: none;
}

.size-button {
  min-width: 52px;
  margin-right: 8px;
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #bfc5c9;
  border-radius: 2px;
  background-color: transparent;
  color: #000;
  font-size: 12px;
  text-align: center;
}

.size-button.active {
  border-color: #000;
}

.nav-menu-2 {
  order: -1;
}

.logo-holder {
  padding-left: 0px;
  -ms-grid-row-align: center;
      align-self: center;
  flex: 1;
  text-align: center;
}

.search {
  padding: 24px 20px;
  transition: opacity 200ms ease-in-out;
}

.search:hover {
  opacity: 0.5;
}

.slide-1 {
  background-image: url('../images/220305_CHA_155.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.join-sign-in {
  padding: 24px 20px;
  transition: opacity 200ms ease-in-out;
}

.join-sign-in:hover {
  opacity: 0.5;
}

.column-product-info {
  display: flex;
  height: 100vh;
  padding: 110px 5% 60px;
  flex-direction: column;
  justify-content: space-between;
}

.tabs-content {
  padding-top: 16px;
  font-size: 14px;
  line-height: 22px;
}

.slider {
  height: 100vh;
  padding-top: 70px;
}

.slide-nav-2 {
  display: none;
  margin-bottom: 12px;
}

.arrow {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.section-ecom {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  background-color: #fff;
  color: #141414;
}

.add-to-bag-text {
  display: inline-block;
  margin-right: 60px;
}

.add-to-bag {
  padding: 12px 32px;
  border-radius: 2px;
  background-color: #000;
  box-shadow: 0 2px 12px -2px rgba(93, 103, 116, 0.2);
  transition: all 400ms ease-in-out;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.add-to-bag:hover {
  transform: translate(0px, -2px);
}

.size-chart {
  display: inline-block;
  color: #bfc5c9;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.size-selection {
  margin-top: 12px;
}

.button-group {
  margin-top: 32px;
  margin-bottom: 60px;
}

.brand-2 {
  font-family: Oswald, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.navigation {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}

.name {
  margin-left: -3px;
  font-size: 28px;
  line-height: 28px;
  font-weight: 200;
}

.wishlist-text {
  display: inline-block;
  margin-right: 16px;
}

.menu-2 {
  padding: 24px 20px;
  transition: opacity 200ms ease-in-out;
}

.menu-2:hover {
  opacity: 0.5;
}

.section-ecomm {
  display: flex;
  overflow: visible;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 10vw;
  padding-left: 10vw;
  flex-direction: column;
  background-color: #e8e2da;
  -o-object-fit: contain;
     object-fit: contain;
}

.text-span-24 {
  font-style: italic;
  font-weight: 400;
}

.third-text-block {
  position: relative;
  left: 0%;
  right: auto;
  bottom: 150px;
  width: 70%;
  margin-top: 160%;
  margin-right: auto;
  margin-left: 15%;
}

.image-13 {
  position: relative;
  bottom: 0px;
  width: 100%;
  height: 500px;
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}

.images-row {
  position: relative;
  display: flex;
  width: 90%;
  padding-right: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page-2 {
  display: flex;
  width: 99.8vw;
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: transparent;
  color: #dedede;
}

.page-2-right-wrapper {
  position: relative;
  display: flex;
  width: 50%;
  height: 100%;
  padding-top: 25%;
  padding-right: 5%;
  flex-direction: column;
  align-items: flex-end;
  background-color: transparent;
}

.columns-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}

.p2 {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #e8e2da;
  font-size: 16px;
  text-align: justify;
  text-transform: uppercase;
}

.page-2-left-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 50%;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  flex: 0 0 auto;
  background-color: transparent;
}

.h2-color {
  display: inline-block;
  margin-top: 0%;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #242310;
  font-size: 64px;
  line-height: 100%;
  font-weight: 600;
}

.h2-color.h2-title {
  font-family: 'Zeppelin 43', Arial, sans-serif;
  color: #fff;
  font-size: 6vh;
}

.left-image---2 {
  position: static;
  left: 0%;
  bottom: 0px;
  overflow: hidden;
  width: 100%;
  height: 500px;
  margin-top: -36%;
  margin-bottom: -125px;
  margin-left: 20%;
}

.paragraph-1-wrapper {
  margin-top: 30px;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
}

.paragraph-3-wrapper {
  display: flex;
  margin-bottom: 20px;
  flex-direction: column;
  line-height: 1.2;
}

.p4 {
  display: flex;
  margin-bottom: 0px;
  margin-left: 0px;
  justify-content: flex-start;
  align-items: center;
  color: #e8e2da;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  text-align: justify;
  text-transform: uppercase;
}

.first-text-block {
  display: flex;
  width: 60%;
  margin: 40% auto 600px 25%;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}

.image-wrapper {
  position: static;
  top: auto;
  bottom: 0px;
  display: flex;
  overflow: hidden;
  width: auto;
  height: auto;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: stretch;
  flex: 0 0 auto;
}

.image-14 {
  position: static;
  left: auto;
  top: auto;
  right: auto;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 500px;
  max-height: 900px;
  max-width: none;
  margin-top: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.text-span-25 {
  font-weight: 700;
}

.text-span-26 {
  text-decoration: underline;
}

.section-21 {
  margin-top: -82px;
  background-color: #000;
}

.navbar-profile-dropdown-div {
  position: absolute;
  left: auto;
  top: 100%;
  right: -1%;
  bottom: auto;
  z-index: 99999;
  display: none;
  width: 200px;
  height: auto;
  background-color: #1a1a1a;
  opacity: 0;
}

.profile-dropdown-settings-div {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid hsla(0, 0%, 91.3%, 0.43);
}

.nav-triangle-dropdown {
  width: 10px;
  height: 5px;
  margin-left: 10px;
  -ms-grid-row-align: center;
      align-self: center;
  transform: rotate(180deg);
}

.profile-dropdown-item {
  display: flex;
  padding: 10px;
  align-items: center;
  transition: all 200ms ease;
}

.profile-dropdown-item:hover {
  background-color: #2e2e2e;
}

.profile-dropdown-item-image {
  width: 40px;
  height: 40px;
  border-radius: 5px;
}

.settings-link-text {
  padding: 10px 20px;
  color: #e9e9e9;
  font-size: 2vw;
  font-weight: 700;
}

.settings-link-text:hover {
  text-decoration: underline;
}

.profile-dropdown-item-name {
  margin-left: 10px;
  color: #e9e9e9;
  font-size: 16px;
  text-decoration: none;
}

.profile-dropdown-item-name:active {
  text-decoration: none;
}

.section-22 {
  display: none;
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.number-2 {
  background-image: linear-gradient(182deg, #6a48f2 20%, #fcceee);
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.vertical-divider {
  width: 1px;
  height: 5vh;
  margin: 1rem auto 25%;
  background-color: #fff;
  background-image: linear-gradient(180deg, #6a48f2, #fcceee);
  opacity: 0.4;
}

.page-wrapper {
  overflow: visible;
  width: 100%;
  max-width: 100vw;
}

.grid-profiles-icons {
  margin-bottom: 60px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: minmax(auto, 1fr) auto;
  grid-template-rows: minmax(auto, 1fr) auto;
}

.grid-profiles-icons.grid-mobile {
  display: none;
}

.grid-profiles-icons.grid-desktop {
  align-items: stretch;
  grid-auto-flow: row;
  grid-column-gap: 2vw;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
}

.grid-profiles-solo.grid-profiles-icons.grid-mobile.solo-item {
  display: none;
}

._8_section-ios-2 {
  position: relative;
  z-index: 2;
  display: block;
  overflow: visible;
  height: 200vh;
  margin-bottom: 0px;
  background-color: #000;
}

.heading-32 {
  color: #e9e9e9;
  font-size: 1.7em;
  line-height: 1.2;
  text-align: left;
  letter-spacing: 6px;
  text-transform: none;
}

.text-span-27 {
  color: #fff;
}

._8_section-perso-2 {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-37 {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  color: #fff;
}

.typedjs-wrapper-2 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
}

._4_section-typed-2 {
  position: relative;
  display: none;
  width: 100%;
  height: 300vh;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.new-italic-2 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 68px;
  line-height: 1;
  font-style: italic;
  font-weight: 400;
  text-align: right;
  letter-spacing: -2px;
}

.new-italic-2.h {
  color: #fff;
  line-height: 0.7;
}

.new-hero-2 {
  display: none;
  overflow: visible;
  height: 100vh;
  padding: 100px 25vw 60px;
  align-items: center;
}

.heading-33 {
  margin-bottom: 140px;
  padding-right: 40px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 900;
  text-transform: uppercase;
}

.heading-34 {
  position: relative;
  margin-top: -30px;
  font-size: 8vw;
  line-height: 200px;
}

.heading-34.two {
  left: 0px;
  margin-top: 0px;
  margin-bottom: 100px;
  line-height: 200px;
  text-align: left;
  text-transform: uppercase;
  white-space: normal;
  -o-object-fit: fill;
     object-fit: fill;
}

.div-block-24 {
  position: relative;
  width: 50vw;
  padding-right: 20px;
  padding-bottom: 100px;
  padding-left: 30px;
  color: #000;
}

.section-iconic-2 {
  position: relative;
  display: block;
  margin-top: 140px;
  background-color: #fff;
  background-image: url('../images/220310_EDEN_044_FULL.jpg');
  background-position: 0% 0%;
  background-size: 50vw;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #fff;
}

.heading-35 {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 500;
}

.heading-35.mb {
  margin-bottom: 60px;
}

._10_section-iphone-text-2 {
  position: absolute;
  display: block;
  width: 100vw;
  height: 500vh;
  padding-top: 0em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
}

.floattext-top-2 {
  max-width: 690px;
  color: #fff;
  font-size: 70px;
  line-height: 70px;
  text-align: center;
  white-space: normal;
}

.floattext-2 {
  color: #e9e9e9;
  text-align: center;
}

.stickydiv-2 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: -99;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.phone-content-wrapper-2 {
  position: absolute;
  left: 15px;
  top: 13px;
  right: 16px;
  bottom: 18px;
  z-index: -1;
  overflow: hidden;
  width: 93%;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
}

.hardware__wallpaper {
  position: absolute;
  z-index: 1;
  width: 247px;
  height: 499px;
  background-image: url('../images/IG-Feed--CONCERT.jpg');
  background-position: 50% 50%;
  background-size: 89% 95%;
  background-repeat: no-repeat;
}

.sticky-container-2 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100vh;
}

.iphone-mockup-container {
  display: flex;
  width: 33%;
  flex-direction: column;
  align-items: center;
}

.iphone-mockup-container.center.first-one {
  overflow: visible;
}

.bold {
  color: #fff;
}

.ios__intro-2 {
  position: absolute;
  left: 50%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 10;
  width: 700px;
  margin-top: 200px;
  margin-left: -350px;
  text-align: center;
}

.ios__hardware-container-3 {
  display: flex;
  width: 100%;
  margin-top: 100px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.hardware__cover {
  position: absolute;
  z-index: 2;
  width: 247px;
  height: 499px;
  background-image: url('../images/hardware__ec00wp7v2fma_large.png');
  background-position: 0px 0px;
  background-size: auto;
}

.hardware-and-ui-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 247px;
  height: 499px;
}

.text__content-wrapper {
  position: relative;
  display: block;
  margin-left: 0px;
}

._8_section-iphone-zoom {
  height: 200vh;
  margin-bottom: -200px;
}

.download__para {
  width: 770px;
  margin-right: auto;
  margin-bottom: 90px;
  margin-left: auto;
  color: #95959a;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}

.download__para.download__lidar-para {
  margin-bottom: 100px;
  color: #a1a1a6;
}

.download__para.download__lidar-para.charge__para {
  width: auto;
  text-align: left;
}

.download__para.download__lidar-para.charge__para.center-align {
  margin-top: 40px;
  font-family: Exo, sans-serif;
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.ios__overflow-hiddne-4 {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.video-hero-desktop {
  position: relative;
  z-index: -1;
}

.video-background {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  margin-top: 0px;
  -o-object-fit: fill;
     object-fit: fill;
}

.video-background.video-bg-commercial {
  position: static;
  margin-bottom: -5px;
  padding-bottom: 0px;
}

.video-background.video-bg-commercial.video-bg-desktop {
  max-height: 1080px;
}

.video-background.video-bg-commercial.video-bg-mobile {
  display: none;
  max-height: 1920px;
  max-width: 1080px;
}

.video-hero-mobile {
  display: none;
}

.section-mask-zoom {
  position: relative;
  height: 100vh;
}

.section-mask-zoom.hero {
  height: 300vh;
  background-color: #000;
}

.sticky-div-2 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: flex;
  overflow: hidden;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.heading-36 {
  position: absolute;
  z-index: 1;
  margin-bottom: 40px;
  padding-left: 4px;
  font-family: Lato, sans-serif;
  color: rgba(51, 51, 51, 0);
  font-size: 16vw;
  line-height: 0.8;
  text-align: center;
  letter-spacing: 0.8vw;
}

.zoom {
  position: relative;
  display: flex;
  width: 100vw;
  padding-top: 10vh;
  flex-direction: column;
  justify-content: center;
}

.svg-2 {
  position: relative;
  width: 100%;
  margin-top: 3vh;
  margin-bottom: 3vh;
  box-shadow: inset 0 0 0 2px #eef7ff, 0 0 0 50vw #eff7ff;
}

.sticky-container-iphone-3 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100vh;
}

.hardware-and-content-2 {
  display: flex;
  width: 33%;
  flex-direction: column;
  align-items: center;
}

.hardware-and-content-2.center.first-one {
  overflow: visible;
}

.hardware-and-content-2.center.second {
  height: 300px;
  -ms-grid-row-align: center;
      align-self: center;
}

.hardware-2 {
  width: 247px;
  height: 499px;
  margin-bottom: 20px;
}

.hardware-2.center {
  position: relative;
  overflow: visible;
}

.c {
  display: flex;
  width: 245px;
  height: 137px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.s-2 {
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.heading-37 {
  font-size: 41px;
  line-height: 1.1;
}

.image-15 {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.navbar__profile-picture-2 {
  display: flex;
  overflow: hidden;
  margin-left: 10px;
  align-items: center;
  border-radius: 6px;
}

.div-block-26 {
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 6px;
}

.ths11-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 8;
  display: flex;
  padding-right: 50px;
  padding-bottom: 30px;
  padding-left: 50px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.ths11-hero-section {
  position: relative;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  justify-content: space-between;
  align-items: stretch;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
}

.ths11-hero-slide-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ths11-hero-slide-image.ths11-rotated {
  transform: rotate(180deg);
}

.ths11-hero-blocks-wrapper {
  width: 28.5vw;
}

.ths11-hero-blocks-wrapper.ths11-width-14-5vw {
  width: 14.5vw;
}

.ths11-hero-slider-wrapper {
  height: 65vh;
}

.ths11-heading-h1 {
  width: 100%;
  max-width: 1100px;
  margin-bottom: 0px;
  font-family: 'Zeppelin 43', Arial, sans-serif;
  color: #f1f1f1;
  font-size: 10vw;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.ths11-hero-slider {
  width: 100%;
  height: 100%;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  background-color: transparent;
}

.ths11-hero-slider.ths11-rotated {
  border-style: solid none none solid;
  border-top-width: 1px;
  border-top-color: #f1f1f1;
  border-left-width: 1px;
  border-left-color: #f1f1f1;
  transform: rotate(180deg);
}

.ths11-hero-slider.ths11-rotated.ths11-width-50 {
  width: 50%;
}

.ths11-hero-slider-nav {
  display: none;
}

.ths11-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 7;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.76));
  mix-blend-mode: multiply;
}

.ths11-hero-slider-arrow {
  display: none;
}

.ths11-hero-block {
  display: flex;
  height: 35vh;
  justify-content: space-between;
  align-items: stretch;
}

.ths11-hero-block.ths11-height-32-5vh {
  height: 32.5vh;
}

.image-16 {
  width: 20%;
  -ms-grid-row-align: center;
      align-self: center;
  flex: 1;
  opacity: 0.6;
}

.image-17 {
  display: inline-block;
  width: 10%;
  padding-top: 40px;
  -ms-grid-row-align: center;
      align-self: center;
  flex: 1;
  opacity: 0.64;
  -o-object-fit: fill;
     object-fit: fill;
}

.page-wrapper-2 {
  font-family: 'Zeppelin 43', Arial, sans-serif;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.marquee_wrapper {
  display: flex;
  overflow: hidden;
  width: 100vw;
  padding-top: 2rem;
  padding-bottom: 2rem;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
}

.marquee_wrapper.is-crimson {
  width: 120vw;
  background-color: #5924ff;
  transform: rotate(-6deg);
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
}

.header_layout {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 5rem;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.display_text-huge {
  font-size: 12rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.display_text-huge.marquee_item {
  font-size: 7.9rem;
  letter-spacing: 5px;
  text-indent: 0px;
}

.display_text-huge.marquee_item.a {
  display: block;
}

.marquee_wrapper-2 {
  display: flex;
  overflow: hidden;
  width: 110vw;
  padding-top: 2rem;
  padding-bottom: 2rem;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  background-color: #27ff45;
  transform: rotate(5deg);
}

.display_text-medium {
  color: #050508;
  font-size: 6rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
}

.marquee_component {
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 33rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.span_tag {
  display: inline-block;
  padding: 0.5rem;
  border-radius: 4px;
  background-color: #cc1f50;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  text-indent: 0rem;
}

.span_tag.is-h1 {
  position: relative;
  top: -2rem;
  right: -12rem;
  background-color: #9eec5a;
  transform: rotate(-3deg);
  color: #050508;
  font-size: 2rem;
}

.heading-38 {
  font-size: 19px;
  font-weight: 400;
  text-transform: uppercase;
}

.paragraph-8 {
  font-family: Exo, sans-serif;
  font-size: 1.5vw;
  font-weight: 200;
}

.mail {
  color: #fff;
  text-decoration: underline;
}

.container-38 {
  display: flex;
  max-width: 15%;
  justify-content: center;
  align-items: center;
}

.main-content {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #1a1a1a;
}

.grid-2 {
  height: 100vh;
  grid-column-gap: 5px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  opacity: 1;
}

.vertical-image {
  background-image: url('../images/20220717_COLDPLAY_200-Edit.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.vertical-image.image-1 {
  background-image: url('../images/20220717_COLDPLAY_200-Edit.jpg');
  -o-object-fit: fill;
     object-fit: fill;
}

.vertical-image.image-2 {
  background-image: url('../images/640e644b0b245430242ba898_20220713_BALADE_A_DEUX_280.jpg');
  background-position: 60% 50%;
  -o-object-fit: fill;
     object-fit: fill;
}

.vertical-image.image-3 {
  background-image: url('../images/20220624_DIGITALCOLLEGE_524.jpg');
}

.vertical-image.img-5 {
  background-image: url('../images/DSC02785_1.jpg');
}

.vertical-image.img-4 {
  background-image: url('../images/220310_EDEN_083_FULL.jpg');
}

.div-block-28 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: linear-gradient(0deg, #000, transparent);
}

.container-39 {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.image-18 {
  width: 15%;
  max-width: 15%;
  padding-bottom: 20px;
  -ms-grid-row-align: center;
      align-self: center;
}

.heading-39 {
  opacity: 0.91;
  font-family: Monumentextended, Arial, sans-serif;
  font-size: 3vw;
  font-weight: 700;
  text-transform: uppercase;
}

.button-4 {
  margin-top: 40px;
  margin-bottom: 120px;
  padding: 15px 40px;
  border-radius: 100px;
  background-color: #5924ff;
  font-family: Monumentextended, Arial, sans-serif;
  color: #000;
  font-size: 1.5vw;
  font-weight: 400;
  text-transform: uppercase;
}

.section-23 {
  width: 100vw;
  height: 100vh;
  margin-top: 100px;
}

.progres-bar-2 {
  position: relative;
  display: flex;
  width: 100px;
  height: 14px;
  margin-right: 8px;
  padding: 4px;
  justify-content: flex-start;
  align-items: center;
  flex: 0 auto;
  border-radius: 90px;
  background-color: #161616;
}

.progres-bar-2.card-bar {
  width: 100%;
  background-color: #080808;
  color: #fbf9fc;
}

.skill-header {
  display: flex;
  margin-bottom: 16px;
  justify-content: space-between;
}

.skill {
  margin-bottom: 24px;
}

.hole {
  width: 48px;
  height: 8px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 100px;
  background-color: #080808;
}

.card-text {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #8f8c92;
  font-size: 17px;
  font-weight: 400;
}

.card__header {
  margin-bottom: 20px;
  padding: 0px;
}

.heading-40 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 17px;
  font-weight: 400;
}

.div-block-29 {
  display: none;
  width: 100%;
  height: 1px;
  background-color: #fbf9fc;
}

.progress-bar__content-4 {
  position: static;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  overflow: visible;
  width: 18%;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  border-radius: 1000px;
  background-color: #8f00ff;
  -o-object-fit: fill;
     object-fit: fill;
}

.progress-bar__content-4._1 {
  width: 100%;
  background-color: #5924ff;
}

.progress-bar__content-4._2 {
  width: 100%;
  background-color: #5924ff;
}

.progress-bar__content-4._4 {
  display: block;
  width: 98%;
  margin-right: 0px;
  flex: 0 auto;
  background-color: #5924ff;
}

.progress-bar__content-4._3 {
  width: 96%;
  margin-right: 0px;
  background-color: #5924ff;
}

.heading-41 {
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: none;
}

.hole-container {
  width: 100%;
  margin-bottom: 32px;
}

.card {
  position: static;
  width: auto;
  height: 70vh;
  max-height: 480px;
  max-width: 488px;
  min-width: 400px;
  margin: auto;
  padding: 20px 40px 32px;
  border-radius: 20px;
  background-color: #161616;
  box-shadow: 0 0 20px 1px rgba(5, 5, 5, 0.8);
  transform: rotate(0deg);
}

.matrix-text_component {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.page-wrapper-3 {
  overflow: hidden;
  background-image: url('../images/DSC02785_1.jpg');
  background-position: 50% 65%;
  background-size: cover;
}

.heading-xxl {
  color: #fbf9fc;
  font-size: 8rem;
  line-height: 1.1;
  font-weight: 700;
}

.section_tip {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-padding {
  position: relative;
  z-index: 1;
  margin-bottom: 0px;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.bg-circle {
  position: absolute;
  z-index: -1;
  width: 150%;
  height: 150%;
  border-radius: 100%;
  background-color: #000;
  opacity: 0.6;
  filter: blur(30px);
}

.matrix-animation_component {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  opacity: 0.7;
}

.global-styles {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: block;
}

.text-size-medium {
  color: #fbf9fc;
  font-size: 1.25rem;
}

.button-6 {
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 100rem;
  background-color: #5924ff;
  transition-property: none;
  color: #fff;
  font-size: 1vw;
  font-weight: 400;
  text-align: center;
}

.button-6:hover {
  opacity: 0.8;
}

.main-wrapper {
  display: -ms-grid;
  display: grid;
  height: 100vh;
  align-items: stretch;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}

.rich-text-block {
  margin-top: 220px;
  margin-right: 60px;
  margin-left: 60px;
  padding-left: 0px;
  font-size: 1.5vw;
  line-height: 1.4;
}

.body-21 {
  font-weight: 100;
}

@media screen and (min-width: 1280px) {
  .container {
    padding-right: 40px;
    padding-left: 40px;
  }

  .netflix-div.hero__content {
    margin-top: 200px;
  }

  ._2_section_recommandation {
    margin-top: 110px;
  }

  ._2_section_recommandation.recommandation-backstage {
    margin-top: 72px;
  }

  .title-content {
    margin-top: 100px;
    padding-left: 20px;
  }

  .recommended-slider {
    height: 165px;
  }

  .main-wrapper-about.home-page {
    margin-top: 0px;
    padding-top: 5em;
  }

  .line-big {
    width: 75vw;
  }

  .button_component.menu-button-2 {
    -ms-grid-row-align: center;
        align-self: center;
    line-height: 1em;
  }

  .home-cta_section {
    margin-top: 0px;
  }

  .button-3 {
    width: 20vw;
    height: 6vw;
  }

  .recommandation-container {
    margin-top: 50px;
  }

  .paragraph-slogan-text {
    font-size: 2.2vw;
  }

  .sticky-circle_wrap {
    display: flex;
    align-items: flex-start;
  }

  .container-24.is--header {
    padding-top: 8.78em;
  }

  .glowing-button.animation-section {
    margin-top: 0px;
  }

  .glowing-button.animation-section {
    margin-top: 0px;
  }

  .iphone-content.center {
    width: 494px;
    height: 998px;
  }

  .iphone-content.center {
    width: 494px;
    height: 998px;
  }

  .iphone-content.center {
    width: 247px;
    height: 499px;
  }

  ._3_section-its-time {
    margin-top: 100px;
  }

  .menu__nav-link {
    padding-top: 10px;
    font-size: 72px;
  }

  .page-2 {
    width: 99.8vw;
  }

  ._8_section-ios-2 {
    overflow: visible;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    padding-right: 60px;
    padding-left: 60px;
  }

  ._1_section_hero.hero {
    background-color: #000;
    background-image: radial-gradient(circle farthest-corner at 0% 50%, #000, transparent 53%), linear-gradient(90deg, rgba(20, 20, 20, 0.7), transparent 50%, transparent), linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(5, 5, 5, 0.05) 7%, transparent 50%, rgba(5, 5, 5, 0.06) 84%, #000 93%, #000), url('../images/20220717_COLDPLAY_073_FULL.jpg');
    background-position: 0px 0px, 0px 0px, 0px 0px, 100% 0%;
    background-size: auto, auto, auto, cover;
    background-attachment: scroll, scroll, scroll, scroll;
  }

  .netflix-div.hero__content {
    margin-top: 400px;
  }

  .container-scrolling-txt {
    padding-top: 5vh;
  }

  .sticky-circle_img {
    height: 100vw;
    font-size: 1vw;
  }

  .no-rules-holder {
    margin-top: 140px;
  }

  ._2_section_recommandation {
    margin-top: -13px;
  }

  ._2_section_recommandation.recommandation-backstage {
    margin-top: -25px;
    background-color: transparent;
  }

  .title-content {
    margin-top: 100px;
    margin-bottom: 0px;
    padding-left: 20px;
    font-family: Inter, sans-serif;
    font-size: 26px;
  }

  .body-8 {
    background-color: #000;
  }

  .recommended-slider {
    height: 165px;
  }

  .ix-shadow {
    transition: flex-grow 200ms ease;
  }

  .headline-container.container--center-flex {
    max-width: 1300px;
  }

  ._9_section-social-media {
    padding-right: 4em;
    padding-left: 4em;
  }

  .main-wrapper-about.home-page {
    margin-top: 0px;
  }

  .line-big {
    width: 75vw;
  }

  .button-3 {
    padding-top: 15px;
  }

  .div-block-6 {
    padding-bottom: 0vh;
  }

  .recommandation-container {
    margin-top: 50px;
  }

  .cursor-wrapper {
    display: flex;
  }

  .paragraph-slogan-text {
    font-size: 2.2vw;
  }

  ._4_section-slogan {
    padding-right: 20vw;
    padding-left: 20vw;
  }

  .sticky-circle {
    width: 100vw;
    align-items: center;
  }

  .sticky-circle_wrap {
    display: flex;
    height: 300vh;
    justify-content: center;
    align-items: flex-start;
  }

  .container-24.is--header {
    padding-top: 8.78em;
  }

  .sticky-circle_element {
    width: 20vw;
    height: 20vw;
  }

  .glowing-button.animation-section:hover {
    margin-top: 0px;
  }

  .glowing-button.animation-section:focus {
    margin-top: 0px;
  }

  .glowing-button.animation-section.test {
    margin-top: 0px;
  }

  .glowing-button.animation-section {
    margin-top: 300px;
  }

  .iphone-content.center {
    width: 617px;
  }

  .iphone-content.center {
    width: 617px;
  }

  .iphone-content.center {
    width: 247px;
    height: 499px;
  }

  ._7_be-remembered-wrapper {
    display: none;
  }

  ._3_section-its-time {
    margin-top: 100px;
  }

  .section-header-wrapper {
    padding-left: 5.1rem;
  }

  .big-split-header {
    border: 1px solid transparent;
    font-size: 9rem;
  }

  .new-hero {
    padding-top: 220px;
  }

  .c-faq-item {
    margin-bottom: 30px;
    padding: 20px;
    border-left-style: none;
    border-radius: 20px;
    background-color: #1a1a1a;
    font-size: 0.6em;
  }

  .heading-23 {
    font-size: 26px;
    line-height: 37px;
  }

  .container-33 {
    padding-right: 20vh;
    padding-left: 20vh;
  }

  .menu__nav-link {
    padding-top: 15px;
    font-size: 76px;
  }

  .bg-pink {
    background-color: #191917;
  }

  .page-2 {
    width: 99.8vw;
  }

  .p2 {
    line-height: 1.4;
  }

  .first-text-block {
    margin-top: 75%;
  }

  .grid-profiles-icons.grid-desktop {
    margin-right: 60px;
    margin-left: 60px;
    grid-column-gap: 40px;
  }

  ._8_section-ios-2 {
    overflow: visible;
  }
}

@media screen and (min-width: 1920px) {
  .netflix-nav {
    display: block;
  }

  .ranking__text {
    font-size: 30px;
    line-height: 1.4;
  }

  .text-block-4 {
    font-size: 25px;
    line-height: 30px;
  }

  ._1_section_hero.hero {
    z-index: -99;
    height: auto;
    margin-top: 66px;
  }

  .netflix-img.hero__show-title {
    width: 25%;
  }

  .text-block-3 {
    font-size: 25px;
    line-height: 30px;
  }

  .hero__text {
    font-size: 25px;
    line-height: 30px;
  }

  .netflix-div.hero__content {
    width: 60%;
    margin-top: 170px;
    justify-content: flex-start;
    -ms-grid-row-align: center;
        align-self: center;
  }

  .netflix-hero.hero.concerts {
    height: 80vh;
  }

  .container-scrolling-txt {
    margin-top: 50px;
  }

  .header_text-move.is--last {
    line-height: 1.7;
  }

  .header_text_2 {
    padding-right: 10vw;
    padding-left: 10vh;
  }

  ._2_section-charizard {
    background-color: #000;
  }

  .globals {
    display: none;
  }

  .container-11.hero-container {
    max-width: 1080px;
  }

  .section-11.hero {
    padding-right: 10vw;
    padding-left: 10vw;
  }

  ._2_section_recommandation {
    margin-top: -57px;
    background-color: transparent;
    background-image: linear-gradient(0deg, #000 49%, transparent);
  }

  ._2_section_recommandation.recommandation-backstage {
    margin-top: -135px;
  }

  .title-content {
    margin-top: 0px;
    padding-left: 20px;
    line-height: 34px;
  }

  .body-8 {
    background-color: #000;
  }

  .heading-9 {
    font-family: Monumentextended, Arial, sans-serif;
    font-style: italic;
    font-weight: 300;
  }

  .marque-first-part._4 {
    flex-direction: row;
  }

  .recommended-mask {
    width: 100vw;
  }

  .recommended-slider {
    height: 165px;
  }

  .sub-section-headline {
    font-size: 96px;
  }

  .headline-container.container--center-flex {
    max-width: 1800px;
  }

  .heading-center {
    font-size: 4.6rem;
  }

  .floating-txt-div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ._9_section-social-media {
    padding-right: 15em;
    padding-left: 15em;
  }

  .hero_heading-inner.heading-1 {
    padding-top: 0px;
  }

  .main-wrapper-about.home-page {
    position: relative;
    margin-top: 0px;
    padding-top: 10em;
  }

  .hero_inner {
    height: 70%;
  }

  .hero_inner.hero-inner-height {
    width: 100%;
    height: 100%;
  }

  .hero_heading-wrap {
    max-height: 1920px;
    max-width: 1080px;
  }

  .about-text {
    font-size: 1.3vw;
    text-align: center;
  }

  .hero_heading-2.heading-1 {
    font-size: 8vw;
    line-height: 1.2;
  }

  .hero_heading-2.heading-4 {
    font-size: 16vw;
    line-height: 127px;
    text-align: center;
  }

  .hero_heading-track.heading-1 {
    padding-bottom: 0vh;
  }

  .img-reveal_img.hero_image {
    width: 100%;
    height: 100%;
    max-height: 1920px;
    max-width: 1080px;
  }

  .line-big {
    width: 103.4em;
  }

  .modal-contact {
    position: relative;
  }

  .button-modal {
    display: block;
  }

  .image.is-four {
    z-index: 3;
  }

  .recommandation-container {
    position: relative;
    z-index: 99;
    margin-top: 132px;
  }

  .paragraph-slogan-text {
    font-size: 2.2vw;
  }

  .sticky-circle_wrap {
    height: 300vh;
    align-items: flex-start;
  }

  .container-24.is--header {
    padding-top: 8.78em;
  }

  ._3_section--circle.is--header {
    margin-top: 0px;
  }

  .glowing-button.animation-section {
    margin-top: 0px;
  }

  .glowing-button.animation-section {
    margin-top: 0px;
  }

  .iphone-content.center {
    width: 617px;
    height: 1247px;
  }

  .iphone-content.center {
    width: 617px;
    height: 1247px;
  }

  .iphone-content.center {
    width: 247px;
    height: 499px;
  }

  ._3_section-its-time {
    height: 80vh;
    margin-top: 100px;
  }

  .big-split-header {
    font-size: 10rem;
    line-height: 1;
  }

  .hero-paragrapgh {
    font-size: 2rem;
  }

  .new-hero {
    padding-top: 0px;
  }

  ._6_section-projects {
    padding-right: 9.375em;
    padding-left: 9.375em;
  }

  .head-project {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .scene---sticky {
    top: 0px;
    overflow: visible;
  }

  ._9_section-portfolio-perso {
    overflow: visible;
  }

  .heading-23 {
    font-size: 33px;
    line-height: 45px;
  }

  .menu__nav-link {
    padding-top: 22px;
    font-size: 96px;
  }

  .div-block-20 {
    margin-left: 140px;
  }

  .page-2 {
    width: 99.8vw;
  }

  .left-image---2 {
    margin-top: -36%;
    margin-bottom: 176px;
  }

  .section-21 {
    margin-top: -154px;
  }

  ._8_section-ios-2 {
    overflow: visible;
  }

  .floattext-2 {
    font-size: 20px;
    line-height: 2;
  }

  .video-background {
    z-index: -1;
  }

  .matrix-text_component {
    position: static;
    display: flex;
  }

  .bg-circle {
    width: 20vw;
    height: 20vw;
  }
}

@media screen and (max-width: 991px) {
  .manage-profiles-button {
    width: 25%;
    font-size: 14px;
  }

  .main-profiles-name {
    font-size: 17px;
  }

  .netflix-nav {
    background-color: #141414;
  }

  .ranking__text {
    font-size: 20px;
  }

  .text-block-4 {
    font-size: 14px;
  }

  .hero__btn {
    justify-content: center;
  }

  .hero__btn.hero__btn--secondary {
    justify-content: center;
  }

  ._1_section_hero {
    background-position: 100% 0%;
    background-size: cover;
  }

  .netflix-img {
    max-width: 50%;
  }

  .netflix-img.hero__show-title {
    max-width: 60%;
  }

  .text-block-3 {
    font-size: 14px;
  }

  .navbar__link {
    padding: 16px 60px;
    font-size: 18px;
  }

  .navbar__menu {
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #141414;
  }

  .menu-button {
    display: none;
    margin-left: auto;
  }

  .menu-button.w--open {
    background-color: transparent;
  }

  .hero__text {
    font-size: 17px;
    line-height: 30px;
  }

  .netflix-div {
    width: 100%;
  }

  .netflix-div.hero__content {
    width: 100%;
    margin-top: 150px;
  }

  .netflix-hero {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .div-block-5.navbar__menu-right {
    display: flex;
    flex-direction: row;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .button {
    white-space: nowrap;
  }

  .heading_wrap-scrll-txt {
    width: 90%;
  }

  .container-scrolling-txt {
    padding-right: 10vw;
    padding-left: 10vw;
  }

  .container-7 {
    text-align: center;
  }

  .type-background-text {
    font-size: 24vw;
    line-height: 24vw;
  }

  .sub-header {
    font-size: 65px;
  }

  ._7bis_section-portfolio-cards {
    overflow: hidden;
  }

  .gradient-txt-container {
    width: 100%;
  }

  .container-11 {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .container-11.small {
    padding-right: 8vw;
    padding-left: 8vw;
  }

  .section_body.large.about {
    max-width: none;
    font-size: 5vw;
  }

  .img-reveal_wrap.hero_img-wrap {
    width: 80%;
    height: 470px;
    min-width: 0em;
  }

  .service {
    -ms-grid-columns: 1fr 0.75fr;
    grid-template-columns: 1fr 0.75fr;
  }

  ._2_section_recommandation.recommandation-backstage {
    margin-top: -80px;
  }

  .title-content {
    padding-left: 20px;
  }

  .split-lines {
    font-size: 4em;
  }

  .single-marque-div {
    height: 14vh;
  }

  .recommended-slider {
    height: 160px;
  }

  .hero {
    display: block;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .img-16-9 {
    width: 655px;
  }

  .subheading {
    width: 50%;
    font-size: 26px;
  }

  ._7_section-headline {
    overflow: hidden;
    padding-top: 140px;
  }

  ._8_section-see-the-unseen {
    overflow: hidden;
  }

  .download {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .sub-section-headline {
    font-size: 40px;
    letter-spacing: 0em;
  }

  .headline-container {
    max-width: 692px;
  }

  .phone-wrapper {
    max-height: 620px;
    margin-right: auto;
    margin-left: auto;
  }

  .floating-txt-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .floatingsection.float2 {
    -ms-grid-row-align: center;
        align-self: center;
  }

  ._6_section-rules {
    overflow: hidden;
  }

  ._9_section-social-media {
    overflow: hidden;
  }

  .main-wrapper-about.home-page {
    margin-top: 150px;
  }

  .hero_heading-wrap {
    width: 100%;
  }

  .about-text {
    font-size: 5vw;
  }

  .hero_heading-2 {
    font-size: 17vh;
  }

  .img-reveal_img.hero_image {
    width: 100%;
  }

  .scramble-text {
    font-size: 2rem;
  }

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

  .color-block {
    display: block;
  }

  .grid-item.text {
    display: flex;
    width: 100%;
    padding-top: 10em;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .grid-item.text._2 {
    align-items: flex-end;
  }

  .button_component {
    font-size: 0.8em;
  }

  .button_component.menu-button-2 {
    margin-right: auto;
    margin-left: auto;
  }

  .home-cta_section {
    padding: 3%;
  }

  .text-size-h2 {
    font-size: 4em;
  }

  .text-size-h2.is-home-intro-1 {
    font-size: 2.7rem;
  }

  .side-menu-text-wrap {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .button-3 {
    margin-top: 0px;
    padding-top: 60px;
  }

  .modal-contact {
    position: -webkit-sticky;
    position: sticky;
  }

  .modal__body {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    bottom: 5px;
    height: auto;
    max-height: none;
    background-image: linear-gradient(180deg, transparent, transparent), url('../images/220320_ESTELLE_217-Edit.jpg');
    background-position: 0px 0px, 50% 50%;
    background-attachment: scroll, fixed;
  }

  .modal__text-wrap {
    height: 200vh;
  }

  .heading-14 {
    margin-top: 0px;
  }

  .div-block-6 {
    padding-top: 0vw;
    padding-bottom: 0vw;
  }

  .recommandation-container {
    margin-top: 0px;
    padding-top: 0px;
  }

  .cursor-wrapper {
    display: none;
  }

  .container-24 {
    padding-right: 3em;
    padding-left: 3em;
  }

  .container-ios {
    padding-right: 30px;
    padding-left: 30px;
  }

  .row-2 {
    overflow: hidden;
  }

  .ios__intro {
    display: flex;
    padding-left: 0px;
    justify-content: space-around;
  }

  .container-iphone {
    padding-right: 30px;
    padding-left: 30px;
  }

  .content-2 {
    width: 200px;
  }

  .lets-work-text {
    transform: translate(-100px, 0px) scale(0.8);
  }

  .lets-work-stoke-text {
    margin-top: -63px;
    transform: translate(-243px, 0px) scale(0.8);
  }

  ._9_section-lets-work-together {
    padding: 60px 30px;
  }

  ._9_section-lets-work-together.award {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .legal-link-wrapper {
    grid-column-gap: 20px;
  }

  .home-photos_origin-wrap {
    width: 36em;
    max-width: 90%;
  }

  .base-heading {
    font-size: 5rem;
  }

  .stack-block-wrapper {
    transform: translate(0%, 100%);
  }

  .stack-text {
    font-size: 5rem;
  }

  .text-stack-wrapper {
    height: auto;
  }

  ._3_section-its-time {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .large-header-wrap {
    justify-content: center;
    align-items: center;
    font-size: 2.5vw;
    text-align: center;
  }

  .big-split-header {
    font-size: 5.5rem;
  }

  .big-split-header.outline {
    font-size: 5rem;
  }

  .big-split-header.large {
    font-size: 5rem;
  }

  .hero-paragrapgh {
    width: 100%;
    font-size: 1rem;
  }

  .heading-17 {
    font-size: 29px;
  }

  .container-photog {
    padding-right: 6vw;
    padding-left: 6vw;
  }

  .hero_sub {
    font-size: 5vw;
  }

  .thanks_img.is-1 {
    width: 120px;
  }

  .thanks_img.is-3 {
    width: 120px;
  }

  .thanks_img.is-2 {
    width: 120px;
  }

  .horizontal_wrap {
    height: 400vh;
  }

  .container-full.service {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .caption-text {
    font-size: 0.8rem;
  }

  .paragraph-2 {
    font-size: 10px;
    line-height: 1.3;
  }

  .cta-container {
    margin-top: 10em;
  }

  .h1---style {
    font-size: 9.2em;
  }

  .cursor-parent {
    display: none;
  }

  ._1_section-scrollable_bg {
    height: 100vh;
  }

  .new-gif-big {
    width: 150px;
    height: 115px;
  }

  .new-italic {
    font-size: 59px;
    line-height: 80px;
  }

  .new-italic.h {
    font-size: 39px;
  }

  .grid-box {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .new-giff {
    height: 57px;
  }

  .new-giff.max-h {
    width: 94px;
    height: 46px;
  }

  .new-hero {
    padding-right: 0vw;
    padding-left: 0vw;
  }

  .new-san {
    font-size: 79px;
    line-height: 84px;
  }

  .new-san.small {
    font-size: 57px;
  }

  .new-san.small.purple {
    font-size: 36px;
  }

  .new-san.big {
    font-size: 60px;
  }

  .new-san.small {
    font-size: 57px;
  }

  ._6_section-projects {
    padding-right: 20px;
    padding-left: 20px;
  }

  .head-project {
    font-size: 3em;
  }

  .cursor-2 {
    display: none;
  }

  .sticky-element {
    height: 460px;
  }

  .image-hero {
    width: 100%;
    height: 60vh;
  }

  .image-hero.position {
    width: 100%;
    height: 60vh;
    margin-right: auto;
    margin-left: auto;
  }

  ._5_section-gif.hero-center {
    width: 100%;
    padding-top: 0vh;
  }

  ._5_section-gif.hero-center {
    width: 100%;
    margin-top: 25vh;
    padding-top: 0vh;
  }

  .main-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .container-31 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .container-31.flex-hero {
    padding-right: 30px;
    padding-left: 30px;
  }

  .track {
    width: 100%;
    height: 260vh;
  }

  .center-wrapper.margin {
    margin-bottom: 72px;
  }

  .heading-xlarger {
    font-size: 17em;
  }

  .heading-xlarger.rotate {
    transform: translate(0px, 48px) rotate(5deg);
    font-size: 17em;
    line-height: 1.6;
  }

  .container-32 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .person {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    height: 80vh;
  }

  .person-name {
    left: 0%;
    top: -13%;
    right: 0%;
    bottom: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .paragraph-7.centered {
    font-size: 26px;
  }

  .sticky-container {
    width: 100%;
  }

  .text-filed {
    font-size: 3em;
  }

  .heading-21 {
    font-size: 60px;
    line-height: 80px;
  }

  .heading-21.digital-text.z-index {
    font-size: 100px;
  }

  .project-img-div {
    display: block;
    height: auto;
    max-width: none;
  }

  .div-block-9 {
    margin-bottom: 140px;
  }

  .div-block-4 {
    display: flex;
    flex-direction: column;
  }

  .home-about-section {
    padding-bottom: 100px;
  }

  .hero-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2.5vw;
  }

  .heading-4 {
    margin-top: 40px;
    font-size: 100px;
    line-height: 100px;
    white-space: nowrap;
  }

  .mobile-image {
    display: block;
  }

  .menu__nav-link {
    margin-bottom: 15px;
    padding-top: 0px;
    padding-left: 0px;
    font-size: 56px;
  }

  .header {
    width: 100%;
    height: 72px;
    padding: 0px 24px;
  }

  .intro-wrapper {
    max-width: 60%;
  }

  .intro {
    font-size: 10px;
  }

  .title {
    font-size: 6.1em;
    line-height: 2.7em;
  }

  .my-container-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .image-10 {
    width: auto;
    height: auto;
    max-height: none;
  }

  .margin-top {
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
  }

  .margin-bottom-2 {
    margin-top: 0rem;
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .header_image-wrapper.is-image-5 {
    width: 26vw;
  }

  .header_image-wrapper.is-image-6 {
    width: 24vw;
  }

  .header_image-wrapper.is-image-4 {
    width: 24vw;
  }

  .header_image-wrapper.is-image-2 {
    width: 28vw;
  }

  .header_image-wrapper.is-image-1 {
    width: 28vw;
  }

  .header_image-wrapper.is-image-3 {
    width: 26vw;
  }

  .header_content {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  ._01-section-unforgettable {
    position: static;
    z-index: 99;
    margin-top: 40px;
  }

  .heading-27 {
    position: static;
    max-width: 768px;
    padding: 15vh 20px;
    font-size: 60px;
    line-height: 80px;
  }

  .wishlist {
    display: block;
    margin-left: 0px;
  }

  .column-product-photo {
    height: 125vh;
  }

  .menu-button-3 {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .menu-button-3.w--open {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    background-color: #fff;
  }

  .extra-info-mobile {
    display: block;
  }

  .nav-menu-2 {
    margin-top: 72px;
    background-color: #f9f9f9;
    color: #fff;
  }

  .logo-holder {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .column-product-info {
    height: 125vh;
    padding-top: 60px;
    padding-right: 32px;
    padding-left: 32px;
  }

  .nav-menu {
    background-color: #fff;
  }

  .slider {
    height: 125vh;
    padding-top: 60px;
  }

  .icon-3 {
    color: #000;
  }

  .product-tabs {
    display: none;
  }

  .add-to-bag {
    display: block;
  }

  .tab-title-mobile {
    margin-bottom: 10px;
    color: #bfc5c9;
  }

  .image-12 {
    float: right;
  }

  .menu-2 {
    display: none;
  }

  .navbar-profile-dropdown-div {
    display: block;
  }

  .container-37 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .new-italic-2 {
    font-size: 59px;
    line-height: 80px;
  }

  .heading-34 {
    margin-top: 30px;
    line-height: 110px;
  }

  .heading-34.two {
    margin-top: -22px;
    margin-bottom: 60px;
    line-height: 110px;
  }

  .div-block-24 {
    width: auto;
  }

  .section-iconic-2 {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
  }

  .stickydiv-2 {
    top: 10%;
    height: 100vh;
    background-color: #000;
  }

  .ios__intro-2 {
    margin-top: 150px;
  }

  .ios__hardware-container-3 {
    padding-bottom: 0px;
    justify-content: space-around;
  }

  .download__para {
    width: auto;
  }

  .video-hero-desktop {
    display: block;
  }

  .video-hero-mobile {
    display: none;
  }

  .section-mask-zoom.hero {
    overflow: visible;
  }

  .sticky-div-2 {
    overflow: hidden;
  }

  .hardware-and-content-2.third-one {
    align-items: flex-end;
  }

  .icon-4 {
    display: none;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .progress-bar__content-4 {
    width: 14%;
  }

  .button-6 {
    white-space: nowrap;
  }
}

@media screen and (max-width: 767px) {
  .main-profiles-icon-container {
    flex-wrap: wrap;
  }

  .main-profiles-icon-container.one {
    display: none;
  }

  .main-profiles-icon-div {
    width: 40%;
    height: 20%;
    margin-bottom: 0px;
  }

  .main-profiles-icon-div.solo {
    width: 40%;
    height: 20%;
  }

  .container {
    max-width: 480px;
    flex-direction: column;
  }

  .manage-profiles-button {
    width: 40%;
  }

  .main-profiles-title {
    font-size: 6vw;
  }

  .main-profiles-overlay {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ranking__image {
    width: 30px;
    height: 30px;
  }

  .ranking__text {
    font-size: 20px;
  }

  .hero__btn {
    max-width: 80%;
    margin-right: 0rem;
    margin-bottom: 16px;
    justify-content: center;
  }

  .hero__btn.hero__btn--secondary {
    justify-content: center;
  }

  .netflix-img {
    max-width: 80%;
  }

  .netflix-img.hero__show-title {
    max-width: 70%;
  }

  .ranking {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .navbar__link {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 18px;
  }

  .navbar__link.navbar__link--bigger {
    padding-right: 0px;
    padding-left: 0px;
  }

  .navbar__menu {
    padding-top: 16px;
    padding-bottom: 16px;
    color: #141414;
  }

  .hero__btns {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .menu-button.w--open {
    padding-right: 6px;
    padding-left: 6px;
  }

  .image-4 {
    width: 20px;
  }

  .hero__text {
    width: 65%;
    font-size: 18px;
    line-height: 26px;
  }

  .netflix-div.hero__content {
    margin-top: 75.6vh;
    margin-bottom: 0px;
  }

  .netflix-hero {
    padding-right: 50px;
    padding-left: 50px;
  }

  .div-block-5.navbar__menu-right {
    display: flex;
    justify-content: flex-end;
    grid-column-gap: 7px;
  }

  .heading_wrap-scrll-txt {
    width: 90%;
  }

  .container-scrolling-txt {
    padding-top: 15vh;
    padding-right: 6vw;
    padding-left: 6vw;
  }

  .p-xl-start {
    padding-top: 6em;
  }

  .wow-animation {
    font-size: 0.7em;
  }

  .type-background-text {
    font-size: 32vw;
    line-height: 32vw;
  }

  .sub-header {
    font-size: 50px;
    text-align: center;
  }

  .info-paragraph {
    margin-bottom: 0px;
  }

  .no-rules-holder.reduce-top-spacing {
    padding-bottom: 20px;
  }

  .gradient-txt-container {
    font-size: 45px;
    font-weight: 400;
  }

  .container-11.small {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .section_body.large.about {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 5vw;
    line-height: 1.3;
  }

  .img-reveal_wrap.hero_img-wrap {
    height: 80vh;
  }

  ._2_section_recommandation {
    margin-top: 50px;
  }

  .title-content {
    margin-top: 20px;
  }

  .split-lines {
    font-size: 3.2em;
  }

  .single-marque-div {
    height: 12vh;
  }

  .about {
    padding-left: 0vw;
  }

  .recommended-slider {
    height: 170px;
  }

  .hero {
    display: none;
  }

  .img-16-9 {
    display: block;
  }

  .subheading {
    width: 60%;
    margin-left: auto;
    font-size: 28px;
  }

  ._7_section-headline {
    padding-top: 65px;
  }

  .download {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .sub-section-headline {
    font-size: 32px;
  }

  .subheading-wrap {
    margin-top: 19px;
    justify-content: center;
    text-align: center;
  }

  .ix-shadow {
    width: 100%;
  }

  .headline-container {
    width: 87.5%;
    max-width: none;
  }

  .headline-container.container--center-flex {
    justify-content: center;
    align-items: center;
    text-align: left;
  }

  .heading-center {
    font-size: 2rem;
    line-height: 1.6;
  }

  .floatingsection.float2 {
    width: 90%;
  }

  .floatingsection.float2 {
    width: 90%;
  }

  ._6_section-rules {
    justify-content: space-between;
    align-items: center;
  }

  .hero_heading-2 {
    font-size: 22vw;
  }

  .scramble-text {
    font-size: 1.5rem;
  }

  .grid {
    align-items: flex-end;
  }

  .grid-item.text {
    padding-top: 10em;
  }

  .section-footer {
    position: relative;
  }

  .button_flex {
    padding-right: 40px;
    padding-left: 40px;
  }

  .button_component.menu-button-2 {
    padding-right: 3em;
    padding-left: 3em;
  }

  .button_text {
    font-size: 1.4em;
    line-height: 1.5;
    white-space: nowrap;
  }

  .text-size-h2 {
    font-size: 3em;
  }

  .text-size-h2.is-home-intro-1 {
    font-size: 2.2rem;
  }

  .home-cta_card {
    padding-top: 4.8em;
    padding-bottom: 4.8em;
  }

  .side-menu-text-wrap {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .button-3 {
    width: 45vw;
  }

  .modal__body {
    background-image: linear-gradient(180deg, transparent, transparent), url('../images/220320_ESTELLE_217-Edit.jpg');
    background-position: 0px 0px, 65% 50%;
  }

  .modal__text-wrap {
    height: 150vh;
  }

  .heading-14 {
    margin-top: 0px;
    font-size: 1em;
  }

  .div-block-6 {
    width: 100%;
    padding-top: 30vw;
    justify-content: flex-start;
  }

  .categories__content-wrapper {
    flex-direction: row;
    align-items: center;
  }

  .col.col-lg-4 {
    padding-left: 5vw;
    flex-basis: 58.333333%;
  }

  .recommandation-container {
    margin-top: 100px;
    padding-top: 0px;
  }

  .glowing-button.animation-section {
    margin-top: 40px;
  }

  .iphone-mockup {
    width: 40%;
  }

  .iphone-mockup.is-second {
    width: 100%;
    order: 1;
  }

  .iphone-mockup.is-second {
    width: 100%;
    order: 1;
  }

  .iphone-mockup.is-second {
    width: 52%;
    order: 1;
  }

  .iphone-shape {
    height: 100%;
  }

  .portrait-night__headline {
    font-size: 40px;
  }

  .portrait-night__headline.smaller {
    font-size: 30px;
    line-height: 1.2;
  }

  .raw__image-wrap {
    max-width: 50%;
  }

  .raw-image {
    width: 250px;
    height: 506px;
    background-size: 250px 506px;
  }

  .container-ios {
    padding-right: 0px;
    padding-left: 0px;
  }

  .container-ios.padding-container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .container-ios.container__relative {
    position: relative;
  }

  .raw__content {
    position: relative;
    top: -133px;
  }

  .ios__intro {
    margin-top: 142px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .lidar__content-wrapper {
    margin-left: 10px;
  }

  .container-iphone {
    padding-right: 0px;
    padding-left: 0px;
  }

  .container-iphone.container__relative {
    position: relative;
  }

  .container-iphone.container__relative {
    position: relative;
  }

  .lidar__header.lidar__header--white {
    font-size: 50px;
    line-height: 1;
  }

  .lidar__header.lidar__header--white {
    font-size: 50px;
    line-height: 1;
  }

  .lidar__header.lidar__header--white.lidar-thin {
    font-size: 55px;
  }

  .lidar__header.lidar__header--white {
    font-size: 50px;
    line-height: 1;
  }

  .lidar__header.lidar-white {
    font-size: 55px;
  }

  .content-2 {
    margin-left: 20px;
  }

  .lets-work-text {
    transform: translate(-100px, 0px) scale(0.6);
  }

  .lets-work-stoke-text {
    margin-top: -76px;
    transform: translate(-243px, 0px) scale(0.6);
  }

  ._9_section-lets-work-together {
    padding: 40px 24px;
  }

  ._9_section-lets-work-together.award {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .copyright-wrapper {
    flex-direction: column;
    justify-content: center;
    grid-row-gap: 20px;
  }

  .home-photos_target-item {
    width: 60%;
    height: 20%;
  }

  .home-photos_target-item.is-5 {
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 40%;
    height: 50%;
    margin-right: 6%;
    margin-bottom: 6vh;
    margin-left: 0%;
  }

  .home-photos_target-item.is-2 {
    width: 70%;
    height: 37%;
  }

  .home-photos_target-item.is-3 {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    width: 38%;
    margin-left: 47%;
  }

  .home-photos_target-item.is-4 {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    width: 100%;
    height: 40%;
    margin-top: 21.5vh;
    margin-left: 0%;
  }

  ._3_section-its-time {
    margin-top: 0px;
    padding-right: 0px;
    padding-bottom: 0vh;
    padding-left: 0px;
  }

  .large-header-wrap {
    padding-top: 3px;
    padding-bottom: 7px;
    flex-direction: column;
  }

  .heading-overflow {
    margin-bottom: -0.4rem;
    padding-top: 0px;
    flex-direction: row;
  }

  .hero-paragrapgh {
    margin-top: 0.25rem;
    font-size: 0.9rem;
  }

  .heading-17 {
    font-size: 25px;
  }

  .thanks_img.is-1 {
    width: 90px;
  }

  .thanks_img.is-3 {
    width: 90px;
  }

  .thanks_img.is-2 {
    width: 90px;
  }

  .note_contain {
    margin-top: 60px;
  }

  .container-full.service {
    flex-direction: column;
  }

  .caption-text {
    font-size: 0.6rem;
  }

  .paragraph {
    font-size: 9px;
    line-height: 1.2;
  }

  .new-gif-big {
    width: 70px;
    height: 85px;
  }

  .new-italic {
    font-size: 37px;
    line-height: 1;
  }

  .new-italic.h {
    font-size: 31px;
  }

  .grid-box {
    align-items: flex-end;
  }

  .ab-text {
    font-size: 12px;
    line-height: 14px;
  }

  .titels-and-gifs-box {
    grid-column-gap: 10px;
  }

  .hero-paragraph {
    margin-top: 20px;
    font-size: 17px;
    text-align: center;
  }

  .new-container {
    grid-column-gap: 20px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .new-giff {
    width: 60px;
    height: 39px;
  }

  .new-giff.max-h {
    width: 60px;
    height: 39px;
  }

  .new-hero {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .new-san {
    font-size: 60px;
  }

  .new-san.small {
    font-size: 43px;
  }

  .new-san.small.purple {
    font-size: 30px;
  }

  .new-san.big {
    font-size: 40px;
  }

  .new-san.small {
    font-size: 43px;
  }

  .link-block-3 {
    width: 80vw;
    justify-content: space-around;
  }

  .spacing-div.sticky {
    height: 500vh;
  }

  ._5_section-gif.hero-center {
    margin-top: 15vh;
  }

  .heading-small {
    font-size: 3em;
  }

  .heading-serif-medium.text-color-orange {
    font-size: 3.2em;
  }

  .heading-serif-medium.text-color-orange {
    font-size: 3.2em;
  }

  .center-wrapper.margin {
    font-size: 10px;
  }

  .heading-xlarger {
    font-size: 12.8em;
  }

  .heading-xlarger.rotate {
    transform: translate(0px, 35px) rotate(5deg);
    font-size: 25em;
  }

  ._8_section-perso {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading {
    font-size: 48px;
  }

  .quote {
    justify-content: center;
    align-items: center;
  }

  .paragraph-7.centered {
    font-size: 17px;
  }

  .zoom-div {
    transform: scale(0.7);
  }

  .zoomed-mac {
    align-items: center;
  }

  .scene---trigger {
    height: 300vh;
  }

  .img---wrap {
    padding-top: 177%;
  }

  .portfolio---item {
    width: 33.333vw;
  }

  .div-block-17 {
    margin-right: auto;
    margin-left: auto;
    padding-right: 10vw;
    padding-left: 10vw;
  }

  .heading-21 {
    font-size: 50px;
    line-height: 70px;
  }

  .heading-21.digital-text.z-index {
    font-size: 80px;
  }

  .heading-22 {
    margin-right: auto;
    margin-left: auto;
  }

  .project-img-div {
    margin-top: 40px;
  }

  .container-33 {
    padding-right: 10vh;
    padding-left: 10vh;
  }

  .section-catch {
    overflow: hidden;
  }

  .div-block-4 {
    flex-direction: column;
  }

  .hero-section-2 {
    background-size: auto;
  }

  .section-text {
    display: flex;
    height: 100vh;
    align-items: center;
  }

  .heading-4 {
    margin-top: 40px;
    font-size: 80px;
    line-height: 100px;
  }

  .menu__nav-link {
    margin-bottom: 15px;
    padding-left: 0px;
    font-size: 46px;
  }

  .header__humb {
    width: 40px;
    height: 40px;
    margin-left: -11px;
    padding: 13px 11px;
  }

  .category-lottie-animation {
    left: -5%;
    top: 0%;
    right: auto;
    bottom: auto;
  }

  .intro {
    line-height: 1.5em;
    text-align: justify;
  }

  .title {
    font-size: 5em;
  }

  .title.mobile {
    display: none;
  }

  .title-wrapper-2 {
    justify-content: space-between;
  }

  .my-container-2 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .image-10 {
    width: auto;
    height: auto;
    max-height: none;
  }

  .header_component {
    height: 150vh;
  }

  .margin-top {
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
  }

  .header_content-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .margin-bottom-2 {
    margin-top: 0rem;
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .header_image-wrapper.is-image-5 {
    width: 28vw;
  }

  .header_image-wrapper.is-image-6 {
    right: 50vw;
    width: 26vw;
  }

  .header_image-wrapper.is-image-4 {
    width: 26vw;
  }

  .header_image-wrapper.is-image-2 {
    left: 52vw;
    width: 30vw;
  }

  .header_image-wrapper.is-image-1 {
    width: 30vw;
  }

  .header_image-wrapper.is-image-3 {
    width: 28vw;
  }

  .header_ix-trigger {
    margin-top: 35rem;
  }

  .header_content {
    padding-top: 4rem;
  }

  .padding-global {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  ._01-section-unforgettable {
    position: static;
    overflow: visible;
    max-height: 1030px;
    margin-bottom: 60px;
  }

  .heading-27 {
    padding-right: 40px;
    padding-left: 40px;
    font-size: 30px;
    line-height: 45px;
  }

  .img-span_img {
    max-height: 350px;
    max-width: 200px;
    min-width: 100px;
  }

  .img-span_text {
    font-size: 5vw;
  }

  .bolder-text {
    font-size: 30px;
    line-height: 45px;
  }

  .wishlist {
    display: inline-block;
  }

  .column-product-photo {
    height: 80vh;
  }

  .logo {
    padding-left: 22px;
    float: left;
  }

  .product-content {
    width: 100%;
  }

  .extra-info-mobile {
    display: none;
  }

  .column-product-info {
    height: 80vh;
    min-height: 640px;
    padding-top: 28px;
  }

  .slider {
    height: 80vh;
  }

  .product-tabs {
    display: block;
  }

  .add-to-bag {
    display: inline-block;
  }

  .button-group {
    margin-bottom: 48px;
  }

  .page-2-right-wrapper {
    padding-right: 0%;
  }

  .page-2-left-wrapper {
    width: 50%;
  }

  .h2-color.h2-title {
    margin-left: -35px;
    font-size: 33px;
  }

  .first-text-block {
    width: 77%;
    margin-left: 25%;
  }

  .nav-triangle-dropdown {
    margin-left: 0px;
  }

  .grid-profiles-icons.grid-mobile {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: minmax(auto, 1fr) auto auto auto;
    grid-template-rows: minmax(auto, 1fr) auto auto auto;
  }

  .grid-profiles-icons.grid-desktop {
    display: none;
    max-width: 100%;
    justify-content: stretch;
    align-content: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: minmax(auto, 1fr) auto auto auto;
    grid-template-rows: minmax(auto, 1fr) auto auto auto;
  }

  .grid-profiles-solo.grid-profiles-icons.grid-mobile.solo-item {
    display: -ms-grid;
    display: grid;
    width: 50%;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: minmax(auto, 1fr) auto;
    grid-template-rows: minmax(auto, 1fr) auto;
  }

  ._8_section-perso-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  ._4_section-typed-2 {
    height: 250vh;
    margin-top: -150px;
  }

  .new-italic-2 {
    font-size: 37px;
    line-height: 1;
  }

  .heading-34 {
    font-size: 80px;
    line-height: 100px;
  }

  .heading-34.two {
    font-size: 80px;
    line-height: 90px;
  }

  ._10_section-iphone-text-2 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .floattext-top-2 {
    max-width: 680px;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
  }

  .ios__intro-2 {
    margin-top: 0px;
  }

  .ios__hardware-container-3 {
    margin-top: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .hardware-and-ui-3 {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .text__content-wrapper {
    width: 100%;
    margin-left: 10px;
  }

  .download__para.download__lidar-para.charge__para.center-align {
    width: 300px;
    font-size: 17px;
  }

  .ios__overflow-hiddne-4 {
    overflow: hidden;
  }

  .video-hero-desktop {
    display: none;
  }

  .video-hero-mobile {
    display: block;
  }

  .section-mask-zoom.hero {
    display: block;
  }

  .hardware-and-content-2.center.second {
    width: 60%;
    margin-top: -80px;
    justify-content: center;
  }

  .div-block-25 {
    margin-top: -161px;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .heading-41 {
    margin-bottom: 20px;
  }

  .card {
    height: 64vh;
    max-width: none;
    min-width: 350px;
    padding: 24px 33px 24px 32px;
  }

  .heading-xxl {
    font-size: 6rem;
  }

  .section_tip {
    overflow: auto;
    align-items: center;
  }

  .page-padding {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  .main-wrapper {
    width: 100%;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

@media screen and (max-width: 479px) {
  .main-profiles-icon-container {
    flex-wrap: wrap;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .main-profiles-icon-div {
    width: 60%;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .main-profiles-icon-div.solo {
    width: 100%;
    height: 50%;
  }

  .main-profiles-add-icon {
    border-radius: 6px;
  }

  .container {
    padding-right: 0px;
    padding-left: 0px;
  }

  .loading-screen {
    display: none;
    height: 100vh;
    align-items: flex-start;
  }

  .netflix-loading-animation {
    width: auto;
    height: 100vh;
  }

  .netflix-loading-animation.desktop {
    display: none;
  }

  .netflix-loading-animation.mobile {
    display: flex;
    width: 120%;
    height: 100vh;
    margin-right: 0px;
    margin-left: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
    order: 1;
    background-color: #000;
    -o-object-fit: fill;
       object-fit: fill;
  }

  .manage-profiles-button {
    width: 80%;
  }

  .main-profiles-title {
    font-size: 10vw;
  }

  .main-profiles-overlay {
    height: 100vh;
  }

  .main-profiles-image-div {
    border-radius: 6px;
  }

  .main-profiles-image {
    border-radius: 6px;
  }

  .main-profiles-name {
    padding-top: 5px;
    padding-bottom: 20px;
    font-size: 13px;
  }

  .ranking__text {
    font-size: 16px;
  }

  .brand.navbar__logo {
    padding-left: 0px;
  }

  .hero__btn {
    overflow: visible;
    width: 100%;
    max-width: 87%;
    margin-right: 0rem;
    margin-bottom: 16px;
    justify-content: center;
    -ms-grid-row-align: center;
        align-self: center;
  }

  .hero__btn.hero__btn--secondary {
    justify-content: center;
  }

  ._1_section_hero.hero {
    margin-top: 50px;
    background-position: 0px 0px, 0px 0px, 100% 0%;
    background-size: auto, auto, cover;
  }

  ._1_section_hero.hero {
    margin-top: 50px;
    background-image: url('../images/20220717_COLDPLAY_094.jpg'), linear-gradient(180deg, null, null), linear-gradient(180deg, null, null);
    background-position: 50% 50%, 0px 0px, 0px 0px;
    background-size: auto, auto, auto;
  }

  .netflix-img {
    max-width: 90%;
  }

  .netflix-img.hero__show-title {
    display: none;
    max-width: 80%;
  }

  .ranking {
    margin-left: 20px;
  }

  .navbar__link {
    padding: 14px 12px;
    font-size: 18px;
  }

  .navbar__link.navbar__link--bigger {
    font-size: 10px;
  }

  .navbar__menu {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .hero__btns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }

  .menu-button {
    padding-right: 5px;
    padding-left: 5px;
  }

  .image-4 {
    width: 20px;
  }

  .hero__text {
    margin-left: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .netflix-div.hero__content {
    margin-top: 29.9em;
    padding-top: 0px;
    padding-left: 0px;
  }

  .netflix-hero {
    padding: 0px 16px;
  }

  .netflix-hero.hero {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
  }

  .div-block-5.navbar__menu-right {
    display: flex;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .navbar__profile-picture {
    margin-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .heading_wrap-scrll-txt {
    width: 90%;
  }

  .container-scrolling-txt {
    padding-right: 4vw;
    padding-bottom: 0vh;
    padding-left: 4vw;
  }

  .container-7 {
    width: 90vw;
  }

  .type-background-text {
    font-size: 40vw;
    line-height: 40vw;
  }

  .sticky-circle_img {
    -o-object-position: 45% 50%;
       object-position: 45% 50%;
  }

  .header_text_2 {
    display: block;
    font-size: 1vw;
  }

  .sub-header {
    font-size: 35px;
  }

  .info-paragraph {
    font-size: 20px;
  }

  .intro-typography-gradient-image {
    height: 100vh;
  }

  .cards-grid {
    overflow: hidden;
    width: 100%;
  }

  .intro-black-top {
    top: -60vh;
  }

  .gradient-txt-container {
    font-size: 33px;
  }

  .typography-gradient-holder {
    font-size: 32px;
  }

  .grow-text {
    font-size: 8vw;
  }

  .img-span {
    display: flex;
    justify-content: center;
    font-size: 5vw;
  }

  .img-reveal_wrap.hero_img-wrap {
    height: 60vh;
  }

  .section-11.hero {
    padding-bottom: 5em;
  }

  ._2_section_recommandation {
    overflow: hidden;
    margin-top: -60px;
    padding-top: 0px;
    padding-left: 0px;
  }

  .title-content {
    margin-top: 0px;
    padding-left: 30px;
    font-size: 16px;
  }

  .split-lines {
    font-size: 2.8em;
  }

  .single-marque-div {
    height: 8vh;
  }

  .link_container {
    padding: 1vw;
  }

  .link-2 {
    font-size: 10px;
  }

  .hero {
    display: block;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .subheading {
    font-size: 18px;
  }

  ._8_section-see-the-unseen {
    padding-bottom: 40px;
  }

  .sub-section-headline {
    font-size: 35px;
    text-align: center;
  }

  .ix-shadow {
    font-size: 0vw;
  }

  .phone-mockup {
    max-height: none;
  }

  .status-icon {
    padding-right: 3px;
    padding-left: 3px;
  }

  .status-icon.hidden-on-mobile {
    display: none;
  }

  .phone-wrapper {
    width: auto;
    height: auto;
    max-height: 882px;
    max-width: 437px;
    -o-object-fit: fill;
       object-fit: fill;
  }

  .status-bar {
    padding-top: 10px;
    padding-right: 16px;
  }

  .heading-center {
    font-size: 35px;
  }

  .unlock-phone-animation {
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .floatingsection.float2 {
    width: 100%;
    height: 60vh;
    padding-right: 10px;
    padding-left: 10px;
  }

  ._6_section-rules {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .main-wrapper-about.home-page {
    margin-top: 0px;
  }

  .hero_heading-wrap {
    transform: translate3d(0px, 0px, 100px) scale(0.9) perspective(2000px);
  }

  .hero_heading-2 {
    font-size: 13vw;
  }

  .hero_heading-2.heading-1 {
    margin-top: 80px;
  }

  .hero_heading-2.heading-4 {
    margin-top: -57px;
  }

  .hero_heading_embed {
    width: 88%;
  }

  .icon-button-2 {
    font-size: 0.75rem;
  }

  .footer-copyright {
    width: 100%;
    padding-top: 23px;
    text-align: center;
  }

  .scramble-text {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .grid {
    z-index: 999;
    align-items: flex-end;
  }

  .line-big {
    display: none;
    width: 70em;
  }

  .text-big {
    position: relative;
    z-index: 1;
    font-size: 35px;
  }

  .text-big.is--thin {
    padding-bottom: 0px;
    font-size: 20px;
  }

  .color-block {
    top: -12%;
    right: -18%;
    filter: blur(90px);
  }

  .grid-item.text {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }

  .grid-item.text._2 {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }

  .contact-big {
    display: block;
    font-size: 0vw;
  }

  .section-footer {
    padding-top: 7px;
  }

  .button_component {
    padding-right: 3em;
    padding-left: 3em;
  }

  .button_component.menu-button-2 {
    padding: 2.2em;
  }

  .button_text {
    font-size: 9px;
  }

  .home-cta_section {
    padding-top: 10%;
  }

  .text-size-h2 {
    font-size: 2.5em;
  }

  .text-size-h2.is-home-intro-1 {
    font-size: 1.3rem;
  }

  .home-cta_card {
    width: 88%;
  }

  .side-menu-text-wrap {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .modal__body {
    padding-right: 0px;
    padding-left: 0px;
  }

  ._6_section-hero__fixed {
    padding-top: 0px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .image.is-one {
    top: 35%;
    bottom: 0%;
    display: block;
    width: 100%;
    height: 30%;
  }

  .image.is-two {
    top: 35%;
    display: block;
    height: 30%;
  }

  .image.is-three {
    top: 35%;
    display: block;
    height: 30%;
  }

  .image.is-four {
    top: 35%;
    display: block;
    height: 30%;
  }

  .image.is-five {
    top: 35%;
    display: block;
    height: 30%;
  }

  .image.is-six {
    top: 35%;
    display: block;
    height: 30%;
  }

  .p__left {
    font-size: 19px;
    line-height: 1.4;
  }

  .categories__content-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .col.col-lg-4 {
    max-width: 80%;
    font-size: 17px;
    text-align: center;
  }

  .container-hero__texts {
    padding-right: 1em;
    padding-left: 1em;
  }

  .paragraph-slogan-text {
    font-size: 5vw;
  }

  ._4_section-slogan {
    display: block;
    padding-right: 15vw;
    padding-left: 15vw;
  }

  .sticky-circle {
    padding-top: 10em;
  }

  .iphone-mockup.is-second {
    width: 100%;
  }

  .iphone-mockup.is-second {
    width: 100%;
  }

  .iphone-mockup.is-second {
    width: 100%;
  }

  .portriat-night__para {
    text-align: center;
  }

  .raw__image-wrap {
    max-width: none;
  }

  .container-ios {
    padding-right: 0px;
    padding-left: 0px;
  }

  .container-ios.padding-container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .row-2.space-between {
    flex-direction: column;
    align-items: center;
  }

  .raw__content {
    max-width: none;
  }

  .ios__intro {
    margin-top: 80%;
  }

  .container-iphone {
    padding-right: 0px;
    padding-left: 0px;
  }

  .lidar__header.lidar__header--white {
    font-size: 40px;
  }

  .lidar__header.lidar__header--white {
    font-size: 40px;
  }

  .lidar__header.lidar__header--white.lidar-thin {
    font-size: 40px;
  }

  .lidar__header.lidar__header--white {
    font-size: 40px;
  }

  .lidar__header.lidar-white {
    font-size: 50px;
    line-height: 0.5;
  }

  .content-2 {
    display: flex;
    margin-bottom: 0%;
    margin-left: 0px;
    padding: 0px 20px;
    flex-direction: column;
    background-color: transparent;
    opacity: 1;
  }

  ._9_section-lets-work-together {
    padding-right: 16px;
    padding-left: 16px;
  }

  .copyright-wrapper {
    padding-left: 0px;
  }

  .legal-link-wrapper {
    justify-content: center;
    flex-wrap: wrap;
    grid-row-gap: 10px;
  }

  .home-photos_target-item.is-5 {
    width: 60%;
  }

  .base-heading {
    font-size: 3rem;
    text-align: center;
    letter-spacing: 2px;
  }

  ._7_be-remembered-wrapper {
    max-height: 100vh;
  }

  .stack-text {
    font-size: 3rem;
    letter-spacing: 2px;
  }

  ._3_section-its-time {
    padding-bottom: 2vh;
  }

  .section-header-wrapper {
    padding-left: 0rem;
  }

  .large-header-wrap {
    flex-direction: column;
    align-items: center;
  }

  .heading-overflow {
    display: flex;
    overflow: hidden;
    padding-top: 0px;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .big-split-header {
    margin-top: 0px;
    font-size: 3.2rem;
  }

  .big-split-header.outline {
    padding-bottom: 3px;
  }

  .hero-paragrapgh {
    font-size: 1rem;
  }

  .content-typo-effect {
    max-width: 100%;
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .heading-17 {
    font-size: 25px;
  }

  .thanks_img.is-1 {
    width: 70px;
  }

  .thanks_img.is-3 {
    width: 70px;
  }

  .thanks_img.is-2 {
    width: 70px;
  }

  .section3_contain {
    width: 50vw;
  }

  .section3_heading {
    font-size: 6vw;
  }

  .container-full.service {
    flex-direction: column;
  }

  .caption-text {
    font-size: 0.8rem;
  }

  .asterix {
    font-size: 1rem;
  }

  .container-tiny {
    display: none;
  }

  .container-tiny.small-text {
    display: none;
  }

  .span-text.p-1 {
    font-size: 11px;
    line-height: 1.6;
  }

  .service-wrapper {
    width: 100%;
    margin-top: 10px;
    grid-column-gap: 2em;
    grid-row-gap: 3em;
  }

  .paragraph-2 {
    font-size: 5vw;
  }

  .cta-container {
    width: 100%;
  }

  .h1---style {
    font-size: 10.9em;
  }

  .infinite-marquee {
    width: 900%;
  }

  ._1_section-scrollable_bg {
    height: 90vh;
  }

  .new-gif-big {
    width: 90px;
    height: 50px;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .new-italic {
    font-size: 36px;
    line-height: 1;
  }

  .new-italic.h {
    font-size: 20px;
  }

  .grid-box {
    margin-top: 10px;
    justify-content: center;
    align-items: center;
    grid-row-gap: 0px;
  }

  .ab-text {
    font-size: 12px;
    line-height: 12px;
  }

  .titels-and-gifs-box {
    flex-direction: column;
  }

  .hero-paragraph {
    margin-top: 40px;
    color: #cecece;
    font-size: 16px;
    line-height: 147.5%;
    font-weight: 400;
    text-align: center;
  }

  .new-container {
    align-content: center;
    grid-auto-columns: 0.25fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .grid-box-bottom {
    justify-content: space-between;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .grid-box-flute {
    margin-top: 10px;
    justify-content: flex-end;
  }

  .new-giff {
    height: 30px;
  }

  .new-giff.max-h {
    height: 34px;
  }

  .new-hero {
    display: flex;
    height: 80vh;
    padding-right: 20px;
    padding-left: 20px;
  }

  .new-san {
    font-size: 48px;
    line-height: 48px;
  }

  .new-san.small {
    font-size: 36px;
    line-height: 1;
    text-align: center;
  }

  .new-san.small.purple {
    font-size: 20px;
  }

  .new-san.big {
    font-size: 30px;
  }

  .new-san.small {
    font-size: 36px;
    line-height: 1;
    text-align: center;
  }

  ._6_section-projects {
    padding-right: 20px;
    padding-left: 20px;
  }

  .project-cat {
    padding-top: 0px;
  }

  .hidden-scroll.top {
    overflow: hidden;
    height: 30px;
    margin-bottom: 1em;
    flex-direction: column;
    align-items: center;
  }

  .scrollerprojet.top {
    margin-bottom: 0em;
  }

  .link-block-3 {
    width: 100%;
  }

  .head-project {
    padding-right: 40px;
    padding-left: 40px;
    font-size: 24px;
  }

  .cursor-2 {
    display: none;
  }

  .spacing-div.sticky {
    height: 400vh;
  }

  .sticky-code {
    margin-top: 20px;
  }

  .image-hero {
    height: 37vh;
  }

  .image-hero.position {
    height: 37vh;
    margin-left: -18px;
  }

  .heading-small {
    font-size: 2.5em;
  }

  .heading-serif-medium {
    margin-bottom: -1px;
    font-size: 3em;
  }

  .heading-serif-medium.text-color-orange {
    font-size: 2.2em;
  }

  .heading-serif-medium.text-color-orange {
    font-size: 2.5em;
  }

  .track {
    height: 150vh;
  }

  .center-wrapper.margin {
    margin-bottom: 40px;
  }

  .heading-xlarger {
    font-size: 6.5em;
  }

  .heading-xlarger.rotate {
    transform: translate(0px, 25px) rotate(5deg);
    font-size: 35em;
  }

  .container-32 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .heading {
    font-size: 48px;
    line-height: 43px;
    text-align: center;
  }

  .grey {
    font-size: 23px;
    line-height: 1em;
  }

  .person-wrapper {
    width: 82vw;
  }

  .zoom-div {
    width: 100vw;
    height: 26%;
    background-image: url('../images/20211024-CHA-031_MOBILE.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .main-heading {
    font-size: 4em;
  }

  .text-filed {
    height: 38px;
    font-size: 36px;
  }

  .release-small.small-left {
    margin-right: 0.5em;
  }

  .release-small.small-right {
    margin-left: 0.5em;
  }

  .top {
    margin-bottom: 1em;
  }

  .heading-21 {
    font-size: 17vw;
    line-height: 20vh;
  }

  .heading-21.digital-text.z-index {
    font-size: 50px;
    line-height: 17px;
    font-weight: 300;
  }

  .heading-21.heading212 {
    font-size: 11vw;
  }

  .div-block-9 {
    margin-bottom: 80px;
  }

  .container-33 {
    max-width: 100%;
    padding-right: 5vh;
    padding-left: 5vh;
  }

  .section-catch {
    overflow: hidden;
  }

  .hero-section-2 {
    background-position: 50% 50%;
    background-size: auto 60%;
    background-attachment: fixed;
  }

  .section-text {
    padding-bottom: 100px;
  }

  .slide-item {
    height: auto;
  }

  .heading-4 {
    margin-top: 20px;
    font-size: 40px;
    line-height: 50px;
  }

  .menu__nav-link {
    margin-bottom: 10px;
    font-size: 36px;
  }

  .intro-wrapper {
    display: flex;
    max-width: 100%;
    align-items: flex-start;
  }

  .intro {
    display: flex;
    font-size: 2.3em;
    line-height: 1.4em;
    text-align: center;
  }

  .title {
    margin-right: auto;
    margin-left: auto;
    font-size: 4.6em;
    line-height: 6em;
  }

  .title.mobile {
    display: none;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    text-align: left;
  }

  .title-section {
    height: 80vh;
    margin-top: 50%;
    justify-content: flex-start;
    font-size: 1.8vw;
  }

  .title-wrapper-2 {
    top: -12%;
    display: block;
  }

  .title-wrapper-2.second {
    top: 50%;
  }

  .my-container-2 {
    display: block;
    padding-top: 50px;
  }

  .image-10 {
    width: auto;
    height: auto;
    max-height: none;
    max-width: 479px;
  }

  .margin-top {
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
  }

  .margin-bottom-2 {
    margin-top: 0rem;
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .header_image-wrapper {
    width: 30vw;
    height: 35vw;
  }

  ._01-section-unforgettable {
    position: static;
    display: flex;
    overflow: hidden;
    max-height: none;
    max-width: none;
    min-height: 80vh;
    min-width: auto;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }

  .heading-27 {
    display: flex;
    max-width: 240px;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    flex-direction: column;
    align-items: center;
    font-size: 37px;
    line-height: 50px;
  }

  .div-block-20 {
    display: flex;
    max-width: 100%;
    min-width: 100%;
    padding-top: 40px;
    flex-direction: column;
    justify-items: stretch;
    align-items: stretch;
    -ms-grid-columns: 25vw;
    grid-template-columns: 25vw;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .modal-container {
    width: 85%;
    max-width: 80%;
  }

  .img-span_text {
    font-size: 7vw;
    line-height: 2;
  }

  .bolder-text {
    font-size: 22px;
    line-height: 30px;
  }

  .tab-title {
    margin-right: 0px;
    margin-left: 0px;
  }

  .wishlist {
    display: block;
  }

  .column-product-photo {
    height: 70vh;
  }

  .logo {
    float: left;
  }

  .shippinh {
    margin-top: 40px;
  }

  .extra-info-mobile {
    display: block;
  }

  .column-product-info {
    height: auto;
    min-height: 700px;
    padding-top: 40px;
  }

  .slider {
    height: 70vh;
  }

  .product-tabs {
    display: none;
  }

  .add-to-bag {
    display: block;
  }

  .image-12 {
    display: inline-block;
    margin-top: 0px;
  }

  .image-12.coeur {
    margin-top: 0px;
  }

  ._02_section-level-up {
    margin-top: -41px;
  }

  .third-text-block {
    width: 100%;
    margin-top: 400px;
    margin-left: 0%;
    order: -1;
  }

  .images-row {
    width: 100%;
    padding-right: 0px;
  }

  .page-2 {
    overflow: hidden;
    height: auto;
  }

  .page-2-right-wrapper {
    width: 100%;
    padding-top: 0%;
    padding-right: 2%;
    padding-left: 2%;
  }

  .columns-wrapper {
    flex-direction: column;
  }

  .p2 {
    font-size: 14px;
    line-height: 14px;
  }

  .page-2-left-wrapper {
    width: 100%;
    padding-right: 2%;
    padding-left: 2%;
  }

  .h2-color {
    font-size: 18vw;
  }

  .h2-color.h2-title {
    margin-left: 0px;
    font-size: 28px;
  }

  .left-image---2 {
    margin-bottom: 38px;
  }

  .first-text-block {
    width: auto;
    margin-right: 2%;
    margin-bottom: 200px;
    margin-left: 2%;
  }

  .settings-link-text {
    font-size: 3vw;
  }

  .grid-profiles-icons.grid-mobile {
    display: -ms-grid;
    display: grid;
    width: 80%;
    margin-bottom: 10px;
    justify-content: space-between;
    justify-items: stretch;
    align-items: center;
    align-content: space-between;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 4px;
    -ms-grid-columns: 0.5fr 0.5fr;
    grid-template-columns: 0.5fr 0.5fr;
    -ms-grid-rows: 1fr auto auto auto;
    grid-template-rows: 1fr auto auto auto;
  }

  .grid-profiles-icons.grid-desktop {
    display: none;
  }

  .grid-profiles-solo {
    grid-column-gap: 10px;
    grid-row-gap: 4px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid-profiles-solo.grid-profiles-icons.grid-mobile {
    justify-items: center;
    align-items: center;
    -ms-grid-row-align: center;
        align-self: center;
    -ms-grid-columns: 0.5fr;
    grid-template-columns: 0.5fr;
    -ms-grid-rows: minmax(auto, 1fr) auto;
    grid-template-rows: minmax(auto, 1fr) auto;
    text-align: center;
  }

  .grid-profiles-solo.grid-profiles-icons.grid-mobile.solo-item {
    display: -ms-grid;
    display: grid;
    width: 50%;
    justify-content: center;
    justify-items: center;
    align-content: space-between;
    grid-auto-columns: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 4px;
    -ms-grid-columns: 0.5fr;
    grid-template-columns: 0.5fr;
    -ms-grid-rows: minmax(auto, 1fr) auto;
    grid-template-rows: minmax(auto, 1fr) auto;
  }

  ._8_section-ios-2 {
    height: 300vh;
  }

  .text-span-27 {
    color: #fff;
    font-weight: 900;
  }

  .container-37 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .new-italic-2 {
    font-size: 36px;
    line-height: 1;
  }

  .new-hero-2 {
    display: flex;
    height: 80vh;
    padding-right: 20px;
    padding-left: 20px;
  }

  .heading-33 {
    margin-bottom: 60px;
    font-size: 17px;
  }

  .heading-34 {
    display: none;
    margin-top: 35px;
    font-size: 80px;
    line-height: 90px;
  }

  .heading-34.two {
    display: none;
    margin-top: -19px;
    margin-bottom: 60px;
    text-align: left;
  }

  .div-block-24 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .heading-35 {
    font-size: 18px;
  }

  .floattext-top-2 {
    max-width: 280px;
    font-size: 40px;
    line-height: 40px;
  }

  .floattext-2 {
    font-size: 12px;
    line-height: 1.5;
  }

  .stickydiv-2 {
    display: flex;
    width: 70%;
    height: auto;
    justify-content: center;
  }

  .phone-content-wrapper-2 {
    left: 14px;
    top: 11px;
    right: 14px;
    bottom: 12px;
    width: 92%;
    border-radius: 25px;
  }

  .iphone-mockup-container {
    width: auto;
  }

  .iphone-mockup-container.center {
    position: absolute;
    order: -1;
  }

  .iphone-mockup-container.center.first-one {
    z-index: 1;
  }

  .iphone-mockup-container.center.second {
    z-index: 2;
  }

  .iphone-mockup-container.third-one {
    position: relative;
    z-index: 3;
  }

  .ios__hardware-container-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .text__content-wrapper {
    margin-top: 60px;
  }

  ._8_section-iphone-zoom {
    height: 300vh;
    margin-bottom: -250px;
  }

  .download__para {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
  }

  .download__para.download__lidar-para.charge__para.center-align {
    font-size: 20px;
  }

  .ios__overflow-hiddne-4 {
    height: 200vh;
    padding-top: 100px;
    background-color: #000;
  }

  .video-hero-desktop {
    display: none;
  }

  .video-background.video-bg-commercial {
    background-image: url('../images/220310_EDEN_044_FULL.jpg');
    background-position: 0px 0px;
    background-size: cover;
  }

  .video-background.video-bg-commercial.video-bg-desktop {
    display: block;
    background-image: none;
  }

  .video-background.video-bg-commercial.video-bg-mobile {
    display: block;
    height: 80vh;
    margin-top: 0px;
    background-image: url('../images/21.08.17_SARAIS-29.jpg');
    background-position: 50% 35%;
    background-size: cover;
  }

  .video-hero-mobile {
    display: block;
    height: 100vh;
    margin-top: 20px;
  }

  .video-hero-mobile.concert {
    margin-top: 20px;
  }

  .video-hero-mobile.video-bg-commercial {
    margin-top: 70px;
  }

  .section-mask-zoom.hero {
    z-index: -1;
    margin-top: -200px;
    margin-bottom: 0px;
  }

  .svg-2 {
    margin-top: 0vh;
    box-shadow: inset 0 0 0 2px #eff7ff, 0 0 0 70vh #eff7ff;
  }

  .sticky-container-iphone-3 {
    top: 0%;
    height: 170vh;
  }

  .hardware-and-content-2 {
    width: auto;
  }

  .hardware-and-content-2.third-one {
    position: relative;
    z-index: 3;
  }

  .hardware-and-content-2.center {
    position: absolute;
    order: -1;
  }

  .hardware-and-content-2.center.first-one {
    z-index: 1;
  }

  .hardware-and-content-2.center.second {
    z-index: 2;
    height: 190px;
    margin-top: 160%;
  }

  .div-block-25 {
    margin-top: 150%;
  }

  .div-block-26 {
    width: 40px;
    height: 40px;
    border-radius: 4px;
  }

  .pic-wrap {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0px 0px;
    background-size: auto;
  }

  .progres-bar-2 {
    width: 100%;
    margin-right: 8px;
  }

  .skill-header {
    margin-bottom: 0px;
  }

  .card-text {
    font-size: 14px;
  }

  .card__header {
    margin-bottom: 16px;
  }

  .heading-40 {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .progress-bar__content-4 {
    width: 14%;
  }

  .heading-41 {
    margin-bottom: 0px;
    font-size: 26px;
    line-height: 1;
  }

  .hole-container {
    margin-bottom: 24px;
  }

  .card {
    width: 90vw;
    height: 55vh;
    max-width: none;
    min-width: 0px;
    padding: 16px 24px;
  }

  .section_tip {
    overflow: visible;
  }

  .page-padding {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }
}

#w-node-eb9cd642-45da-8fc5-91fd-d05602b23eaa-e4209cb7 {
  -ms-grid-row-align: center;
      align-self: center;
  -ms-grid-column-align: center;
      justify-self: center;
}

#w-node-_4a871dc7-b0c8-64fd-5b4b-a625554533c1-e4209cb7 {
  -ms-grid-row-align: center;
      align-self: center;
  -ms-grid-column-align: center;
      justify-self: center;
}

#w-node-_3b461ed6-6c0b-2c95-ebea-0d851feca3dd-9c209ccc {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_3b461ed6-6c0b-2c95-ebea-0d851feca3df-9c209ccc {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_3b461ed6-6c0b-2c95-ebea-0d851feca3e1-9c209ccc {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_3b461ed6-6c0b-2c95-ebea-0d851feca3e3-9c209ccc {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_3b461ed6-6c0b-2c95-ebea-0d851feca3e7-9c209ccc {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_3b461ed6-6c0b-2c95-ebea-0d851feca3e9-9c209ccc {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_3c749ff9-fe28-1811-adf2-1e311095c8c4-c41d4196 {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: auto;
      align-self: auto;
}

#w-node-eab53b8a-1159-284d-5222-b0f0c41d41ab-c41d4196 {
  -ms-grid-column-align: end;
      justify-self: end;
}

#w-node-a2c074f6-2678-0320-642a-78b0cd2a9992-cd2a996f {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row-align: auto;
      align-self: auto;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c48-14209cd5 {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 6;
  grid-column-end: 8;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c4a-14209cd5 {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 4;
  grid-column-end: 6;
  -ms-grid-row: 4;
      grid-row-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c4c-14209cd5 {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 4;
  grid-column-end: 6;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c4d-14209cd5 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c4e-14209cd5 {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 3;
  grid-column-end: 6;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c52-14209cd5 {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c54-14209cd5 {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 5;
  grid-column-end: 7;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-column-align: center;
      justify-self: center;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c56-14209cd5 {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 2;
  grid-column-end: 5;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c57-14209cd5 {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c59-14209cd5 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_6d4f3b13-2003-cc94-413a-a46b99569c5a-14209cd5 {
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-column-span: 4;
  grid-column-end: 9;
  -ms-grid-row: 5;
      grid-row-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-grid-row-align: start;
      align-self: start;
}

#w-node-_640d22ca-e65b-b212-5ca4-fe51a6de2312-14209cd5 {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 12;
  grid-column-end: 13;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row-align: end;
      align-self: end;
}

#w-node-_640d22ca-e65b-b212-5ca4-fe51a6de2313-14209cd5 {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_640d22ca-e65b-b212-5ca4-fe51a6de2315-14209cd5 {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 10;
  grid-column-end: 11;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row-align: start;
      align-self: start;
}

#w-node-_640d22ca-e65b-b212-5ca4-fe51a6de231a-14209cd5 {
  -ms-grid-column: 8;
      grid-column-start: 8;
  -ms-grid-column-span: 4;
  grid-column-end: 12;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
}

#w-node-_1fbb9264-b2e3-7e8c-6f8e-3ed5e32c7e1e-ab209cee {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1fbb9264-b2e3-7e8c-6f8e-3ed5e32c7e21-ab209cee {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1fbb9264-b2e3-7e8c-6f8e-3ed5e32c7e24-ab209cee {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1fbb9264-b2e3-7e8c-6f8e-3ed5e32c7e27-ab209cee {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1fbb9264-b2e3-7e8c-6f8e-3ed5e32c7e2a-ab209cee {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cd2-0d209d0a {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 6;
  grid-column-end: 8;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cd4-0d209d0a {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 4;
  grid-column-end: 6;
  -ms-grid-row: 4;
      grid-row-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cd6-0d209d0a {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 4;
  grid-column-end: 6;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cd7-0d209d0a {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cd8-0d209d0a {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 3;
  grid-column-end: 6;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cda-0d209d0a {
  -ms-grid-column: 6;
      grid-column-start: 6;
  -ms-grid-column-span: 2;
  grid-column-end: 8;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 2;
  grid-row-end: 5;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cdc-0d209d0a {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cde-0d209d0a {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 5;
  grid-column-end: 7;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-column-align: center;
      justify-self: center;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9ce0-0d209d0a {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-column-span: 2;
  grid-column-end: 5;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9ce1-0d209d0a {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9ce3-0d209d0a {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9ce4-0d209d0a {
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-column-span: 4;
  grid-column-end: 9;
  -ms-grid-row: 5;
      grid-row-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-grid-row-align: start;
      align-self: start;
}

#w-node-_1939a135-caa2-9049-f7fa-aefa9b55867e-fc4db683 {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_9b65621c-ce7e-463c-01d8-aebb769b8148-fc4db683 {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_3eae891d-4caa-acdc-93d4-53667f4d32fc-fc4db683 {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_14c679ec-169a-f991-0991-96f3db0e792d-fc4db683 {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cc26d40e-ae01-64b0-00bf-34d6fd322e91-fc4db683 {
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-eb9cd642-45da-8fc5-91fd-d05602b23ec7-e4209cb7 {
    -ms-grid-column: span 1;
        grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
        grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_6d4f3b13-2003-cc94-413a-a46b99569c54-14209cd5 {
    -ms-grid-column: 3;
        grid-column-start: 3;
    -ms-grid-column-span: 5;
    grid-column-end: 8;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cde-0d209d0a {
    -ms-grid-column: 3;
        grid-column-start: 3;
    -ms-grid-column-span: 5;
    grid-column-end: 8;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_640d22ca-e65b-b212-5ca4-fe51a6de2312-14209cd5 {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }

  #w-node-_640d22ca-e65b-b212-5ca4-fe51a6de2315-14209cd5 {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }

  #w-node-_640d22ca-e65b-b212-5ca4-fe51a6de231a-14209cd5 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4a871dc7-b0c8-64fd-5b4b-a625554533d1-e4209cb7 {
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: center;
        align-self: center;
  }

  #w-node-_6d4f3b13-2003-cc94-413a-a46b99569c48-14209cd5 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-_6d4f3b13-2003-cc94-413a-a46b99569c54-14209cd5 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-column-align: center;
        justify-self: center;
  }

  #w-node-_6d4f3b13-2003-cc94-413a-a46b99569c56-14209cd5 {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 3;
    grid-column-end: 5;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }

  #w-node-_6d4f3b13-2003-cc94-413a-a46b99569c5a-14209cd5 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    -ms-grid-row: 4;
        grid-row-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
    -ms-grid-column-align: start;
        justify-self: start;
    -ms-grid-row-align: start;
        align-self: start;
  }

  #w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cd2-0d209d0a {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cde-0d209d0a {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-column-align: center;
        justify-self: center;
  }

  #w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9ce0-0d209d0a {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 3;
    grid-column-end: 5;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }

  #w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9ce4-0d209d0a {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    -ms-grid-row: 4;
        grid-row-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
    -ms-grid-column-align: start;
        justify-self: start;
    -ms-grid-row-align: start;
        align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4a871dc7-b0c8-64fd-5b4b-a625554533c5-e4209cb7 {
    -ms-grid-row-align: center;
        align-self: center;
    -ms-grid-column-align: center;
        justify-self: center;
  }

  #w-node-_4a871dc7-b0c8-64fd-5b4b-a625554533d5-e4209cb7 {
    -ms-grid-row-align: start;
        align-self: start;
  }

  #w-node-_4a871dc7-b0c8-64fd-5b4b-a625554533d7-e4209cb7 {
    -ms-grid-row-align: start;
        align-self: start;
  }

  #w-node-_4a871dc7-b0c8-64fd-5b4b-a625554533c9-e4209cb7 {
    -ms-grid-row-align: center;
        align-self: center;
    -ms-grid-column-align: center;
        justify-self: center;
  }

  #w-node-_4a871dc7-b0c8-64fd-5b4b-a625554533cd-e4209cb7 {
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: center;
        align-self: center;
  }

  #w-node-_4a871dc7-b0c8-64fd-5b4b-a625554533d9-e4209cb7 {
    -ms-grid-row-align: start;
        align-self: start;
  }

  #w-node-_4a871dc7-b0c8-64fd-5b4b-a625554533db-e4209cb7 {
    -ms-grid-row-align: start;
        align-self: start;
  }

  #w-node-_70d557f7-d3d8-73a7-263f-6ca9bd78a2b9-e4209cb7 {
    -ms-grid-column: span 1;
        grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
        grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_4a871dc7-b0c8-64fd-5b4b-a625554533d1-e4209cb7 {
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: center;
        align-self: center;
  }

  #w-node-eab53b8a-1159-284d-5222-b0f0c41d41a4-c41d4196 {
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: center;
        align-self: center;
  }

  #w-node-eab53b8a-1159-284d-5222-b0f0c41d41ab-c41d4196 {
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: center;
        align-self: center;
  }

  #w-node-_6d4f3b13-2003-cc94-413a-a46b99569c48-14209cd5 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-row-span: 2;
    grid-row-end: 5;
  }

  #w-node-_6d4f3b13-2003-cc94-413a-a46b99569c54-14209cd5 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: center;
        align-self: center;
  }

  #w-node-_6d4f3b13-2003-cc94-413a-a46b99569c56-14209cd5 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }

  #w-node-_6d4f3b13-2003-cc94-413a-a46b99569c5a-14209cd5 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 5;
        grid-row-start: 5;
    -ms-grid-row-span: 1;
    grid-row-end: 6;
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: start;
        align-self: start;
  }

  #w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cd2-0d209d0a {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 3;
        grid-row-start: 3;
    -ms-grid-row-span: 2;
    grid-row-end: 5;
  }

  #w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9cde-0d209d0a {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: center;
        align-self: center;
  }

  #w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9ce0-0d209d0a {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }

  #w-node-c88d731e-bd25-48e9-56d8-ce7ee89d9ce4-0d209d0a {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
    -ms-grid-row: 5;
        grid-row-start: 5;
    -ms-grid-row-span: 1;
    grid-row-end: 6;
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: start;
        align-self: start;
  }
}

@font-face {
  font-family: 'Fa v4compatibility';
  src: url('../fonts/fa-v4compatibility.woff2') format('woff2'), url('../fonts/fa-v4compatibility.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2'), url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'), url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monumentextended';
  src: url('../fonts/MonumentExtended-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monumentextended';
  src: url('../fonts/MonumentExtended-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monumentextended';
  src: url('../fonts/MonumentExtended-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Drukcond super';
  src: url('../fonts/DrukCond-Super-Cy-Gr-Web.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zeppelin 43';
  src: url('../fonts/Zeppelin-43.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zeppelin 43';
  src: url('../fonts/Zeppelin-43-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc trial';
  src: url('../fonts/Apoc-Normal-Trial-BoldItalic.otf') format('opentype'), url('../fonts/Apoc-Normal-Trial-HairlineItalic.otf') format('opentype'), url('../fonts/Apoc-Normal-Trial-DarkItalic.otf') format('opentype'), url('../fonts/Apoc-Normal-Trial-RegularItalic.otf') format('opentype'), url('../fonts/Apoc-Normal-Trial-UltraBoldItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc trial';
  src: url('../fonts/Apoc-Normal-Trial-Bold.otf') format('opentype'), url('../fonts/Apoc-Normal-Trial-Regular.otf') format('opentype'), url('../fonts/Apoc-Normal-Trial-UltraBold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc trial';
  src: url('../fonts/Apoc-Normal-Trial-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc trial hairline';
  src: url('../fonts/Apoc-Normal-Trial-Hairline.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc trial';
  src: url('../fonts/Apoc-Normal-Trial-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc revelations trial';
  src: url('../fonts/Apoc-Revelations-Trial-Bold.otf') format('opentype'), url('../fonts/Apoc-Revelations-Trial-UltraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc revelations trial';
  src: url('../fonts/Apoc-Revelations-Trial-BoldItalic.otf') format('opentype'), url('../fonts/Apoc-Revelations-Trial-UltraBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc revelations trial dark';
  src: url('../fonts/Apoc-Revelations-Trial-Dark.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc revelations trial hairline';
  src: url('../fonts/Apoc-Revelations-Trial-Hairline.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc revelations trial';
  src: url('../fonts/Apoc-Revelations-Trial-DarkItalic.otf') format('opentype'), url('../fonts/Apoc-Revelations-Trial-HairlineItalic.otf') format('opentype'), url('../fonts/Apoc-Revelations-Trial-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc revelations trial';
  src: url('../fonts/Apoc-Revelations-Trial-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc revelations trial';
  src: url('../fonts/Apoc-Revelations-Trial-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc revelations trial';
  src: url('../fonts/Apoc-Revelations-Trial-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc sans trial';
  src: url('../fonts/Apoc-Sans-Trial-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc sans trial';
  src: url('../fonts/Apoc-Sans-Trial-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Apoc trial dark';
  src: url('../fonts/Apoc-Normal-Trial-Dark.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}