@font-face {
  font-family: Satoshi Variable;
  src: url('../fonts/satoshi-variable.ttf') format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Nyghtserif;
  src: url('../fonts/nyghtserif-light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nyghtserif;
  src: url('../fonts/nyghtserif-medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg-body: #efefef;
  --font: #1f1f1f;
  --link: #eeac3f;
  --white: white;
  --lines: #bbbbb6;
  --bg-dark: #161616;
  --font-gray: #747474;
  --underline: #c9c9c9;
  --bg-gray: #e5ebec;
  --light-gray: #e0e0e0;
  --transparent: #fff0;
  --bg-black: #292929;
  --bg-gray-2: #f3f8f9;
  --footer-heading-title: #909090;
  --link-hover: #e4a133;
  --footer-bg-font: #353535;
  --lines-light: #323232;
  --bg-blue: #3898ec;
  --bg-blue-hover: #2b8ee5;
  --bg-gray-section: #f2f2f2;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--bg-body);
  color: var(--font);
  font-family: Satoshi Variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

h1 {
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-family: Nyghtserif, sans-serif;
  font-size: 38px;
  font-weight: 300;
  line-height: 44px;
}

h2 {
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-family: Nyghtserif, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
}

h3 {
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-family: Nyghtserif, sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 38px;
}

h4 {
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-family: Nyghtserif, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

h5 {
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-family: Nyghtserif, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 32px;
}

h6 {
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-family: Nyghtserif, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;
}

a {
  color: var(--link);
  text-decoration: underline;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 10px 20px;
  font-family: Nyghtserif, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 300;
  line-height: 46px;
}

.dark-gray {
  background-color: #8e9194;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.gray-color {
  -webkit-text-fill-color: inherit;
  background-color: #e9f2f5;
  background-clip: border-box;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.social-links-mobile {
  margin-top: 10px;
}

.color-box {
  margin-bottom: 10px;
  margin-right: 20px;
}

.inner-wrapper {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.hero-subtitle {
  color: var(--white);
  margin-bottom: .625rem;
}

.paragraph.medium {
  font-size: 16px;
  line-height: 26px;
}

.hero-inner-padding {
  position: relative;
}

.max-540-pixels {
  text-align: center;
  width: 100%;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}

.mini-title {
  color: #819296;
  letter-spacing: 0;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 16px;
}

.title-small {
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
}

.top-margin {
  margin-top: .625rem;
  position: relative;
}

.top-margin._20-pixels {
  margin-top: 1.25rem;
}

.top-margin.skill {
  margin-top: 40px;
}

.top-margin._4-rem {
  margin-top: 4rem;
}

.content {
  position: relative;
}

.flex-style {
  flex-wrap: wrap;
  display: flex;
}

.content-section {
  z-index: 1;
  background-color: var(--white);
  color: var(--font);
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 11.875rem;
  position: relative;
  top: 0;
}

.content-section.intro {
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  max-width: 1440px;
  margin-top: 53.125rem;
  padding-top: 8.75rem;
  top: 0;
}

.content-section.no-padding {
  padding-top: 0;
}

.content-section.no-padding.relative-pos {
  z-index: 2;
  padding-bottom: 20px;
  top: 0;
}

.content-section.double {
  padding-bottom: 11.875rem;
  top: 0;
}

.content-section.last {
  border-radius: 0;
  padding-bottom: 10rem;
}

.content-section.pricing {
  z-index: 0;
  padding-top: 0;
  overflow: hidden;
}

.content-section.tab {
  z-index: 6;
}

.content-section.about-intro {
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  margin-top: 53.125rem;
  padding-top: 8.75rem;
  top: -3.125rem;
}

.content-section.regular {
  padding-top: 7rem;
  top: 0;
}

.content-section.blog {
  border-radius: 60px;
  margin-bottom: 3.125rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  top: 0;
}

.content-section.inner {
  border-radius: 65px;
  padding-top: 5rem;
  padding-bottom: 5rem;
  top: -3.125rem;
}

.content-section.pricing-faq {
  z-index: 6;
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 60px;
  padding-top: 5rem;
  padding-bottom: 5rem;
  top: -3.125rem;
}

.content-section.works {
  padding-bottom: 11.875rem;
}

.content-section.scoll-section {
  background-color: var(--white);
}

.content-section.last-no-inner {
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 60px;
  padding-bottom: 10rem;
}

.content-section.instagram-last {
  border-radius: 60px;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.content-section.bio {
  top: 0;
}

.all-caps-title {
  color: var(--font);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  display: inline-block;
}

.black {
  background-color: #060606;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.top-border {
  border-top: 1px solid var(--lines);
  margin-top: 5px;
  padding-top: 7px;
}

.center-content {
  justify-content: center;
  display: flex;
}

.center-content.margin {
  margin-top: 2.5rem;
}

.center-content.margin-404 {
  margin-top: 1.5rem;
}

.content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1225px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  overflow: hidden;
}

.content-wrapper.hero {
  justify-content: flex-start;
  align-items: flex-end;
  height: 850px;
  display: flex;
}

.go-up-button {
  z-index: 3;
  background-color: var(--font);
  background-image: url('../images/66bb8d1d50f139898287aae5_proximo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-bottom: 13px;
  margin-right: 15px;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
}

.go-up-button.w--current {
  z-index: 48;
}

.go-up-button.social.w--current {
  background-image: url('../images/facebook-svgrepo-com.svg');
  position: absolute;
  bottom: 50px;
}

.go-up-button.social.social-2 {
  background-image: url('../images/instagram-logo-facebook-2-svgrepo-com.svg');
  bottom: 102px;
}

.go-up-button.social.social-3 {
  background-image: url('../images/facebook-svgrepo-com.svg');
  bottom: 50px;
}

.go-up-button.social.social-3.w--current {
  bottom: -13px;
}

.hero-inner-text {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 3px;
  font-size: 60px;
  line-height: 60px;
}

.social-mini-icon {
  background-color: #f2f0e6;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  transition: background-color .2s;
}

.social-mini-icon:hover {
  background-color: #0970d4;
}

.social-mini-icon.instagram {
  background-color: #fb774e;
  background-image: url('../images/instagram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-color: #ff7e4f;
}

.social-mini-icon.instagram:hover {
  background-color: #fc6739;
}

.social-mini-icon.linkedin {
  background-color: #3271ac;
  background-image: url('../images/linkedin-2_1linkedin-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-color: #1da1f2;
}

.social-mini-icon.linkedin:hover {
  background-color: #2b659c;
}

.social-mini-icon.twittter {
  background-color: #1da1f2;
  background-image: url('../images/gorjeo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-color: #1da1f2;
}

.social-mini-icon.twittter:hover {
  background-color: #1e96e0;
}

.social-mini-icon.facebook {
  background-color: #067aeb;
  background-image: url('../images/logo-de-facebook-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.social-mini-icon.facebook:hover {
  background-color: #026bd1;
}

.hero-inner-box {
  z-index: 6;
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1228px;
  margin-bottom: 6rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6%;
  padding-right: 6%;
  display: flex;
  position: relative;
}

.flex-licensing {
  flex-wrap: wrap;
  margin-top: 40px;
  display: flex;
}

.licensing {
  width: 31%;
  margin-right: 2%;
  position: relative;
}

.change-this-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.change-this-image.licensing-1 {
  background-image: url('../images/clay-banks-6lskem6fkt4-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
}

.change-this-image.licensing-2 {
  background-image: url('../images/pricing-pic-5.jpg');
  background-position: 0 0;
  background-size: cover;
}

.change-this-image.licensing-3 {
  background-image: url('../images/asia-female-ceramist-work.jpg');
  background-position: 0 0;
  background-size: cover;
}

.change-this-image.insta {
  background-image: url('../images/470203327_18018839456636727_1728998001789701765_n.jpg');
}

.change-this-image.insta-3 {
  background-image: url('../images/470174179_18018839219636727_475654741234802478_n.jpg');
}

.change-this-image.insta-4 {
  background-image: url('../images/311866842_217594007267422_8353646790012672249_n.jpg');
}

.change-this-image.insta-2 {
  background-image: url('../images/287054876_129461219760527_5470968596781294737_n.jpg');
}

.change-this-image.inner-page {
  background-image: url('../images/clay-banks-uehjikh63ek-unsplash-1.jpg');
  background-position: 50%;
}

.change-this-image.slide-1 {
  background-image: url('../images/slider_1.jpg');
}

.change-this-image.slide-2 {
  background-image: url('../images/slider_2.jpg');
}

.change-this-image.slide-3 {
  background-image: url('../images/slider_3.jpg');
}

.change-this-image.slide-4 {
  background-image: url('../images/karsten-winegeart-365jj_ozhy0-unsplash.jpg');
}

.change-this-image.testimonial-2 {
  background-image: url('../images/group-5.jpg');
  background-size: 1157px;
}

.change-this-image.testimonial {
  background-image: url('../images/group-6.jpg');
  background-size: 1157px;
}

.change-this-image.testimonial-3 {
  background-image: url('../images/group-7.jpg');
  background-size: 1157px;
}

.change-this-image.expand {
  background-image: url('../images/container-1.png');
}

.change-this-image.expand-2 {
  background-image: url('../images/container-1_1.png');
}

.change-this-image.expand-3 {
  background-image: url('../images/attachment-1.jpeg');
  background-position: 75%;
  background-size: cover;
}

.on-load-bg {
  background-color: var(--font);
  display: none;
  position: absolute;
  inset: 0%;
}

.dark-on-scroll {
  background-color: var(--bg-dark);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.hero-text-box {
  z-index: 1;
  width: 80%;
  margin-bottom: 10rem;
  position: relative;
}

.hero-image-scale {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.hero-image-scale.home {
  z-index: 0;
  background-color: #75757500;
  background-image: linear-gradient(#00000080, #00000080);
  background-position: 0 0;
  height: 100%;
  display: block;
  inset: 0%;
  overflow: visible;
}

.hero-image-scale.about-us {
  background-image: url('../images/clay-banks-6lskem6fkt4-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-section {
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 850px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.hero-link-block {
  position: absolute;
  inset: 0%;
}

.hidden {
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.hero-box-subtitle {
  width: 100%;
  max-width: 600px;
  margin-top: 1.875rem;
}

.h1-scroll-box {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0)translate(0, 50px);
}

.h1-scroll-box.h1-scroll-4 {
  transform-style: preserve-3d;
  transform: rotateX(-270deg)rotateY(0)rotateZ(0)translate3d(0, 0, -50px);
}

.h1-scroll-box.h1-scroll-3 {
  transform-style: preserve-3d;
  transform: rotateX(-180deg)rotateY(0)rotateZ(0)translate3d(0, 0, -50px);
}

.h1-scroll-box.h1-scroll-2 {
  transform-style: preserve-3d;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0)translate3d(0, 0, -50px);
}

.h1-scroll-box.cc_word1 {
  transform-style: preserve-3d;
  transform: rotate(0)translate3d(0, 0, -50px);
}

.h1-scroll-box.h1-scroll-1 {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -50px);
}

.second-word {
  backface-visibility: visible;
  height: 100px;
  display: none;
  position: relative;
  transform: rotate(0);
}

.h1-large {
  backface-visibility: hidden;
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 156px;
  line-height: 166px;
  display: block;
}

.h1-large.word-4 {
  position: absolute;
  inset: 0%;
}

.h1-large.word-1 {
  font-family: Nyghtserif, sans-serif;
  font-size: 150px;
  font-weight: 500;
  line-height: 160px;
}

.buy-template {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-on-click {
  background-color: #fff;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  height: 62px;
  position: absolute;
  inset: 0%;
}

.underline-hover {
  background-color: #c9c9c9;
  height: 1.5px;
  margin-top: 3px;
}

.brand {
  justify-content: center;
  align-items: center;
  height: 62px;
  padding-top: 16px;
  transition: transform .2s, opacity .2s;
  position: relative;
}

.brand:hover {
  transform: scale(1.04);
}

.navbar-bg {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  height: 62px;
  position: absolute;
  inset: 0%;
}

.navbar {
  background-color: #0000;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  padding-left: 2.5rem;
  position: fixed;
  inset: 0% 0% auto;
}

.button-fill-icon {
  background-color: var(--bg-dark);
  box-shadow: none;
  color: #fff;
  text-align: center;
  border-style: none;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  min-width: 127px;
  height: 62px;
  padding-top: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  transition: transform .2s;
  position: relative;
}

.button-fill-icon:hover {
  transform: scale(1.03);
}

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

.nav-menu {
  flex-flow: row;
  width: 89%;
  display: flex;
  position: static;
}

.navlink {
  color: var(--font);
  height: 62px;
  margin-right: 1.95rem;
  padding-top: 1.25rem;
  padding-bottom: .688rem;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
  overflow: hidden;
}

.navlink:hover {
  color: var(--font-gray);
  text-decoration: none;
}

.navbar-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.circle-button-container {
  z-index: 1;
  width: 160px;
  margin-top: 1.563rem;
  margin-bottom: 5.625rem;
  margin-right: 3.75rem;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.link-block {
  border: 1px solid var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  display: flex;
  position: relative;
}

.circle-text {
  z-index: 1;
  color: var(--white);
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  width: 170px;
  margin-left: 0;
  font-family: Nyghtserif, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: absolute;
}

.circle-text-block {
  text-align: center;
  width: 100%;
}

.heading-large {
  text-align: center;
  width: 81%;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.heading-large.width100 {
  width: 100%;
}

.h2 {
  font-size: 42px;
  line-height: 60px;
}

.h2.left-paragraph, .h2.alignleft {
  text-align: left;
}

.title {
  color: var(--font-gray);
  font-size: 20px;
  font-weight: 500;
}

.title.white {
  color: var(--white);
}

.title.small {
  font-size: 20px;
  line-height: 24px;
}

.flex {
  flex-flow: wrap;
  display: flex;
  position: relative;
}

.intro-box {
  border-right: 1px solid var(--lines);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding: 1.875rem 2.5rem;
}

.intro-box.last {
  border-right-style: none;
}

.intro-text-box {
  margin-top: 15px;
}

.full-overflow {
  border-radius: 60px;
  min-height: 180vh;
  position: relative;
}

.hero-curve-bg {
  z-index: 0;
  background-image: url('../images/curve.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 690px;
  width: 700px;
  height: 100px;
  margin-bottom: -.063rem;
  padding-top: .875rem;
  padding-left: 8.375rem;
  position: absolute;
  inset: auto 0% -1px auto;
}

.curve-text-container {
  z-index: 110;
  justify-content: flex-start;
  align-items: center;
  margin-top: 25px;
  margin-left: 45px;
  display: flex;
  position: relative;
}

.tab-mini-pic {
  background-color: #dce1e4;
  background-image: url('../images/mini-pic_1mini-pic.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 52px;
  border-radius: 17.5px;
  width: 50px;
  height: 35px;
  margin-right: 10px;
}

.tab-mini-pic.girl {
  background-image: url('../images/afficher-les-photos-recentes.png');
  background-position: 50% 0;
  display: none;
}

.curve-text-box {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-right: 12%;
  font-size: 27px;
  display: flex;
}

.mini-title-link {
  color: var(--font-gray);
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.mini-title-link:hover {
  color: #1f1f1f;
}

.right-white-bg {
  background-color: #fff;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.heading-large-left {
  width: 100%;
  max-width: 1108px;
  margin-bottom: 70px;
}

.heading-large-left.center {
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}

.h3-big {
  margin-top: 0;
  font-size: 110px;
  font-weight: 500;
  line-height: 126px;
}

.box-grid {
  border-radius: 45px;
  flex: 1;
  margin-right: 1.65rem;
  position: relative;
  overflow: hidden;
}

.box-grid.last {
  margin-right: 0;
}

.parallax-image {
  background-image: url('../images/container.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0;
}

.parallax-image._1 {
  background-image: url('../images/seljan-salimova-1rftv1dhpmy-unsplash.jpg');
}

.parallax-image._2 {
  background-image: url('../images/container_1.png');
}

.parallax-image.works {
  background-image: url('../images/katie-azi-6bec0u360la-unsplash.jpg');
  height: 127%;
  display: flex;
}

.parallax-image.about-intro {
  background-image: url('../images/3d-rendering-wooden-house.jpg');
  height: 133%;
  display: flex;
}

.parallax-image.about-intro-2 {
  background-image: url('../images/loewe-technology-pkh2isaaygo-unsplash.jpg');
  height: 135%;
  display: flex;
}

.parallax-image.about-intro-3 {
  background-image: url('../images/positive-hipster-entrepreneur-it-expert-software-developer.jpg');
  height: 133%;
  display: flex;
}

.parallax-image._3 {
  background-image: url('../images/jonathan-borba-zushj7ifqro-unsplash.jpg');
}

.parallax-image._6 {
  background-image: url('../images/clay-banks-smcus__si_8-unsplash-1.jpg');
}

.parallax-image._7 {
  background-image: url('../images/clay-banks-l7ehdsfiyxq-unsplash.jpg');
  height: 125%;
}

.parallax-image._5 {
  background-image: url('../images/clay-banks-fphpvpwuvia-unsplash.jpg');
}

.parallax-image._9 {
  background-image: url('../images/clay-banks-fphpvpwuvia-unsplash.jpg');
  height: 125%;
}

.parallax-image._10 {
  background-image: url('../images/positive-hipster-entrepreneur-it-expert-software-developer.jpg');
}

.parallax-image._11 {
  background-image: url('../images/rawkkim-amvy17jgeug-unsplash.jpg');
}

.parallax-image.subscribe {
  background-image: url('../images/clay-banks-6lskem6fkt4-unsplash.jpg');
}

.parallax-image._12 {
  background-image: url('../images/jakob-owens-siniljkxhmc-unsplash-2-taille-moyenne.jpeg');
}

.parallax-image._8 {
  background-image: url('../images/clay-banks-d-kyooiztmm-unsplash.jpg');
  height: 130%;
}

.parallax-image._13 {
  background-image: url('../images/image.png');
  background-position: 100%;
}

.parallax-image.flex-center {
  display: flex;
}

.parallax-image.member {
  height: 100%;
  display: flex;
}

.flex-grid {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-medium {
  text-align: center;
  width: 100%;
  max-width: 638px;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h4-big {
  font-size: 82px;
  font-weight: 500;
  line-height: 98px;
}

.h4-big.white {
  color: var(--white);
}

.h4-big.no-margin {
  margin-top: 0;
}

.subtitle {
  font-family: Nyghtserif, sans-serif;
  font-size: 33.5px;
  font-weight: 300;
  line-height: 48px;
}

.subtitle.indent-and-margin {
  text-indent: 0%;
  margin-left: 0;
}

.subtitle.white {
  color: var(--white);
}

.subtitle.indent {
  text-indent: 23%;
}

.subtitle.indent-white {
  color: var(--white);
  text-indent: 23%;
  margin-left: 3.75rem;
}

.max-469-pixels {
  width: 100%;
  max-width: 469px;
  margin-left: auto;
  margin-right: auto;
}

.image-column {
  border-radius: 45px;
  width: 50%;
  position: relative;
  overflow: hidden;
}

.image-column.center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-column {
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-right: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
  position: relative;
}

.text-column.align-left {
  padding-left: 3rem;
}

.text-column.padding {
  padding: 4.688rem 2rem;
}

.max-500-pixels {
  width: 100%;
  max-width: 500px;
  position: relative;
}

.h5 {
  font-size: 70px;
  font-weight: 500;
  line-height: 86px;
}

.h5.small {
  margin-top: 0;
  font-size: 60px;
  line-height: 76px;
}

.h5.white {
  color: var(--white);
  margin-top: 0;
}

.corner-icon {
  background-color: var(--bg-gray);
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;
  border-bottom-left-radius: 45px;
  width: 122px;
  height: 83px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.corner-icon._1, .corner-icon._2 {
  background-image: url('../images/arrow_1arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 47px;
}

.flex-row {
  margin-bottom: 4.375rem;
  display: flex;
}

.flex-row.last {
  margin-bottom: 0;
}

.numbers {
  max-width: 1100px;
  margin-top: 3.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  position: relative;
  overflow: hidden;
}

.tb-digit {
  color: #1f1f1f;
  text-align: center;
  font-size: 53px;
  font-weight: 900;
  line-height: 53px;
}

.tb-digit.big {
  color: var(--font);
  font-family: Nyghtserif, sans-serif;
  font-size: 67.5px;
  font-weight: 500;
  line-height: 67.5px;
}

.flex-numbers {
  flex-flow: wrap;
  justify-content: space-around;
  display: flex;
}

.numbers-block {
  border-right: 1px solid var(--lines);
  justify-content: center;
  align-items: center;
  width: 33.333%;
  padding: 1.25rem;
  display: flex;
}

.numbers-block.last {
  border-right-style: none;
  width: 100%;
}

.relative {
  position: relative;
}

.title-box {
  color: var(--font);
  margin-top: .625rem;
}

.counter-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #1d1e20;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 53px;
  font-weight: 400;
  position: relative;
  overflow: hidden;
}

.counter-1.big {
  height: 67.5px;
}

.digits {
  z-index: 10;
  height: 53px;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.digits.big {
  height: 67.5px;
}

.numbers-text-block {
  max-width: 100%;
}

.sign-big {
  color: var(--font);
  justify-content: center;
  align-items: flex-end;
  margin-top: 7px;
  font-family: Nyghtserif, sans-serif;
  font-size: 57px;
  font-weight: 500;
  line-height: 57px;
  display: flex;
}

.plus {
  color: var(--font);
  padding-top: 10px;
  font-family: Nyghtserif, sans-serif;
  font-size: 57px;
  font-weight: 500;
  line-height: 57px;
  display: inline-block;
}

.counter-numbers {
  font-size: 50px;
  line-height: 50px;
}

.counter-numbers.right {
  width: 36px;
  padding-top: 0;
}

.counter-numbers.right.big {
  width: 41px;
}

.counter-numbers.left {
  width: 36px;
  padding-top: 0;
  transform: translate(0);
}

.counter-numbers.left.big {
  width: 41px;
}

.counter-numbers.last {
  width: 36px;
  padding-top: 0;
}

.counter-numbers.last.big {
  width: 41px;
}

.divider-line {
  background-color: var(--light-gray);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.divider-line.landscape-none {
  background-color: var(--lines);
}

.divider-line.top {
  background-color: var(--lines);
  inset: 0% 0% auto;
}

.divider-line.light-gray {
  background-color: var(--light-gray);
}

.counter-container {
  margin-bottom: 1.25rem;
  display: flex;
  position: relative;
}

.counter-container.no-margin {
  margin-top: 0;
}

.tag-number {
  background-color: var(--font);
  color: var(--white);
  border-radius: 90px;
  padding: .094rem .75rem;
  font-size: 15px;
  font-weight: 800;
  display: inline-block;
  position: absolute;
  inset: -16% -89% auto auto;
}

.subtitle-box {
  margin-top: 1.25rem;
}

.subtitle-box._15-pixels {
  margin-top: 15px;
}

.expand-items {
  border-radius: 45px;
  display: flex;
  overflow: hidden;
}

.expand-item {
  width: 33.3333%;
  position: relative;
  overflow: hidden;
}

.expand-icon {
  background-color: var(--bg-gray);
  background-image: url('../images/fireworks-svgrepo-com-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 39px;
  border-radius: 30px;
  width: 77px;
  height: 77px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: 1.875rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.title-medium {
  margin-bottom: .55rem;
  font-family: Nyghtserif, sans-serif;
  font-size: 27.5px;
  font-weight: 300;
  line-height: 33px;
  display: inline-block;
}

.title-medium.white {
  color: var(--white);
}

.title-medium.by {
  color: var(--font-gray);
  margin-right: .313rem;
  font-size: 20px;
  line-height: 26px;
}

.title-medium.by-small {
  color: var(--font-gray);
  margin-right: .313rem;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-box {
  margin-top: .5rem;
}

.paragraph-box.margin {
  margin-top: 1.5rem;
}

.expand-margins {
  max-width: 340px;
  margin-bottom: 3rem;
  margin-left: 3rem;
  margin-right: 3rem;
}

.text-white {
  color: var(--white);
}

.expand-text-box {
  background-image: linear-gradient(0deg, #000, #fff0 91%);
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.empty-state {
  background-color: var(--transparent);
}

.item-hover-overlay {
  background-color: #1a1a1a1a;
  display: none;
  position: absolute;
  inset: 0%;
}

.blur-hover-overlay {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #ffffff03;
  position: absolute;
  inset: 0%;
}

.button-hover {
  background-color: var(--bg-dark);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 85px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: flex;
  position: relative;
}

.button-hover.small {
  width: 80px;
  height: 80px;
  font-size: 13px;
  line-height: 17px;
}

.button-hover.micro {
  width: 73px;
  height: 73px;
  font-size: 12px;
  line-height: 16px;
}

.collection-item {
  margin-bottom: 4.375rem;
}

.preview-link {
  color: var(--font);
  font-family: Nyghtserif, sans-serif;
  font-size: 30px;
  line-height: 42px;
  text-decoration: none;
  transition: color .2s;
}

.preview-link:hover {
  color: var(--font-gray);
}

.category-link {
  color: var(--font-gray);
  text-decoration: none;
}

.category-link.orange {
  color: var(--link);
}

.category-link.orange:hover {
  color: var(--font-gray);
}

.preview-large-box {
  padding-top: 1.5rem;
  padding-left: 2.125rem;
  padding-right: 2.125rem;
}

.preview-link-box {
  margin-top: 10px;
}

.preview-half-column {
  width: 50%;
}

.subtitle-big {
  text-align: left;
  text-indent: 0%;
  margin-top: 15px;
  font-family: Nyghtserif, sans-serif;
  font-size: 42px;
  font-weight: 300;
  line-height: 60px;
}

.lines-bg {
  border-right: 1px solid var(--light-gray);
  border-left: 1px solid var(--light-gray);
  width: 51%;
  margin: 6.25rem auto;
  position: absolute;
  inset: 0%;
}

.dark-bg {
  background-color: var(--bg-dark);
  border-radius: 60px;
  padding-top: 12.5rem;
  padding-bottom: 10rem;
  position: relative;
}

.heading-large-center {
  z-index: 2;
  text-align: center;
  width: 100%;
  max-width: 700px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.radial-container {
  width: 130%;
  height: 960px;
  margin-top: 77px;
  margin-left: -15%;
  padding-top: 140px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.circle-big {
  opacity: .15;
  background-image: url('../images/big.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1440px;
  width: 100%;
  height: 1440px;
  position: absolute;
  top: 0%;
  bottom: auto;
}

.circle-medium {
  opacity: .15;
  background-image: url('../images/medium.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1095px;
  width: 1095px;
  height: 1095px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 20% -8% auto;
}

.circle-micro {
  opacity: .15;
  background-image: url('../images/micro.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 410px;
  width: 410px;
  height: 410px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 52% -8% auto;
}

.circle-small {
  opacity: .15;
  background-image: url('../images/small.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 710px;
  width: 710px;
  height: 710px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 40% -8% auto;
}

.cabins-box {
  justify-content: center;
  align-items: center;
  margin-left: 20%;
  display: flex;
  position: absolute;
  inset: -22% auto auto 0%;
}

.cabins-box._6 {
  inset: 20% 0% auto auto;
}

.cabins-box._1 {
  top: -26%;
  left: 4%;
}

.cabins-box._5 {
  display: none;
  inset: auto 20% 28% auto;
}

.cabins-box._4 {
  top: 42%;
  left: 0%;
}

.cabins-box._3 {
  top: 2%;
  left: -16%;
}

.cabins-box._2 {
  margin-right: -10px;
  inset: -19% 18% auto auto;
}

.radial-name {
  width: 100%;
  font-weight: 700;
}

.people-container {
  z-index: 1;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 1290px;
  height: 480px;
  margin-top: 13.375rem;
  position: absolute;
  inset: 0% 0% auto;
}

.cabins {
  cursor: pointer;
  background-image: url('../images/pricing-pic-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 3.5px solid #fff;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-right: 15px;
  position: relative;
  box-shadow: 0 2px 30px #0003;
}

.cabins._6 {
  background-image: url('../images/pricing-pic.jpg');
  width: 117px;
  height: 117px;
  margin-left: 15px;
  margin-right: 0;
}

.cabins._2 {
  background-image: url('../images/pricing-pic-2.jpg');
  width: 100px;
  height: 100px;
  margin-left: 15px;
  margin-right: 0;
  overflow: hidden;
}

.cabins._5 {
  background-image: url('../images/radar_pic-3.jpg');
  width: 87px;
  height: 87px;
}

.cabins._3 {
  background-image: url('../images/pricing-pic-5.jpg');
  width: 110px;
  height: 110px;
}

.cabins._4 {
  background-image: url('../images/pricing-pic-4.jpg');
  width: 95px;
  height: 95px;
}

.people-job-title {
  color: var(--font-gray);
  font-size: 14px;
  line-height: 22px;
}

.cabin-text-box {
  background-color: #fff;
  border-radius: 0 20px 20px;
  padding: 15px 25px 10px;
  display: block;
  box-shadow: 0 25px 60px #0000001a;
}

.accordion-wrapper {
  flex: 1;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.pricing-detail-item {
  color: #333;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 21px;
}

.pricing-detail-item.white {
  color: var(--white);
}

.pricing-overview {
  color: #333;
  margin-bottom: 7px;
  font-size: 15px;
  line-height: 20px;
}

.pricing-overview.white {
  color: var(--white);
}

.flex-no-wrap {
  flex-wrap: nowrap;
  display: flex;
}

.pricing-title {
  letter-spacing: -.5px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
  line-height: 21px;
}

.pricing-title.white {
  color: var(--white);
}

.pricing-heading {
  margin-bottom: 20px;
}

.accordion-item-content {
  padding-bottom: .188rem;
  padding-left: 2rem;
  overflow: hidden;
}

.price {
  color: var(--font);
  margin-bottom: 10px;
  font-family: Nyghtserif, sans-serif;
  font-size: 44px;
  font-weight: 500;
  line-height: 44px;
  display: inline-block;
}

.price.white {
  color: var(--white);
}

.pricing-expand {
  flex: 1;
  display: flex;
}

.open-close {
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 28px;
  margin-left: 9px;
  display: block;
  position: relative;
}

.accordion-item-trigger {
  align-items: flex-start;
  width: 100%;
  padding-bottom: 3px;
  text-decoration: none;
  display: flex;
}

.accordion-item-trigger:hover {
  text-decoration: none;
}

.full-width-item {
  flex: 1;
}

.pricing-button-box {
  text-align: left;
}

.faq-arrow {
  width: 14px;
  margin-bottom: 5px;
  position: relative;
}

.pricing-box {
  z-index: 1;
  background-color: var(--white);
  border-radius: 30px;
  flex-direction: column;
  justify-content: space-between;
  width: 33%;
  margin-right: 3%;
  padding: 3.125rem 1.375rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pricing-box.last {
  margin-right: 0%;
}

.pricing-box.dark {
  background-color: var(--bg-black);
}

.flex-pricing {
  z-index: 2;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.dolar-sign {
  color: var(--font);
  margin-bottom: 10px;
  margin-right: 5px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  display: inline-block;
  position: relative;
  top: -10px;
}

.dolar-sign.white {
  color: var(--white);
}

.button-outline {
  z-index: 1;
  border: 1px solid var(--bg-black);
  background-color: var(--transparent);
  box-shadow: none;
  color: var(--font);
  text-align: center;
  border-radius: 909px;
  min-height: 50px;
  padding-top: .75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  transition: background-color .2s, transform .2s, color .2s;
  position: relative;
}

.button-outline:hover {
  background-color: var(--bg-black);
  color: var(--white);
  transform: scale(1.05);
}

.button-outline.dark {
  border-color: var(--font);
  color: var(--font);
}

.button-outline.dark:hover, .button-outline.dark:active {
  background-color: var(--font);
  color: var(--white);
}

.pricing-icon {
  background-image: url('../images/checkmark_1checkmark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-radius: 50%;
  width: 27px;
  height: 23px;
  margin-right: 5px;
}

.pricing-icon.white {
  background-image: url('../images/checkmark_w_1checkmark_w.png');
}

.list {
  margin-top: 30px;
}

.badge-text {
  background-color: var(--white);
  color: var(--font);
  text-align: center;
  width: 124px;
  padding: 3px 30px 3px 39px;
  font-size: 13px;
  font-weight: 700;
  line-height: 19px;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(40deg)translate(29px, -2px);
}

.scroll-up-link {
  z-index: 3;
  background-image: url('../images/curve-footer.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 300px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 55px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.scroll-up-link.white {
  background-image: url('../images/curve_1.png');
}

.scroll-down-box {
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: opacity .2s;
  display: flex;
}

.scroll-down-box:hover {
  opacity: .85;
}

.scroll-down-arrow.upside-down {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.half-column {
  width: 50%;
}

.half-column.align-rigth {
  justify-content: flex-end;
  align-items: center;
  padding-top: 3.75rem;
  padding-bottom: 6rem;
  padding-right: 3rem;
  display: flex;
}

.question {
  color: var(--font);
  font-family: Nyghtserif, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
}

.answer {
  margin-bottom: .625rem;
  font-size: 16px;
}

.accordion-faq-item {
  margin-top: 0;
  padding-left: 0;
  padding-right: 40px;
  overflow: hidden;
}

.faq-accordion {
  border: 1px solid var(--font);
  background-color: var(--white);
  border-radius: 90px;
  flex: 1;
  width: 100%;
  min-height: 75px;
  margin-bottom: 1.875rem;
  padding: 1.875rem 0 1.563rem 3.125rem;
  position: relative;
  overflow: hidden;
}

.pricing-arrow {
  position: relative;
}

.open-close-box {
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 26px;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.flex-faq {
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.faq-circle {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 34px;
  margin-top: 0;
  margin-right: .813rem;
  display: flex;
}

.accordion-faq-trigger {
  color: #074032;
  align-items: flex-start;
  width: 100%;
  padding-bottom: .313rem;
  font-size: 17px;
  text-decoration: none;
  display: flex;
}

.accordion-faq-trigger:hover {
  color: #074032;
  text-decoration: none;
}

.top-margin-faq {
  margin-top: 1.875rem;
  position: relative;
}

.flex-team {
  margin-top: 1.875rem;
  margin-left: 1.25rem;
  display: flex;
  overflow: hidden;
}

.picture {
  border: 3px solid var(--white);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  overflow: hidden;
}

.picture._1 {
  z-index: 2;
  background-image: url('../images/faq-mini-pic_1faq-mini-pic.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.picture._2 {
  z-index: 1;
  background-image: url('../images/faq-mini-pic-2_1faq-mini-pic-2.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -16px;
  position: relative;
}

.picture._3 {
  background-image: url('../images/faq-mini-pic-3_1faq-mini-pic-3.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -16px;
  position: relative;
}

.flex-center-team {
  color: var(--font-gray);
  justify-content: center;
  align-items: center;
  margin-left: 1.25rem;
  display: flex;
}

.faq-left {
  width: 50%;
  padding-right: 1.25rem;
}

.testimonial-text {
  margin-top: 15px;
  font-family: Nyghtserif, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 50px;
}

.testimonial-name-box {
  color: #1f1f1f;
  margin-top: 30px;
}

.slide-nav {
  margin-top: 10px;
  font-size: 14px;
  position: relative;
}

.star {
  margin-right: 5px;
}

.mini-text-testimonial {
  color: var(--white);
  margin-top: 2px;
  font-size: 14px;
  line-height: 24px;
}

.text-column-testimonial {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.testimonial-name {
  color: var(--font);
  margin-top: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.slider {
  background-color: var(--bg-gray-2);
  border-radius: 60px;
  height: 100%;
  padding: 6.25rem 3.438rem 6.25rem 1.25rem;
  position: static;
}

.display-none {
  display: none;
}

.parrallax-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0;
}

.parrallax-image.contact-us {
  background-image: linear-gradient(#00000080, #00000080), url('../images/photo-2024-11-13-12-17-20.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.parrallax-image.video-player {
  background-image: url('../images/pikaso_embedeste-1.jpg');
  justify-content: center;
  align-items: center;
  display: flex;
}

.video {
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.stars {
  margin-top: 20px;
}

.max-pixels-450 {
  width: 100%;
  max-width: 100%;
}

.reviews-stars {
  background-color: var(--font);
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;
  border-bottom-left-radius: 45px;
  justify-content: center;
  align-items: center;
  min-width: 122px;
  height: 83px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.flex-testimonial {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.features {
  width: 78%;
  margin-bottom: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-column {
  border-right: 1px solid var(--lines);
  width: 50%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-right: 3.563rem;
}

.feature-column.right {
  border-right-style: none;
  padding-left: 3.563rem;
  padding-right: 0;
}

.feature-item {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 20px;
  width: 82px;
  height: 82px;
  margin-top: .625rem;
  margin-right: 1.563rem;
  position: relative;
}

.icon-feature {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 79px;
  display: flex;
  overflow: hidden;
}

.feature-icon-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 79px;
  display: flex;
  position: relative;
}

.icon-up {
  width: 100%;
  height: 82px;
  position: absolute;
  inset: 0%;
}

.icon-up.intro {
  background-image: url('../images/wedding-rings-jewel-svgrepo-com.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 43px;
}

.icon-up.intro-2 {
  background-image: url('../images/music-note-svgrepo-com.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 43px;
}

.icon-up.intro-3 {
  background-image: url('../images/service-setting-svgrepo-com.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 41px;
}

.icon-up.radio {
  background-image: url('../images/radio_1radio.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 43px;
}

.icon-up.compass {
  background-image: url('../images/brujula_1brujula.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 43px;
}

.icon-down {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  height: 82px;
  margin-top: 82px;
  position: absolute;
  inset: 0%;
}

.icon-down._1 {
  background-image: url('../images/music-svgrepo-com-1.svg');
  background-size: 43px;
}

.icon-down._1.coordination {
  background-image: url('../images/all-layers-svgrepo-com.svg');
}

.icon-down._1.multiculturel {
  background-image: url('../images/wedding-rings-jewel-svgrepo-com.svg');
}

.icon-down._2 {
  background-image: url('../images/speaker-alt-svgrepo-com.svg');
  background-size: 43px;
}

.icon-down._2.clairage {
  background-image: url('../images/fireworks-svgrepo-com-2.svg');
}

.icon-down._3 {
  background-image: url('../images/gancho_1gancho.png');
  background-size: 33px;
}

.icon-down._4 {
  background-image: url('../images/camera_1camera.png');
  background-size: 43px;
}

.icon-down._4.organisation-complete {
  background-image: url('../images/component-customization-svgrepo-com.svg');
}

.icon-down._4.animationsurmesure {
  background-image: url('../images/microphone-svgrepo-com.svg');
}

.icon-down._5 {
  background-image: url('../images/papalote_1papalote.png');
  background-size: 43px;
}

.icon-down._5.playlist {
  background-image: url('../images/playlist-svgrepo-com.svg');
}

.icon-down._6 {
  background-image: url('../images/cerrillo_1cerrillo.png');
  background-size: 38px;
}

.icon-down._6.conception-sur-mesure {
  background-image: url('../images/dashboard-alt-svgrepo-com.svg');
}

.icon-down._6.prestataire {
  background-image: url('../images/personal-mail-svgrepo-com.svg');
}

.icon-down._6.f-te {
  background-image: url('../images/wedding-svgrepo-com.svg');
}

.icon-down.intro-2 {
  background-image: url('../images/music-note-svgrepo-com.svg');
  background-size: 43px;
}

.icon-down.intro-3 {
  background-image: url('../images/service-setting-svgrepo-com.svg');
  background-size: 43px;
}

.icon-down.radio {
  background-image: url('../images/radio_1radio.png');
  background-size: 43px;
}

.icon-down.compass {
  background-image: url('../images/brujula_1brujula.png');
  background-size: 43px;
}

.feature {
  margin-bottom: 4rem;
  display: flex;
}

.feature.last, .feature.before-last {
  margin-bottom: 0;
}

.expand {
  flex: 1;
}

.button-pricing-outline {
  border: 1px solid var(--bg-black);
  background-color: var(--transparent);
  box-shadow: none;
  color: var(--font);
  text-align: center;
  border-radius: 909px;
  min-width: 100%;
  min-height: 50px;
  padding-top: 12px;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .2s, transform .2s, color .2s;
  position: relative;
}

.button-pricing-outline:hover {
  background-color: var(--bg-black);
  color: var(--white);
  transform: scale(1.05);
}

.success-message {
  background-color: #1f1f1f00;
  position: relative;
}

.error-message {
  font-size: 15px;
  line-height: 21px;
}

.side-form-box {
  position: relative;
}

.text-small {
  color: var(--font-gray);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

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

.form-input {
  color: var(--lines);
  background-color: #fff;
  border-radius: 90px;
  height: 47px;
  margin-bottom: .938rem;
  padding-left: 1.563rem;
  font-size: 12px;
  line-height: 12px;
}

.form-input.left {
  width: 100%;
  margin-right: .5rem;
}

.form-input.righr, .form-input.righr.custom {
  width: 100%;
}

.flex-inputs {
  flex-flow: wrap;
  margin-top: 1.875rem;
  display: flex;
}

.pricing-notice {
  text-align: center;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.side-form-block {
  background-color: var(--white);
  border-radius: 45px;
  width: 63%;
  max-width: 373px;
  padding: 3rem 1.563rem 2.5rem;
  position: relative;
}

.side-form-block.custom {
  max-width: none;
  padding: 6.063rem;
}

.side-form-block.custom.hero {
  width: 100%;
  padding: 1rem;
}

.small-text-box {
  width: 100%;
  max-width: 190px;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
}

.small-text-box.margin {
  margin-top: 15px;
}

.form-message {
  border: 1px solid #ccc;
  border-radius: 30px;
  width: 100%;
  height: 55px;
  margin-bottom: .938rem;
  padding-top: 1rem;
  padding-bottom: 5.125rem;
  padding-left: 1.563rem;
  font-size: 12px;
  transition: border-color .2s;
}

.form-message:hover {
  border-color: #5698e6;
}

.form-button {
  box-shadow: none;
  color: #fff;
  text-align: center;
  background-color: #1f1f1f;
  border-style: none;
  border-radius: 90px;
  width: 100%;
  min-width: 197px;
  min-height: 50px;
  padding-top: 14px;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  transition: background-color .2s, transform .2s, color .2s;
  position: relative;
}

.form-button:hover {
  background-color: #1f1f1f;
  transform: scale(1.03);
}

.title-big {
  font-family: Nyghtserif, sans-serif;
  font-size: 35px;
  line-height: 35px;
}

.h6-big {
  color: var(--white);
  font-size: 83px;
  font-weight: 500;
  line-height: 99px;
}

.dotted-arrow {
  position: absolute;
  inset: auto -25% 26% auto;
}

.heading-flex-separated {
  flex-flow: wrap;
  justify-content: space-between;
  margin-bottom: 5rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.heading-flex-separated.no-margin {
  margin-bottom: 0;
  padding-bottom: 3rem;
}

.heading-left-box {
  width: 58%;
  max-width: 617px;
}

.heading-right-box {
  flex: 1;
  width: 100%;
  max-width: 418px;
}

.hover-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hover-image.subscribe-mini {
  background-image: url('../images/clay-banks-uehjikh63ek-unsplash-1.jpg');
  background-size: cover;
}

.blog-text-box {
  background-color: var(--bg-gray-2);
  border-radius: 45px;
  height: 100%;
  padding: 2.5rem;
}

.blog-text-box.right {
  background-color: var(--white);
  width: 50%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.blog-category-link {
  color: var(--font-gray);
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  transition: color .2s;
}

.blog-category-link:hover {
  color: #8e9088;
}

.button-box {
  margin-top: 1.25rem;
}

.button-box._30-pixels {
  margin-top: 30px;
}

.button-box.left-padding {
  padding-left: 3.75rem;
}

.blog-preview-image {
  border-radius: 45px;
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.blog-preview-image.left {
  width: 50%;
}

.preview-item-link {
  color: var(--font);
  font-family: Nyghtserif, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 39px;
  text-decoration: none;
  transition: color .2s;
}

.preview-item-link:hover {
  color: #8e9088;
}

.preview-item-link.blog-page {
  font-size: 50px;
  line-height: 66px;
}

.item-preview {
  width: 31%;
  margin-right: 2%;
}

.item-preview.margin {
  margin-bottom: 3rem;
}

.button-pricing-outline.white {
  border-color: var(--white);
  color: var(--white);
}

.button-pricing-outline.white:hover {
  background-color: var(--white);
  color: var(--font);
}

.intro-icon {
  background-color: #e5ebec;
  border-radius: 30px;
  width: 82px;
  height: 82px;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title-medium-link {
  color: var(--font);
  margin-bottom: 10px;
  font-family: Nyghtserif, sans-serif;
  font-size: 27.5px;
  font-weight: 300;
  line-height: 33px;
  text-decoration: none;
  transition: color .2s;
}

.title-medium-link:hover {
  color: var(--font-gray);
}

.title-medium-link.small {
  font-size: 20px;
  line-height: 26px;
}

.title-medium-link.micro {
  font-size: 18px;
  line-height: 18px;
}

.link-instagram {
  color: var(--link);
  text-align: left;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.link-instagram:hover {
  color: var(--font);
}

.interaction-slide {
  background-color: #f3f8f9;
  display: none;
  position: absolute;
  inset: 0%;
}

.flex-instagram {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.hover-insta-overlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #e8f4f3b3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.h6 {
  margin-top: 0;
  font-size: 54px;
  font-weight: 400;
  line-height: 60px;
}

.full-width-box {
  margin-bottom: 40px;
  padding-bottom: 5px;
  position: relative;
  overflow: hidden;
}

.hover-icon {
  color: #69707b;
}

.insta-pic {
  border-radius: 45px;
  width: 23.5%;
  position: relative;
  overflow: hidden;
}

.instagram-flex-space {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 10px;
  display: flex;
}

.footer {
  z-index: 1;
  background-color: var(--font);
  color: var(--font);
  border-radius: 60px;
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 6rem 3rem;
  position: relative;
  top: -3.125rem;
  overflow: hidden;
}

.max-340-pixels {
  width: 100%;
  max-width: 340px;
  margin-top: 30px;
}

.h4-footer {
  color: var(--footer-heading-title);
  margin-top: 20px;
  font-size: 80px;
  font-weight: 500;
  line-height: 96px;
}

.footer-left {
  width: 50%;
  position: relative;
}

.footer-right {
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: relative;
}

.menu {
  width: 22%;
  margin-right: 4%;
}

.menu.last {
  margin-right: 0%;
}

.footer-title {
  color: var(--font-gray);
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.footer-top-margin {
  margin-top: 7px;
  position: relative;
}

.footer-menu-link {
  color: var(--white);
  align-items: center;
  height: 27px;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  transition: color .2s;
}

.footer-menu-link.w--current {
  color: var(--font-gray);
}

.footer-menu-link.yellow {
  color: var(--link);
}

.footer-menu-link.yellow:hover {
  color: var(--link-hover);
}

.footer-underline {
  background-color: var(--font-gray);
  height: 1px;
  margin-top: 0;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.big-text-box {
  align-items: center;
  width: 140%;
  margin-bottom: 20px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.works-big-text {
  color: var(--footer-bg-font);
  margin-left: 10%;
  font-family: Nyghtserif, sans-serif;
  font-size: 287px;
  font-weight: 500;
  line-height: 287px;
}

.content-bg {
  z-index: 1;
  background-color: var(--white);
  height: 760px;
  position: absolute;
  inset: auto 0% 0%;
}

.dotted-arrow-footer {
  position: absolute;
  inset: auto -18% 26% auto;
}

.side-more-options {
  border-bottom: 1px solid #e0e0e0;
  padding: .938rem 1.875rem 1rem;
}

.side-more-options.less-top-padding {
  padding-top: 10px;
}

.left-side-form {
  width: 72.3%;
  position: fixed;
  inset: 0%;
}

.side-form {
  z-index: 10000000;
  background-color: #000000b3;
  display: none;
  position: fixed;
  inset: 0%;
}

.side-bar {
  z-index: 10000;
  background-color: #fff;
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
  width: 100%;
  max-width: 360px;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 100px;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
}

.close-button {
  background-color: var(--font);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-top: .625rem;
  margin-right: .625rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.contact-box {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.title-inline {
  color: var(--font);
  margin-right: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  transition: color .2s;
  display: inline-block;
}

.title-inline:hover {
  color: var(--font-gray);
}

.contact-medium-link {
  color: var(--link);
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
  transition: color .2s;
}

.title-large {
  font-family: Nyghtserif, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.title-large.align-left {
  text-align: left;
}

.text-medium {
  color: var(--font-gray);
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.mini-text-link {
  color: var(--link);
}

.footer-logo {
  transition: opacity .2s, transform .2s;
}

.footer-logo:hover {
  opacity: .9;
  transform: scale(1.05);
}

.work-preview-image {
  border-radius: 45px;
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.work-preview-image.max-height {
  max-height: 565px;
}

.testimonial-image-column {
  border-radius: 45px;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.expand-feature {
  flex: 1;
}

.hero-inner-section {
  background-color: var(--white);
  max-width: 1290px;
  padding-top: 13rem;
  position: relative;
  overflow: hidden;
}

.hero-inner-section.less {
  height: 470px;
  padding-top: 11rem;
}

.inner-hero-text {
  z-index: 1;
  width: 100%;
  margin-bottom: 6rem;
  margin-left: 1.25rem;
  position: relative;
}

.h1-inner {
  backface-visibility: hidden;
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 120px;
  font-weight: 500;
  line-height: 130px;
  display: block;
}

.inner-section {
  background-color: var(--white);
  border-radius: 60px;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5rem;
  position: relative;
  top: -3.125rem;
}

.inner-section.double {
  padding-bottom: 5rem;
  top: -3.125rem;
}

.inner-section.pricing {
  padding-top: 0;
  padding-bottom: 5rem;
  top: 0;
  overflow: hidden;
}

.inner-section.contact-us {
  padding-bottom: 5rem;
  overflow: hidden;
}

.faq-set {
  width: 80%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.narrow-container {
  width: 91%;
  margin-left: auto;
  margin-right: auto;
}

.side-contact-tab {
  background-color: var(--font);
  color: #fff;
  text-align: center;
  background-image: url('../images/contact-icon_1contact-icon.png');
  background-position: 17%;
  background-repeat: no-repeat;
  background-size: 17px;
  border-radius: 10px 10px 0 0;
  min-width: 126px;
  height: 50px;
  margin-top: 500px;
  padding-top: 13px;
  padding-left: 59px;
  padding-right: 30px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -93px;
  transform: rotate(90deg);
}

.collection-half {
  width: 47%;
  margin-bottom: 4.375rem;
  margin-right: 3%;
}

.collection-half.last {
  width: 48%;
  margin-bottom: 0;
  margin-right: 0%;
}

.collection-half._2 {
  width: 49%;
  margin-bottom: 0;
}

.collection-half.mobile-margin {
  margin-bottom: 0;
}

.columns {
  margin-top: 20px;
  margin-bottom: 20px;
}

.pagination {
  justify-content: flex-end;
  align-items: center;
}

.heading-box {
  margin-bottom: 2.5rem;
  padding-bottom: .313rem;
  position: relative;
}

.heading-box.small {
  margin-bottom: 1.2rem;
}

.h4 {
  font-size: 50px;
  font-weight: 500;
  line-height: 60px;
}

.column-form {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-top: 2.5rem;
  display: flex;
}

.contact-small-text {
  color: var(--font-gray);
  font-size: 14px;
  line-height: 23px;
}

.contact-title {
  font-family: Nyghtserif, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.max-pixels-444 {
  width: 100%;
  max-width: 444px;
}

.contact-item {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-item.first {
  border-top: 1px solid #e0e0e0;
}

.contact-icon {
  background-image: url('../images/contact-icon-3_1contact-icon-3.png');
  background-position: 50% 9%;
  background-repeat: no-repeat;
  background-size: 23px;
  width: 63px;
  height: 63px;
}

.contact-icon._3 {
  background-image: url('../images/contact-icon_2contact-icon.png');
}

.contact-icon._2 {
  background-image: url('../images/contact-icon-2_1contact-icon-2.png');
  background-position: 50%;
}

.contact-small-link {
  color: var(--font-gray);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: color .2s;
}

.contact-small-link:hover {
  color: var(--link);
}

.contact-blocks {
  margin-top: 2.5rem;
}

.utility-hero {
  align-items: center;
  width: 100%;
  max-width: 1290px;
  min-height: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.hero-move-right {
  background-color: #fff;
  display: none;
  position: absolute;
  inset: 0%;
}

.blog-page-right {
  flex: 1;
  width: 23%;
}

.blog-page-left {
  width: 68%;
  margin-right: 3%;
}

.team-member {
  width: 26%;
  max-width: 305px;
  margin-bottom: 3.125rem;
  margin-left: 2%;
  margin-right: 2%;
  display: inline-block;
}

.team-member:last-child {
  margin-right: 0%;
}

.social-icons-container {
  width: 45px;
  height: 45px;
  position: relative;
}

.team-text-box {
  text-align: center;
  border-radius: 1000px;
  padding-top: .938rem;
  padding-left: .8rem;
  padding-right: .8rem;
}

.social-icon-rounded {
  background-color: var(--font);
  border-radius: 50px;
  width: 45px;
  height: 45px;
  margin-right: 5px;
  overflow: hidden;
}

.team-flex {
  z-index: 1;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  position: relative;
}

.link-preview-hidden {
  border-radius: 150px;
  position: relative;
  overflow: hidden;
}

.team-title {
  color: var(--font-gray);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.social-icon-up {
  width: 45px;
  height: 45px;
  position: absolute;
  inset: 0%;
}

.social-icon-up.instagram {
  background-image: url('../images/insta_1insta.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
}

.social-icon-up.facebook {
  background-image: url('../images/facebook_1facebook.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
}

.social-icon-up.twitter {
  background-image: url('../images/twitter-1_1twitter-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
}

.social-icon-up.linkedin {
  background-image: url('../images/linkedin-1_1linkedin-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
}

.social-icon-up.pinterest {
  background-image: url('../images/pinterest-1_1pinterest-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
}

.social-icon-down {
  width: 45px;
  height: 45px;
  margin-top: 45px;
  position: absolute;
  inset: 0%;
}

.social-icon-down.instagram {
  background-image: url('../images/linkedin-1_1linkedin-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
}

.social-icon-down.facebook {
  background-image: url('../images/facebook_1facebook.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
}

.social-icon-down.twitter {
  background-image: url('../images/twitter-1_1twitter-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
}

.social-icon-down.pinterest {
  background-image: url('../images/pinterest-1_1pinterest-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 17px;
}

.social-icons {
  flex-flow: wrap;
  display: flex;
}

.social-icons.margin {
  margin-top: 1rem;
}

.team-member-link {
  color: var(--font);
  font-family: Nyghtserif, sans-serif;
  font-size: 27px;
  line-height: 35px;
  text-decoration: none;
  transition: color .2s;
}

.team-member-link:hover {
  color: var(--font-gray);
}

.job-box {
  margin-top: .625rem;
}

.team-arrow {
  position: absolute;
  inset: -12% 0% auto auto;
}

.mini-pic {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: .813rem;
  transition: opacity .2s, transform .2s;
  position: relative;
  overflow: hidden;
}

.mini-pic:hover {
  opacity: .9;
  transform: scale(1.05);
}

.mini-pic.small {
  width: 45px;
  height: 45px;
}

.mini-pic.micro {
  width: 35px;
  height: 35px;
  margin-right: .5rem;
}

.blog-author-box {
  flex-flow: wrap;
  margin-top: 1.25rem;
  display: flex;
}

.blog-author-box.center {
  justify-content: center;
  align-items: center;
}

.page-block {
  margin-bottom: 2.5rem;
}

.page-block.bottom-padding, .page-block.last {
  margin-bottom: 2rem;
  padding-bottom: .8rem;
  position: relative;
}

.sticky {
  position: sticky;
  top: 3.875rem;
}

.intro-link-block {
  border-radius: 45px;
  margin-bottom: .938rem;
  position: relative;
  overflow: hidden;
}

.intro-dotted-arrow {
  position: absolute;
  inset: -4% auto auto -14%;
}

.column-center {
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.half-column-image {
  justify-content: center;
  width: 50%;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  display: flex;
  position: relative;
}

.relative-rounded {
  border-radius: 45px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.relative-rounded._60-pixels {
  border-radius: 60px;
}

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

.signature-box {
  margin-top: 1.875rem;
}

.dark-bg-flex {
  background-color: var(--bg-dark);
  border-radius: 60px;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h3 {
  font-size: 44px;
  line-height: 60px;
}

.h3.white {
  color: var(--white);
}

.triple-lines-bg {
  border-right: 1px solid var(--lines-light);
  border-left: 1px solid var(--lines-light);
  width: 68%;
  margin-left: auto;
  margin-right: 8%;
  position: absolute;
  inset: 0%;
}

.triple-lines-bg.center {
  margin-right: auto;
}

.box-line {
  border-right: 1px solid var(--lines-light);
  width: 50%;
  height: 100%;
}

.max-365-pixels {
  width: 100%;
  max-width: 365px;
  position: relative;
}

.large-text {
  font-family: Nyghtserif, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 60px;
}

.row-icon {
  background-color: #e5ebec;
  border-radius: 30px;
  width: 82px;
  height: 82px;
  margin-bottom: 1.25rem;
  position: relative;
}

.gold-line {
  z-index: 1;
  background-color: var(--link);
  width: 367px;
  height: 1px;
  margin-bottom: 15%;
  margin-right: -30%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.gold-line.left {
  margin-left: -30%;
  margin-right: 0%;
  inset: auto auto 0% 0%;
}

.flex-margin {
  margin-bottom: 5rem;
  display: flex;
}

.flex-margin.last {
  margin-bottom: 0;
}

.absolute-container {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.play-button-video {
  background-color: #ffffffe6;
  background-image: url('../images/play_black_1play_black.png');
  background-position: 54%;
  background-repeat: no-repeat;
  background-size: 26px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 93px;
  height: 93px;
  display: flex;
  position: relative;
}

.video-text-block {
  color: var(--white);
  margin-bottom: 3rem;
  margin-left: 3rem;
  font-family: Nyghtserif, sans-serif;
  font-size: 100px;
  line-height: 100px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.box-dark {
  background-color: var(--bg-dark);
  border-radius: 60px;
  padding-top: 7rem;
  padding-bottom: 7rem;
  position: relative;
  overflow: hidden;
}

.right-split-image {
  border-radius: 45px 0 0 45px;
  width: 14%;
  position: relative;
  overflow: hidden;
}

.center-image {
  border-radius: 45px;
  flex: 1;
  margin-left: 1.875rem;
  margin-right: 1.875rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.left-split-image {
  border-radius: 0 45px 45px 0;
  width: 14%;
  position: relative;
  overflow: hidden;
}

.max-274-pixels {
  width: 100%;
  max-width: 274px;
  margin-bottom: 2.5rem;
  margin-left: 2.5rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

.overlay {
  background-image: linear-gradient(360deg, black, var(--transparent) 56%);
  position: absolute;
  inset: 0%;
}

.right-arrow {
  background-color: var(--link);
  border-radius: 0 30px 30px 0;
  width: 35px;
  height: 30px;
  margin-left: 35px;
  font-size: 19px;
  font-weight: 700;
  transition: background-color .2s;
  inset: auto auto -28px 0%;
}

.right-arrow:hover {
  background-color: var(--link-hover);
}

.slide {
  margin-right: 2%;
}

.center-slide {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask {
  width: 100%;
  overflow: visible;
}

.slider-column {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 54%;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-box {
  z-index: 0;
  background-color: #0000;
  align-items: center;
  width: 300px;
  height: 470px;
  display: flex;
  overflow: visible;
}

.slide-item {
  border-radius: 45px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.left-arrow {
  background-color: var(--link);
  border-radius: 30px 0 0 30px;
  width: 35px;
  height: 30px;
  font-size: 19px;
  font-weight: 700;
  transition: background-color .2s;
  inset: auto auto -28px 0%;
}

.left-arrow:hover {
  background-color: var(--link-hover);
}

._46-percent-column {
  justify-content: center;
  align-items: center;
  width: 46%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.flex-outline {
  border: 1px solid var(--lines);
  border-radius: 60px;
  margin-bottom: 5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flex-outline.last {
  margin-bottom: 0;
}

.mini-feature {
  margin-top: 1.25rem;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
}

.mini-feature-icon {
  background-image: url('../images/directions_1directions.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 47px;
  width: 21%;
  height: 60px;
  margin-right: 1.25rem;
}

.mini-feature-icon._2 {
  background-image: url('../images/pines_1pines.png');
}

.mini-feature-icon._3 {
  background-image: url('../images/first-aid-kit_1first-aid-kit.png');
}

.mini-feature-icon._4 {
  background-image: url('../images/thermo-flask_1thermo-flask.png');
}

.max-310-pixels {
  width: 100%;
  max-width: 310px;
}

.mini-features {
  width: 100%;
  max-width: 434px;
  margin-top: 2rem;
}

.max-467-pixels {
  width: 100%;
  max-width: 467px;
}

.rounded-column {
  border-radius: 60px;
  width: 50%;
  position: relative;
  overflow: hidden;
}

.flex-subscribe {
  flex-flow: wrap;
  align-items: stretch;
  display: flex;
  position: relative;
}

.subscribe-left {
  background-color: var(--bg-dark);
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 8.375rem 2rem;
  display: flex;
}

.subscribe-right {
  background-color: var(--font);
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 8.375rem 2rem 10rem;
  display: flex;
}

.subscribe-image {
  width: 100%;
  max-width: 520px;
  position: relative;
  overflow: hidden;
}

.badge {
  z-index: 100000;
  background-color: var(--font);
  background-image: url('../images/c_1c.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 95px;
  display: flex;
  position: absolute;
  inset: auto -8% -10% auto;
}

.badge.w--current {
  background-position: 50%;
}

.form-newsletter {
  background-color: var(--white);
  border: 1px solid #1f1f20;
  border-radius: 200px;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 440px;
  margin: 40px auto 0;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.form-rounded {
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
}

.newsletter-input {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--lines);
  background-color: #0000;
  border-radius: 0;
  flex: 1;
  width: 33.33%;
  height: 36px;
  margin-top: .5rem;
  margin-bottom: 0;
  padding-top: .375rem;
  padding-bottom: 0;
  padding-left: .5rem;
  font-size: 13px;
  font-weight: 500;
  line-height: 7px;
}

.newsletter-input:hover {
  background-color: #fff0;
  border-bottom-color: #09abf3;
}

.newsletter-input:active, .newsletter-input:focus, .newsletter-input:focus-visible, .newsletter-input[data-wf-focus-visible] {
  background-color: #fff0;
}

.newsletter-input::placeholder {
  color: #202020;
  background-color: #fff0;
}

.newsletter-input:lang(en) {
  background-color: #fff0;
}

.newsletter-input.side-margin {
  margin-right: 1.25rem;
}

.newsletter-button {
  background-color: var(--link);
  color: #fff;
  border-radius: 0 90px 90px 0;
  width: 33%;
  min-width: 90px;
  height: 60px;
  margin-left: 1.25rem;
  padding-top: .5rem;
  padding-left: 4%;
  padding-right: 5%;
  font-family: Nyghtserif, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  transition: background-color .2s;
}

.newsletter-button:hover {
  background-color: #2e2e2e;
}

.newsletter-button:focus {
  color: #060606;
}

.thank-you {
  margin-top: 5px;
}

.error-message-newsletter {
  text-align: left;
  background-color: #ffdede;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  position: absolute;
  inset: auto 0% -40px;
}

.cabin-category-link {
  background-color: var(--bg-gray);
  color: var(--font);
  border-radius: 90px;
  padding: 2px 12px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s;
  display: inline-block;
}

.cabin-category-link:hover {
  transform: scale(1.05);
}

.h1 {
  font-size: 50px;
  line-height: 66px;
}

.heading-work-right {
  width: 30%;
  margin-top: 3.125rem;
}

.work-right {
  flex: 1;
  width: 23%;
  margin-right: 2rem;
  padding-right: 3rem;
}

.rental-item-gallery {
  border-radius: 30px;
  width: 30%;
  margin-bottom: .625rem;
  margin-right: 3%;
  position: relative;
  overflow: hidden;
}

.rental-gallery, .gallery {
  margin-top: 2rem;
}

.gallery-hover {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.utility-page-wrap {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

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

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

.submit-button {
  background-color: var(--bg-blue);
  border-radius: 90px;
  height: 47px;
  font-size: 15px;
  line-height: 15px;
  transition: transform .2s, background-color .2s;
}

.submit-button:hover {
  background-color: var(--bg-blue-hover);
  transform: scale(1.05);
}

._404 {
  font-size: 90px;
  line-height: 90px;
}

.blog-left {
  flex: 1;
}

.blog-right {
  width: 71%;
  margin-right: 4%;
}

.contanct-notice {
  color: #8e9088;
  font-size: 14px;
  line-height: 22px;
}

.form-input-block {
  border: 1px solid #ccc;
  border-radius: 90px;
  width: 100%;
  height: 47px;
  margin-bottom: 13px;
  padding-left: 22px;
  transition: border-color .2s;
}

.form-input-block:hover {
  border-color: #5698e6;
}

.side-block {
  width: 100%;
}

.form-button-small {
  background-color: var(--font);
  box-shadow: none;
  color: #fff;
  text-align: center;
  border-style: none;
  border-radius: 905px;
  width: 100%;
  min-height: 47px;
  padding-top: 14px;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  transition: background-color .2s, transform .2s, color .2s;
  position: relative;
}

.form-button-small:hover {
  background-color: #1f1f1f;
  transform: scale(1.05);
}

.hero-blog-section {
  border-radius: 45px;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.hero-blog-left {
  background-color: var(--white);
  border-bottom-right-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2rem 2rem 2rem 3.5rem;
  display: flex;
  overflow: hidden;
}

.flex-blog {
  flex-flow: wrap;
  width: 45%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.blog-box-padding {
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 5rem;
}

.blog-row {
  margin-bottom: 2rem;
  display: flex;
}

.hero-blog-block {
  width: 60%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.author-box {
  margin-top: 1rem;
}

.testimonial-box {
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-filed {
  border: 1px solid var(--bg-black);
  background-color: var(--bg-dark);
  box-shadow: none;
  color: var(--white);
  text-align: center;
  border-radius: 909px;
  min-height: 50px;
  padding-top: .75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  transition: background-color .2s, transform .2s, color .2s;
  position: relative;
}

.button-filed:hover {
  background-color: var(--bg-black);
  color: var(--white);
  transform: scale(1.05);
}

.blog-featured-image {
  border-radius: 30px;
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.padding {
  padding-top: .625rem;
  padding-left: .625rem;
  padding-right: .625rem;
}

.categpry-row {
  margin-bottom: .438rem;
}

.flex-blog-columns {
  flex-flow: wrap;
  margin-bottom: 3rem;
  display: flex;
  position: relative;
}

.relative-flex {
  position: relative;
}

.text-gray {
  color: var(--font-gray);
}

.on-scroll-gallery {
  border-radius: 60px;
  width: 100%;
  height: 650px;
  position: sticky;
  top: 15%;
  overflow: hidden;
}

.on-scroll-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.on-scroll-item {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 60px;
  width: 1164px;
  height: 650px;
  margin-right: 2.5rem;
  position: relative;
  overflow: hidden;
}

.on-scroll-item._2 {
  background-color: var(--link);
  background-image: url('../images/seljan-salimova-1rftv1dhpmy-unsplash.jpg');
  border-radius: 60px;
  width: 1157px;
  height: 649px;
  position: relative;
  left: 0%;
  right: 0%;
}

.on-scroll-item._1 {
  background-image: url('../images/andrew-itaga-pc5se3m4xxc-unsplash.jpg');
}

.on-scroll-item._3 {
  background-image: url('../images/marius-muresan-sbjci09ckkk-unsplash.jpg');
}

.on-scroll-item._4 {
  background-image: url('../images/blake-cheek-r7skx3pxz1a-unsplash.jpg');
}

.on-scroll-item._5 {
  background-image: url('../images/image.jpg');
}

.on-scroll-item._6 {
  background-image: url('../images/jonathan-borba-tpzrqz6vvbk-unsplash-2-taille-moyenne.jpeg');
}

.on-scroll-item._7 {
  background-image: url('../images/andres-molina-twnm_uwr3gc-unsplash.jpg');
}

.on-scroll-item._8 {
  background-image: url('../images/photo-2024-11-13-12-17-20.jpg');
}

.top-container {
  flex-flow: row;
  width: 3572px;
  height: 650px;
  margin-top: -42.5rem;
  padding-left: 11rem;
  display: flex;
  position: absolute;
  left: -100%;
}

.bottom-container {
  flex-flow: row;
  width: 3572px;
  height: 650px;
  margin-top: 720px;
  padding-left: 11rem;
  display: flex;
  position: absolute;
  top: -40px;
  left: -100%;
}

.left-item {
  flex-flow: row;
  width: 1164px;
  height: 650px;
  margin-left: -72.5rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.right-item {
  flex-flow: row;
  width: 1164px;
  height: 650px;
  margin-left: 75rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.contact-flex {
  border-radius: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main-scroll-item {
  background-image: linear-gradient(#0000004f, #0000004f), url('../images/mariage-kabyle-mixte-.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 60px;
  width: 1164px;
  height: 650px;
  overflow: hidden;
}

.absolute-text {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-block-top {
  color: var(--white);
  font-family: Nyghtserif, sans-serif;
  font-size: 75px;
  line-height: 85px;
}

.text-block-bottom {
  color: var(--white);
  font-family: Nyghtserif, sans-serif;
  font-size: 85px;
  line-height: 95px;
}

.h1-scroll-word {
  backface-visibility: hidden;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 150px;
  font-weight: 500;
  line-height: 170px;
  display: block;
}

.first-word {
  transform-style: preserve-3d;
  flex: 1;
  height: 180px;
  display: flex;
  position: relative;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.expand-item-2, .expand-item-3 {
  width: 33.3333%;
  position: relative;
  overflow: hidden;
}

.expand-icon-2 {
  background-color: var(--bg-gray);
  background-image: url('../images/camera_1camera.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 39px;
  border-radius: 30px;
  width: 77px;
  height: 77px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: 1.875rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.expand-icon-3 {
  background-color: var(--bg-gray);
  background-image: url('../images/music-svgrepo-com-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 39px;
  border-radius: 30px;
  width: 77px;
  height: 77px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: 1.875rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.expand-margins-2, .expand-margins-3 {
  max-width: 340px;
  margin-bottom: 3rem;
  margin-left: 3rem;
  margin-right: 3rem;
}

.title-expand {
  color: var(--white);
  margin-bottom: .625rem;
  font-family: Nyghtserif, sans-serif;
  font-size: 70px;
  font-weight: 300;
  line-height: 70px;
  display: inline-block;
}

.hero-overlay {
  background-color: var(--bg-dark);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.footer-inner-pages {
  z-index: 1;
  background-color: var(--font);
  color: var(--font);
  border-radius: 60px;
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 6rem 3rem;
  position: relative;
  top: -3.125rem;
  overflow: hidden;
}

.video-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bottom-last {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.answer-2 {
  font-size: 16px;
}

.answer-3 {
  margin-bottom: 10px;
  font-size: 16px;
}

.video-instruction {
  width: 100%;
  margin-bottom: 20px;
}

.black-bg {
  background-color: var(--font);
  padding-top: 18px;
  padding-bottom: 18px;
}

.mini-subscribe {
  z-index: 1;
  justify-content: flex-end;
  align-items: stretch;
  width: 28%;
  margin-top: 1.563rem;
  margin-bottom: 5.625rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.subscribe-mini-left {
  background-color: var(--bg-dark);
  justify-content: center;
  align-items: center;
  width: 45%;
  max-width: 130px;
  padding: 1.25rem .938rem;
  display: flex;
}

.link-image {
  position: relative;
  overflow: hidden;
}

.subscribe-mini-right {
  background-color: var(--font);
  justify-content: center;
  align-items: center;
  width: 73%;
  padding: 1.25rem 1.375rem;
  display: flex;
}

.mini-link {
  color: #e6e6e6;
  font-family: Nyghtserif, sans-serif;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
}

.micro-title {
  color: var(--font-gray);
  font-size: 12px;
  line-height: 12px;
}

.grid-cover {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 45px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

._68-percent-column {
  width: 68%;
}

.h4-black-to-white {
  margin-top: .5rem;
  font-size: 36px;
}

.corner-link {
  background-color: var(--bg-gray);
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;
  border-bottom-left-radius: 45px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 60px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.section {
  z-index: 10;
  background-color: #444;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.section.with-white-background {
  -webkit-text-stroke-color: #f35b44;
  background-color: #fff;
}

.padding-2 {
  z-index: 10;
  width: 100%;
  padding-top: 10em;
  padding-bottom: 10em;
  position: relative;
}

.logo-carousel {
  z-index: 10;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  position: relative;
  overflow: visible;
}

.logo-carousel-block {
  grid-column-gap: 2%;
  flex-direction: row;
  flex: none;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.logo-carousel-image {
  object-fit: contain;
  width: 20em;
  max-width: 18%;
  height: 5em;
}

.alignright {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi Variable, sans-serif;
  font-size: 70px;
  font-weight: 400;
}

.paragraph-2 {
  margin-top: 40px;
  padding: 0 2.5rem 2.5rem;
  font-size: 22px;
  line-height: 35px;
}

.heading {
  text-align: center;
}

.body {
  background-color: var(--white);
}

.heading-2 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
  font-size: 23px;
  display: flex;
}

.image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button {
  background-color: var(--white);
  color: var(--font);
  border-radius: 20px;
}

.button.hero {
  text-align: center;
  width: 60%;
  margin-top: 20px;
}

.go-up-button-copy {
  z-index: 3;
  background-color: var(--font);
  background-image: url('../images/66bb8d1d50f139898287aae5_proximo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-bottom: 13px;
  margin-right: 15px;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
}

.go-up-button-copy.w--current {
  z-index: 48;
}

.go-up-button-copy.social.w--current {
  background-image: url('../images/facebook-svgrepo-com.svg');
  position: absolute;
  bottom: 50px;
}

.go-up-button-copy.social.social-2 {
  background-image: url('../images/instagram-logo-facebook-2-svgrepo-com.svg');
  bottom: 102px;
}

.go-up-button-copy.social.social-3 {
  background-image: url('../images/facebook-svgrepo-com.svg');
  bottom: 50px;
}

.go-up-button-copy.social.social-3.w--current {
  bottom: -13px;
}

.modal__content {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  padding: 2em;
  display: flex;
}

.modal {
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  padding: 2em 1em;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.modal__p {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5;
}

.modal__card {
  pointer-events: auto;
  background-color: #efeeec;
  border-radius: 2em;
  width: 100%;
  max-width: 54em;
  max-height: 100%;
  padding: .75em;
  display: none;
  position: relative;
}

.modal__dark {
  opacity: .5;
  pointer-events: auto;
  cursor: pointer;
  background-color: #131313;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.modal__h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.175;
}

.modal__scroll {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  background-color: #e2e1df;
  border-radius: 1.25em;
  flex-flow: column;
  width: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow: scroll;
}

.modal__btn-close-bar {
  background-color: currentColor;
  width: .125em;
  height: 40%;
  position: absolute;
  transform: rotate(45deg);
}

.modal__btn-close-bar.is--second {
  transform: rotate(-45deg);
}

.modal__btn-close {
  background-color: #efeeec;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  display: flex;
  position: absolute;
  top: 2.5em;
  right: 2.5em;
}

.div-block {
  z-index: 99;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-2 {
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.body-2 {
  background-color: var(--white);
}

@media screen and (min-width: 1280px) {
  body {
    background-color: var(--bg-body);
  }

  .title-small {
    color: #69707b;
  }

  .top-margin._4-rem {
    margin-top: 4rem;
  }

  .content-section {
    margin-left: auto;
    margin-right: auto;
    top: 0;
    overflow: visible;
  }

  .content-section.intro {
    top: 0;
  }

  .content-section.no-padding.relative-pos {
    height: 100%;
    top: 0;
  }

  .content-section.double {
    top: 0;
  }

  .content-section.regular {
    overflow: hidden;
  }

  .content-section.instagram-last {
    border-radius: 60px;
    padding-top: 5rem;
    padding-bottom: 7rem;
  }

  .content-section.bio {
    top: 0;
  }

  .content-wrapper {
    overflow: visible;
  }

  .hero-inner-box {
    margin-left: auto;
    margin-right: auto;
  }

  .navbar {
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-wrapper {
    max-width: 1300px;
  }

  .parallax-image._13 {
    background-image: url('../images/image.png');
  }

  .text-column.align-left {
    padding-left: 3rem;
  }

  .h5.no-top-margin {
    margin-top: 0;
  }

  .button-hover {
    font-size: 13px;
  }

  .people-container {
    max-width: 100%;
  }

  .cabin-text-box {
    display: none;
  }

  .accordion-item-trigger:hover {
    color: #060606;
  }

  .question {
    transition: color .2s;
  }

  .question:hover, .accordion-faq-trigger:hover {
    color: #060606;
  }

  .footer {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-inner-section {
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
  }

  .flex-blog-columns {
    margin-bottom: 3rem;
  }

  .footer-inner-pages {
    margin-left: auto;
    margin-right: auto;
  }

  .logo-carousel {
    overflow: hidden;
  }

  .body {
    background-color: var(--white);
  }

  .div-block {
    display: flex;
  }

  .image-2 {
    width: 25px;
    height: 25px;
    position: absolute;
    inset: 0% 0% auto auto;
  }
}

@media screen and (min-width: 1440px) {
  .content-section, .content-section.scoll-section {
    max-width: 1440px;
  }

  .second-word {
    height: 190px;
  }

  .h1-large {
    line-height: 190px;
  }

  .navbar-wrapper {
    max-width: 1340px;
  }

  .right-white-bg {
    width: 60%;
  }

  .corner-icon._1, .corner-icon._2 {
    background-image: url('../images/arrow_1arrow.png');
  }

  .icon-up.intro {
    background-image: url('../images/wedding-rings-jewel-svgrepo-com.svg');
  }

  .icon-up.intro-2 {
    background-image: url('../images/music-note-svgrepo-com.svg');
  }

  .icon-up.intro-3 {
    background-image: url('../images/service-setting-svgrepo-com.svg');
  }

  .icon-down._1 {
    background-image: url('../images/music-svgrepo-com-1.svg');
  }

  .icon-down._1.coordination {
    background-image: url('../images/all-layers-svgrepo-com.svg');
    background-position: 50%;
    background-size: 43px;
  }

  .icon-down._1.multiculturel {
    background-image: url('../images/wedding-rings-jewel-svgrepo-com.svg');
  }

  .icon-down._2 {
    background-image: url('../images/speaker-alt-svgrepo-com.svg');
  }

  .icon-down._2.clairage {
    background-image: url('../images/fireworks-svgrepo-com-2.svg');
    background-position: 50%;
  }

  .icon-down._3 {
    background-image: url('../images/planning-poker-svgrepo-com.svg');
  }

  .icon-down._4.organisation-complete {
    background-image: url('../images/component-customization-svgrepo-com.svg');
    background-position: 50%;
    background-size: 43px;
    margin-left: auto;
    margin-right: auto;
  }

  .icon-down._4.animationsurmesure {
    background-image: url('../images/microphone-svgrepo-com.svg');
  }

  .icon-down._5.playlist {
    background-image: url('../images/playlist-svgrepo-com.svg');
  }

  .icon-down._6.conception-sur-mesure {
    background-image: url('../images/dashboard-alt-svgrepo-com.svg');
  }

  .icon-down._6.prestataire {
    background-image: url('../images/personal-mail-svgrepo-com.svg');
  }

  .icon-down._6.f-te {
    background-image: url('../images/wedding-svgrepo-com.svg');
    background-position: 50%;
    background-size: 43px;
  }

  .icon-down.intro-2 {
    background-image: url('../images/music-note-svgrepo-com.svg');
  }

  .icon-down.intro-3 {
    background-image: url('../images/service-setting-svgrepo-com.svg');
  }

  .h1-inner {
    line-height: 190px;
  }

  .on-scroll-item {
    border-radius: 60px;
  }

  .body {
    background-color: var(--white);
  }
}

@media screen and (max-width: 991px) {
  .social-links-mobile {
    justify-content: flex-start;
    margin-top: 15px;
    display: block;
  }

  .hero-inner-padding {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .content-section {
    padding-top: 10rem;
    top: 0;
  }

  .content-section.intro {
    padding-top: 7rem;
    top: 0;
  }

  .content-section.double {
    padding-bottom: 10rem;
  }

  .content-section.last {
    padding-bottom: 9rem;
  }

  .content-section.about-intro {
    padding-top: 7rem;
    top: -19rem;
  }

  .content-section.blog {
    padding-bottom: 4rem;
  }

  .content-section.works {
    padding-bottom: 10rem;
  }

  .content-section.scoll-section {
    top: 0;
  }

  .content-section.last-no-inner {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .content-section.instagram-last {
    padding-top: 6rem;
    padding-bottom: 6rem;
    top: -3.125rem;
  }

  .content-section.bio {
    padding-top: 0;
  }

  .content-wrapper {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .content-wrapper.hero {
    height: 600px;
  }

  .go-up-button {
    background-size: 20px;
    width: 45px;
    height: 45px;
  }

  .social-mini-icon {
    background-color: #0f0f0f;
    margin-bottom: 5px;
    margin-right: 7px;
  }

  .social-mini-icon:hover {
    background-color: #2c2c2c;
  }

  .social-mini-icon.instagram {
    margin-right: 0;
  }

  .social-mini-icon.instagram:hover, .social-mini-icon.linkedin:hover, .social-mini-icon.twittter:hover {
    background-color: #2c2c2c;
  }

  .social-mini-icon.facebook {
    background-color: #3880da;
  }

  .social-mini-icon.facebook:hover {
    background-color: #2c2c2c;
  }

  .hero-inner-box {
    max-width: 100%;
    padding-bottom: 30px;
  }

  .hero-section {
    height: auto;
  }

  .h1-large.word-1 {
    font-size: 130px;
    line-height: 140px;
  }

  .menu-button {
    height: 62px;
    padding-top: 20px;
  }

  .menu-button.w--open {
    color: var(--link);
    background-color: #fff;
  }

  .buy-template {
    justify-content: flex-start;
    height: auto;
  }

  .underline-hover {
    display: none;
  }

  .brand {
    margin-left: 20px;
  }

  .navbar {
    height: 62px;
    padding-left: 0;
    overflow: visible;
  }

  .button-fill-icon {
    width: 100%;
    min-width: 100%;
    height: 62px;
  }

  .expand-flex {
    flex-direction: column;
  }

  .nav-menu {
    background-color: #fff;
    border-radius: 30px;
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .navlink {
    width: 100%;
    height: 50px;
    margin-right: 0;
    padding-top: 15px;
    padding-left: 25px;
    transition: background-color .2s;
    display: flex;
  }

  .navlink.w--current {
    color: #98a0a5;
  }

  .navbar-wrapper {
    max-width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .link-block {
    width: 100px;
    height: 100px;
  }

  .heading-large {
    margin-bottom: 4.5rem;
  }

  .h2 {
    font-size: 38px;
    line-height: 56px;
  }

  .intro-box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .hero-curve-bg {
    width: 62%;
    padding-left: 16%;
  }

  .mini-title-link {
    font-size: 19px;
  }

  .h3-big {
    font-size: 106px;
    line-height: 106px;
  }

  .box-grid {
    flex: 0 auto;
    margin-bottom: 2rem;
  }

  .box-grid._2 {
    margin-right: 0;
  }

  .heading-medium {
    margin-bottom: 4.5rem;
  }

  .h4-big {
    font-size: 78px;
    line-height: 94px;
  }

  .subtitle {
    font-size: 32px;
    line-height: 46px;
  }

  .subtitle.indent-and-margin, .subtitle.indent-white {
    margin-left: 3rem;
  }

  .text-column.padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .h5 {
    font-size: 66px;
    line-height: 78px;
  }

  .h5.small {
    font-size: 56px;
    line-height: 72px;
  }

  .counter-1 {
    margin-bottom: 0;
  }

  .sign-big {
    font-size: 40px;
  }

  .counter-numbers.right, .counter-numbers.left, .counter-numbers.last {
    padding-top: 0;
  }

  .tag-number {
    line-height: 25px;
  }

  .expand-item {
    min-height: 350px;
  }

  .title-medium {
    font-size: 26px;
    line-height: 31px;
  }

  .preview-link {
    font-size: 28px;
    line-height: 40px;
  }

  .preview-large-box {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .preview-half-column {
    width: 100%;
  }

  .subtitle-big {
    font-size: 38px;
    line-height: 56px;
  }

  .circle-medium, .circle-small {
    width: 100%;
  }

  .cabins-box._6 {
    top: 35%;
  }

  .cabins-box._1 {
    left: 10%;
  }

  .cabins-box._4 {
    top: 55%;
  }

  .cabins-box._3 {
    top: -7%;
    left: -18%;
  }

  .people-container {
    margin-top: 10.175rem;
  }

  .cabins {
    width: 90px;
    height: 90px;
  }

  .cabins._6 {
    width: 115px;
    height: 115px;
  }

  .cabins._5 {
    width: 80px;
    height: 80px;
  }

  .cabins._3 {
    width: 115px;
    height: 115px;
  }

  .cabins._4 {
    width: 100px;
    height: 100px;
  }

  .pricing-title {
    font-size: 19px;
    line-height: 20px;
  }

  .price {
    font-size: 40px;
    line-height: 40px;
  }

  .faq-arrow {
    margin-top: 4px;
  }

  .dolar-sign {
    font-size: 24px;
    line-height: 28px;
    top: -2px;
  }

  .scroll-up-link {
    width: 100%;
  }

  .question {
    font-size: 24px;
    line-height: 29px;
  }

  .accordion-faq-item {
    padding-right: 60px;
  }

  .faq-accordion {
    margin-bottom: 15px;
  }

  .faq-circle {
    margin-top: .563rem;
  }

  .faq-left {
    padding-right: 1rem;
  }

  .testimonial-text {
    font-size: 36px;
    line-height: 48px;
  }

  .slider {
    padding: 5rem 2.5rem 5rem 1rem;
  }

  .features {
    width: 88%;
  }

  .feature-column {
    padding-right: 2rem;
  }

  .feature-column.right {
    padding-left: 2rem;
  }

  .feature-item {
    margin-right: 25px;
  }

  .side-form-block {
    width: 100%;
  }

  .h6-big {
    font-size: 80px;
    line-height: 96px;
  }

  .dotted-arrow {
    display: none;
    inset: auto auto 6% 13%;
  }

  .heading-left-box {
    width: 62%;
  }

  .heading-right-box {
    width: 34%;
  }

  .blog-text-box {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .blog-text-box.right {
    padding-left: 1.5rem;
    padding-right: 1rem;
  }

  .preview-item-link {
    font-size: 22px;
    line-height: 32px;
  }

  .preview-item-link.blog-page {
    font-size: 44px;
    line-height: 60px;
  }

  .title-medium-link {
    font-size: 26px;
    line-height: 32px;
  }

  .link-instagram {
    font-size: 18px;
    line-height: 18px;
  }

  .h6 {
    font-size: 50px;
    line-height: 56px;
  }

  .full-width-box {
    margin-bottom: 30px;
  }

  .footer {
    padding-left: 1rem;
    padding-right: 1rem;
    top: -19rem;
  }

  .h4-footer {
    font-size: 70px;
    line-height: 86px;
  }

  .menu {
    width: 50%;
    margin-bottom: 2.5rem;
  }

  .footer-title {
    font-size: 17px;
    line-height: 27px;
  }

  .big-text-box {
    width: 210%;
  }

  .works-big-text {
    text-align: left;
    font-size: 200px;
    line-height: 260px;
  }

  .content-bg {
    height: 980px;
  }

  .dotted-arrow-footer {
    inset: auto 0% 0% 105%;
  }

  .hero-inner-section.less {
    height: 400px;
    padding-top: 6.3rem;
  }

  .h1-inner {
    font-size: 110px;
  }

  .inner-section {
    padding-top: 4rem;
  }

  .inner-section.double {
    padding-bottom: 4rem;
  }

  .faq-set {
    width: 85%;
  }

  .narrow-container {
    width: 94%;
  }

  .h4 {
    font-size: 46px;
    line-height: 56px;
  }

  .contact-title {
    font-size: 17px;
    line-height: 27px;
  }

  .utility-hero {
    max-width: 100%;
    min-height: 520px;
  }

  .blog-page-left {
    flex: 1;
  }

  .team-member {
    width: 41%;
  }

  .social-icons {
    margin-top: 20px;
  }

  .intro-dotted-arrow {
    top: -29%;
    left: -3%;
    right: auto;
  }

  .h3 {
    font-size: 38px;
    line-height: 56px;
  }

  .large-text {
    font-size: 40px;
    line-height: 54px;
  }

  .video-text-block {
    margin-left: 2rem;
    font-size: 80px;
    line-height: 80px;
  }

  .max-274-pixels {
    margin-bottom: 1.3rem;
    margin-left: 2rem;
  }

  .subscribe-left {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .subscribe-right {
    padding-top: 4rem;
    padding-bottom: 7rem;
  }

  .form-rounded {
    flex-wrap: wrap;
  }

  .newsletter-button {
    min-width: auto;
  }

  .h1 {
    font-size: 46px;
    line-height: 62px;
  }

  .heading-work-right {
    width: 34%;
  }

  .work-right {
    flex: 0 auto;
    width: 28%;
    padding-top: 1.25rem;
    padding-right: 0;
  }

  .blog-right {
    width: 66%;
  }

  .side-block {
    width: 100%;
  }

  .hero-blog-left {
    padding-left: 2.5rem;
    padding-right: 1.5rem;
  }

  .text-block-top {
    font-size: 70px;
    line-height: 80px;
  }

  .text-block-bottom {
    font-size: 80px;
    line-height: 90px;
  }

  .h1-scroll-word {
    font-size: 130px;
    line-height: 140px;
  }

  .first-word {
    height: 150px;
  }

  .expand-item-2, .expand-item-3 {
    min-height: 350px;
  }

  .title-expand {
    font-size: 60px;
    line-height: 60px;
  }

  .footer-inner-pages {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .mini-subscribe {
    width: 40%;
  }

  .padding-2 {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .padding-2.for-carousel-logos {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .logo-carousel-image {
    width: 10em;
    height: 4em;
  }

  .go-up-button-copy {
    background-size: 20px;
    width: 45px;
    height: 45px;
  }
}

@media screen and (max-width: 767px) {
  .hero-subtitle {
    font-size: 18px;
    line-height: 24px;
  }

  .hero-inner-padding {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .title-small {
    font-size: 14px;
    line-height: 14px;
  }

  .content-section {
    padding-top: 8rem;
    top: 0;
  }

  .content-section.intro {
    padding-top: 5rem;
    top: -25rem;
  }

  .content-section.double, .content-section.last {
    padding-bottom: 8rem;
  }

  .content-section.about-intro {
    padding-top: 7rem;
    top: -25rem;
  }

  .content-section.subscribe {
    overflow: hidden;
  }

  .content-section.inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .content-section.works {
    padding-bottom: 8rem;
  }

  .content-section.scoll-section {
    top: -26rem;
  }

  .content-section.last-no-inner {
    padding-bottom: 8rem;
  }

  .content-section.instagram-last {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .content-wrapper.hero {
    height: 500px;
  }

  .go-up-button {
    background-size: 18px;
    width: 40px;
    height: 40px;
  }

  .hero-inner-text {
    font-size: 54px;
    line-height: 54px;
  }

  .social-mini-icon {
    width: 25px;
    height: 25px;
  }

  .hero-inner-box {
    padding-bottom: 50px;
  }

  .hero-text-box {
    width: 90%;
    margin-bottom: 7rem;
  }

  .hero-image-scale.home, .hero-image-scale.about-us {
    background-position: 0 0, 50%;
  }

  .hero-section {
    height: 500px;
  }

  .hero-box-subtitle {
    margin-top: 10px;
  }

  .h1-scroll-box.h1-scroll-4 {
    transform: rotateX(-270deg)rotateY(0)rotateZ(0)translate3d(0, 0, -43px);
  }

  .h1-scroll-box.h1-scroll-3 {
    transform: rotateX(-180deg)rotateY(0)rotateZ(0)translate3d(0, 0, -43px);
  }

  .h1-scroll-box.h1-scroll-2 {
    transform: rotateX(-90deg)rotateY(0)rotateZ(0)translate3d(0, 0, -43px);
  }

  .h1-scroll-box.cc_word1, .h1-scroll-box.h1-scroll-1 {
    transform: translate3d(0, 0, -43px);
  }

  .second-word {
    height: 87px;
  }

  .h1-large {
    font-size: 80px;
    line-height: 90px;
  }

  .h1-large.word-1 {
    font-size: 100px;
    line-height: 110px;
  }

  .buy-template {
    height: 65px;
  }

  .underline-hover {
    display: none;
  }

  .button-fill-icon {
    min-width: 100%;
    height: 65px;
  }

  .nav-menu {
    background-color: #fff;
    height: auto;
    padding-bottom: 0;
  }

  .circle-button-container {
    margin-bottom: 4rem;
    margin-right: .5rem;
  }

  .link-block {
    width: 95px;
    height: 95px;
  }

  .heading-large {
    margin-bottom: 4rem;
  }

  .h2 {
    font-size: 34px;
    line-height: 52px;
  }

  .flex {
    flex-flow: column;
  }

  .intro-box {
    border-bottom: 1px solid var(--underline);
    border-right-width: 0;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hero-curve-bg {
    width: 75%;
    margin-bottom: 0;
    padding-left: 21%;
    bottom: -5px;
  }

  .mini-title-link {
    font-size: .6em;
  }

  .right-white-bg {
    top: 6%;
  }

  .h3-big {
    font-size: 100px;
    line-height: 100px;
  }

  .box-grid {
    flex: 0 auto;
    width: 46%;
    margin-bottom: 1.25rem;
    margin-right: 4%;
  }

  .box-grid.last {
    margin-bottom: 0;
  }

  .box-grid._2 {
    margin-right: 0%;
  }

  .box-grid._3 {
    margin-bottom: 0;
  }

  .heading-medium {
    margin-bottom: 4rem;
  }

  .h4-big {
    font-size: 74px;
    line-height: 90px;
  }

  .subtitle {
    font-size: 30px;
    line-height: 44px;
  }

  .subtitle.indent-and-margin, .subtitle.indent-white {
    text-indent: 15%;
    margin-left: 2rem;
  }

  .image-column, .text-column {
    width: 100%;
  }

  .text-column.align-left {
    justify-content: flex-start;
    align-items: center;
    margin-top: 4.375rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .text-column.mobile-margin {
    margin-top: 1rem;
  }

  .text-column.no-padding-left {
    margin-bottom: 3rem;
    padding-left: 0;
  }

  .h5 {
    font-size: 62px;
    line-height: 74px;
  }

  .h5.small {
    font-size: 52px;
    line-height: 68px;
  }

  .flex-row {
    flex-flow: column;
  }

  .flex-row.last {
    flex-flow: wrap-reverse;
  }

  .numbers {
    padding-top: 0;
    padding-bottom: 0;
  }

  .flex-numbers {
    flex-flow: wrap;
  }

  .numbers-block {
    border-bottom: 1px solid #bbbbb6;
    border-right-style: none;
    width: 503%;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .numbers-text-block {
    max-width: 95%;
  }

  .sign-big {
    padding-bottom: 2px;
    line-height: 45px;
  }

  .divider-line.landscape-none {
    display: none;
  }

  .expand-items {
    flex-flow: wrap;
  }

  .expand-item {
    width: 100%;
    max-height: 350px;
  }

  .title-medium {
    font-size: 24px;
    line-height: 29px;
  }

  .preview-large-box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .subtitle-big {
    font-size: 34px;
    line-height: 52px;
  }

  .dark-bg {
    padding-top: 10rem;
    padding-bottom: 8rem;
  }

  .cabins-box._1 {
    left: 15%;
  }

  .cabins-box._4 {
    left: -18%;
  }

  .cabins-box._2 {
    right: 6%;
  }

  .cabins {
    width: 84px;
    height: 84px;
  }

  .cabins._6 {
    width: 100px;
    height: 100px;
  }

  .cabins._2 {
    width: 85px;
    height: 85px;
  }

  .cabins._5 {
    width: 75px;
    height: 75px;
  }

  .cabins._3 {
    width: 100px;
    height: 100px;
  }

  .cabins._4 {
    width: 80px;
    height: 80px;
  }

  .pricing-title {
    font-size: 19px;
  }

  .faq-arrow {
    top: -4px;
  }

  .pricing-box {
    width: 48%;
    margin-bottom: 1.25rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .pricing-box.last {
    margin-bottom: 0;
  }

  .pricing-box.dark {
    margin-right: 0%;
  }

  .flex-pricing {
    flex-flow: wrap;
  }

  .half-column {
    width: 100%;
  }

  .half-column.align-rigth {
    justify-content: flex-start;
    align-items: center;
    padding-top: 2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .question {
    font-size: 23px;
    line-height: 28px;
  }

  .accordion-faq-item {
    padding-right: 10px;
  }

  .faq-accordion {
    margin-bottom: 20px;
  }

  .flex-team {
    flex-flow: wrap;
  }

  .faq-left {
    width: 100%;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .testimonial-text {
    font-size: 34px;
    line-height: 46px;
  }

  .text-column-testimonial {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    padding-left: 0;
  }

  .slider {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2.5rem;
  }

  .video {
    min-height: 350px;
  }

  .feature-item {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .icon-feature {
    margin-right: 0;
  }

  .feature {
    flex-flow: wrap;
  }

  .form-input.left {
    width: 100%;
  }

  .side-form-block {
    width: 100%;
    max-width: 400px;
  }

  .h6-big {
    font-size: 70px;
    line-height: 86px;
  }

  .blog-text-box.right {
    width: 100%;
    padding-left: 1rem;
  }

  .blog-preview-image.left {
    width: 100%;
  }

  .preview-item-link.blog-page {
    font-size: 40px;
    line-height: 56px;
  }

  .item-preview {
    width: 48%;
    margin-bottom: 1.25rem;
  }

  .h6 {
    font-size: 46px;
    line-height: 52px;
  }

  .full-width-box {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .insta-pic {
    width: 48%;
    margin-bottom: 1.25rem;
  }

  .insta-pic._3, .insta-pic._4 {
    margin-bottom: 0;
  }

  .footer {
    padding-top: 4rem;
    padding-left: .8rem;
    padding-right: .8rem;
    top: -26rem;
  }

  .max-340-pixels {
    margin-top: 10px;
  }

  .h4-footer {
    font-size: 60px;
    line-height: 76px;
  }

  .footer-left {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 1.875rem;
    display: flex;
  }

  .footer-right {
    width: 100%;
  }

  .menu {
    width: 50%;
    margin-bottom: 1.25rem;
  }

  .big-text-box {
    width: 260%;
  }

  .content-bg {
    height: 1260px;
  }

  .dotted-arrow-footer {
    display: none;
  }

  .testimonial-image-column {
    width: 100%;
  }

  .expand-feature {
    flex: 0 auto;
  }

  .hero-inner-section.less {
    padding-top: 7rem;
  }

  .h1-inner {
    font-size: 80px;
    line-height: 90px;
  }

  .inner-section {
    padding-top: 4rem;
  }

  .inner-section.double {
    padding-bottom: 4rem;
  }

  .faq-set {
    width: 90%;
  }

  .narrow-container {
    width: 96%;
  }

  .column-form {
    width: 100%;
  }

  .utility-hero {
    min-height: 450px;
    position: relative;
  }

  .team-member {
    width: 46%;
  }

  .team-title {
    font-size: 15px;
    line-height: 25px;
  }

  .team-arrow {
    top: -15%;
    right: -3%;
  }

  .intro-dotted-arrow {
    left: -14%;
  }

  .h3 {
    font-size: 34px;
    line-height: 52px;
  }

  .flex-margin.last {
    flex-flow: wrap-reverse;
    justify-content: flex-start;
  }

  .play-button-video {
    background-size: 22px;
    width: 80px;
    height: 80px;
  }

  .video-text-block {
    margin-left: 1rem;
    font-size: 65px;
    line-height: 65px;
  }

  .box-dark {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .flex-outline.last {
    flex-flow: wrap-reverse;
  }

  .mini-feature.last {
    padding-bottom: 0;
  }

  .rounded-column {
    width: 100%;
  }

  .subscribe-left {
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .subscribe-right {
    width: 100%;
  }

  .badge.w--current {
    background-position: 50%;
  }

  .form-newsletter {
    max-width: 440px;
    margin-top: 20px;
  }

  .h1 {
    font-size: 42px;
    line-height: 58px;
  }

  .form-block {
    width: 100%;
  }

  .blog-right {
    width: 58%;
  }

  .side-block {
    width: 100%;
    max-width: 100%;
  }

  .flex-blog {
    width: 50%;
  }

  .blog-box-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .blog-row {
    flex-flow: wrap;
  }

  .testimonial-box {
    min-height: 350px;
  }

  .on-scroll-gallery {
    top: 35%;
  }

  .contact-flex {
    flex-flow: wrap;
  }

  .h1-scroll-word {
    font-size: 100px;
    line-height: 110px;
  }

  .first-word {
    height: 130px;
  }

  .expand-item-2, .expand-item-3 {
    width: 100%;
    max-height: 350px;
  }

  .footer-inner-pages {
    padding-top: 4rem;
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .mini-subscribe {
    margin-bottom: 4rem;
    margin-right: .5rem;
    display: none;
  }

  .padding-2.for-carousel-logos {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .logo-carousel-image {
    width: auto;
    height: 3em;
  }

  .go-up-button-copy {
    background-size: 18px;
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 479px) {
  .hero-subtitle {
    margin-top: 5px;
    font-size: 17px;
  }

  .hero-inner-padding {
    margin-top: 30px;
  }

  .title-small {
    font-size: 13px;
    line-height: 13px;
  }

  .content-section {
    z-index: 2;
    padding-top: 6rem;
    top: 0;
    overflow: hidden;
  }

  .content-section.intro {
    padding-top: 5rem;
    top: 0;
  }

  .content-section.no-padding.relative-pos {
    position: relative;
    bottom: 0;
  }

  .content-section.double {
    padding-bottom: 6rem;
  }

  .content-section.last {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .content-section.about-intro {
    padding-top: 5rem;
    top: -17rem;
  }

  .content-section.blog {
    padding-bottom: 3rem;
  }

  .content-section.works {
    padding-bottom: 6rem;
  }

  .content-section.scoll-section {
    padding-top: 0;
    top: 0;
  }

  .content-section.last-no-inner {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .content-section.bio {
    padding-top: 3rem;
  }

  .content-wrapper.hero {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 630px;
  }

  .go-up-button {
    background-size: 16px, auto;
  }

  .go-up-button.w--current {
    z-index: 8;
  }

  .hero-inner-text {
    font-size: 50px;
    line-height: 50px;
  }

  .social-mini-icon {
    width: 30px;
    height: 30px;
  }

  .hero-inner-box {
    padding-left: 3%;
    padding-right: 3%;
  }

  .hero-text-box {
    width: 100%;
    margin-bottom: 0;
  }

  .hero-text-box.about {
    margin-bottom: 4rem;
  }

  .hero-image-scale.home, .hero-section {
    height: 100vh;
  }

  .hero-box-subtitle {
    margin-top: 10px;
  }

  .h1-scroll-box.h1-scroll-4 {
    transform: rotateX(-270deg)rotateY(0)rotateZ(0)translate3d(0, 0, -25px);
  }

  .h1-scroll-box.h1-scroll-3 {
    transform: rotateX(-180deg)rotateY(0)rotateZ(0)translate3d(0, 0, -25px);
  }

  .h1-scroll-box.h1-scroll-2 {
    transform: rotateX(-90deg)rotateY(0)rotateZ(0)translate3d(0, 0, -25px);
  }

  .h1-scroll-box.cc_word1, .h1-scroll-box.h1-scroll-1 {
    transform: translate3d(0, 0, -25px);
  }

  .second-word {
    height: 50px;
  }

  .h1-large {
    font-size: 50px;
    line-height: 50px;
  }

  .h1-large.word-1 {
    font-size: 60px;
    line-height: 70px;
  }

  .navlink {
    color: #0f0f0f;
  }

  .navbar-wrapper {
    padding-right: 0;
  }

  .circle-button-container {
    margin-top: 0;
    position: relative;
  }

  .heading-large {
    width: 85%;
    margin-bottom: 3.5rem;
  }

  .h2 {
    font-size: 32px;
    line-height: 50px;
  }

  .h2.alignleft {
    display: none;
  }

  .intro-box {
    border-bottom: 1px solid var(--lines);
    border-right-style: none;
    width: 100%;
    margin-bottom: 2rem;
  }

  .intro-box.last {
    border-bottom-style: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .full-overflow {
    min-height: 100vh;
  }

  .hero-curve-bg {
    z-index: 10;
    width: 100%;
    height: 100px;
    padding-left: 36%;
    display: none;
  }

  .curve-text-box {
    margin-right: 3%;
  }

  .h3-big {
    font-size: 68px;
    line-height: 84px;
  }

  .box-grid {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .box-grid.last, .box-grid._2 {
    margin-left: auto;
    margin-right: auto;
  }

  .box-grid._3 {
    max-width: 100%;
    margin-bottom: 1.25rem;
  }

  .h4-big {
    font-size: 65px;
    line-height: 84px;
  }

  .subtitle {
    font-size: 28px;
    line-height: 42px;
  }

  .text-column.align-left {
    margin-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .text-column.mobile-margin {
    padding-left: 0;
    padding-right: 0;
  }

  .text-column.padding {
    padding: 3rem 2rem 2rem;
  }

  .text-column.details {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .h5 {
    font-size: 58px;
    line-height: 70px;
  }

  .h5.small {
    font-size: 48px;
    line-height: 64px;
  }

  .flex-row {
    flex-flow: wrap;
  }

  .flex-numbers {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 10px;
  }

  .sign-big {
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 2px;
  }

  .expand-items {
    justify-content: flex-start;
  }

  .expand-icon {
    margin-top: 1.87rem;
    inset: 0% 0% auto auto;
  }

  .expand-margins {
    margin-left: 1.6rem;
    margin-right: 1rem;
  }

  .button-hover {
    display: none;
  }

  .preview-large-box {
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .preview-half-column {
    text-align: center;
  }

  .subtitle-big {
    font-size: 32px;
    line-height: 50px;
  }

  .dark-bg {
    border-radius: 45px;
  }

  .radial-container {
    top: 5%;
  }

  .cabins-box._6 {
    right: -18%;
  }

  .cabins-box._1 {
    top: -39%;
  }

  .cabins-box._5 {
    bottom: 23%;
    right: -13%;
  }

  .cabins-box._4 {
    top: 61%;
    left: -20%;
  }

  .cabins-box._3 {
    left: -46%;
  }

  .cabins-box._2 {
    right: -16%;
  }

  .people-container {
    margin-top: 16.275rem;
  }

  .cabin-text-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-wrapper {
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .pricing-detail-item {
    margin-bottom: 0;
  }

  .pricing-heading {
    margin-bottom: 30px;
  }

  .accordion-item-content {
    margin-top: 0;
  }

  .open-close {
    height: 100%;
  }

  .faq-arrow {
    margin-top: 10px;
  }

  .pricing-box {
    width: 100%;
    margin-right: 0%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .button-outline {
    width: 100%;
    min-height: 50px;
  }

  .pricing-icon {
    margin-right: 7px;
  }

  .scroll-up-link {
    background-size: contain;
    width: 80%;
  }

  .scroll-up-link.white {
    background-size: 270px;
  }

  .scroll-down-box {
    padding-top: 16px;
  }

  .scroll-down-arrow {
    width: 23px;
  }

  .half-column.align-rigth {
    padding-top: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .question {
    font-size: 22px;
    line-height: 27px;
  }

  .faq-accordion {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 1.8rem;
    padding-bottom: 1rem;
  }

  .open-close-box {
    height: 100%;
  }

  .faq-circle {
    margin-top: 0;
  }

  .flex-team {
    margin-left: 0;
  }

  .flex-center-team {
    margin-top: .5rem;
    margin-left: 0;
  }

  .testimonial-text {
    font-size: 25px;
    line-height: 1.1em;
  }

  .text-column-testimonial {
    padding-right: 0;
  }

  .slider {
    height: auto;
    padding: 4rem 2rem;
  }

  .parrallax-image.contact-us {
    background-image: linear-gradient(#00000080, #00000080), url('../images/photo-2024-11-13-12-17-20.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    bottom: 0;
  }

  .video {
    border-radius: 35px;
  }

  .features {
    flex-flow: wrap;
    margin-bottom: 2rem;
  }

  .feature-column {
    border-right-style: none;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .feature-column.right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .feature {
    text-align: center;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;
  }

  .feature.last, .feature.before-last {
    margin-bottom: 3rem;
  }

  .form-input.left, .form-input.righr {
    width: 100%;
  }

  .side-form-block {
    padding-top: 4rem;
  }

  .side-form-block.custom {
    padding: 1.063rem;
  }

  .form-button {
    width: 100%;
    height: 50px;
    font-size: 25px;
  }

  .h6-big {
    font-size: 60px;
    line-height: 76px;
  }

  .dotted-arrow {
    display: none;
    position: fixed;
  }

  .heading-flex-separated {
    padding-bottom: 1rem;
  }

  .heading-left-box {
    width: 100%;
    max-width: 100%;
  }

  .heading-right-box {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }

  .blog-text-box {
    padding-top: 2rem;
  }

  .item-preview {
    width: 100%;
    margin-bottom: 2.5rem;
    margin-right: 0%;
  }

  .item-preview.margin {
    margin-bottom: 2rem;
    margin-right: 0%;
  }

  .hover-insta-overlay {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .h6 {
    font-size: 44px;
    line-height: 50px;
  }

  .insta-pic {
    border-radius: 35px;
  }

  .footer {
    top: -19rem;
    overflow: hidden;
  }

  .max-340-pixels {
    margin-top: 10px;
  }

  .h4-footer {
    font-size: 56px;
    line-height: 72px;
  }

  .footer-left {
    justify-content: space-between;
    align-items: center;
  }

  .footer-right {
    flex-flow: wrap;
  }

  .menu {
    width: 48%;
  }

  .menu.last {
    width: 100%;
  }

  .menu._3 {
    margin-right: 0%;
  }

  .big-text-box {
    width: 930px;
  }

  .works-big-text {
    font-size: 115px;
    line-height: 150px;
  }

  .content-bg {
    height: 1460px;
  }

  .expand-feature {
    flex: 0 auto;
  }

  .inner-hero-text {
    margin-bottom: 6rem;
  }

  .h1-inner {
    font-size: 50px;
    line-height: 50px;
  }

  .inner-section {
    padding-top: 4rem;
  }

  .faq-set, .narrow-container {
    width: 100%;
  }

  .narrow-container.mobile {
    width: 85%;
  }

  .collection-half {
    width: 100%;
    margin-right: 0%;
  }

  .collection-half.last {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0%;
  }

  .collection-half._2 {
    width: 100%;
    margin-bottom: 4.375rem;
  }

  .collection-half.mobile-margin {
    margin-bottom: 4.375rem;
  }

  .h4 {
    font-size: 42px;
    line-height: 51px;
  }

  .utility-hero {
    min-height: 400px;
  }

  .blog-page-right {
    flex: 1;
  }

  .blog-page-left {
    flex: 0 auto;
    width: 100%;
    margin-right: 0%;
  }

  .blog-page-left.last {
    margin-bottom: 4rem;
  }

  .team-member {
    text-align: center;
    width: 100%;
    max-width: 350px;
    margin-bottom: 3rem;
    position: relative;
  }

  .team-arrow {
    top: -6%;
  }

  .page-block.last {
    margin-bottom: 4.375rem;
  }

  .intro-dotted-arrow {
    inset: 0% auto -3% -18%;
  }

  .column-center {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .half-column-image {
    width: 100%;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .dark-bg-flex {
    border-radius: 45px;
    flex-flow: wrap;
    padding-top: 2rem;
  }

  .h3 {
    font-size: 32px;
    line-height: 50px;
  }

  .gold-line {
    width: 280px;
    margin-bottom: -5%;
    margin-right: 0%;
  }

  .gold-line.left {
    margin-left: 0%;
  }

  .flex-margin {
    flex-flow: wrap;
  }

  .play-button-video {
    background-size: 18px;
    width: 60px;
    height: 60px;
  }

  .video-text-block {
    display: none;
  }

  .box-dark {
    border-radius: 45px;
  }

  .right-split-image {
    border-radius: 45px;
    width: 100%;
    height: 280px;
    margin-left: 1.87rem;
    margin-right: 1.87rem;
  }

  .center-image {
    flex: 0 auto;
    width: 100%;
    height: 280px;
    margin-bottom: 2rem;
  }

  .left-split-image {
    border-radius: 45px;
    width: 100%;
    height: 280px;
    margin-bottom: 2rem;
    margin-left: 1.87rem;
    margin-right: 1.87rem;
  }

  .max-274-pixels {
    margin-left: 0;
    padding-left: 1.5rem;
    padding-right: 1rem;
  }

  .slider-column {
    flex: 0 auto;
    width: 100%;
    margin-top: 20px;
    padding-left: 20px;
  }

  .slider-box {
    margin-top: 1.5rem;
  }

  ._46-percent-column {
    width: 100%;
  }

  .flex-outline {
    flex-flow: wrap;
  }

  .mini-feature {
    flex-flow: column;
    padding-bottom: .5rem;
  }

  .mini-feature-icon {
    width: 30%;
    margin-bottom: 1rem;
  }

  .subscribe-left {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .subscribe-right {
    padding-top: 3rem;
    padding-bottom: 7rem;
  }

  .form-newsletter {
    border-radius: 30px;
    width: 100%;
    margin-right: auto;
    padding: .938rem .938rem 2rem;
  }

  .newsletter-input {
    border-top-style: none;
    border-top-color: #fff;
    border-bottom-style: solid;
    border-left-style: none;
    border-left-color: #bdc9d6;
    border-right-color: #bdc9d6;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    height: 45px;
  }

  .newsletter-input.side-margin {
    flex: 0 auto;
    margin-right: 0;
  }

  .newsletter-button {
    border-left-style: none;
    border-radius: 2.5px;
    width: 100%;
    height: 52px;
    min-height: auto;
    margin-top: 20px;
    margin-left: 0;
  }

  .h1 {
    font-size: 42px;
    line-height: 52px;
  }

  .heading-work-right {
    width: 100%;
    max-width: 100%;
    margin-top: 1rem;
  }

  .work-right {
    width: 100%;
    margin-right: 0;
    padding-top: 0;
  }

  .rental-item-gallery {
    width: 47%;
  }

  .blog-right {
    width: 100%;
    margin-bottom: 2rem;
    margin-right: 0%;
  }

  .hero-blog-left {
    border-radius: 60px;
    padding-left: 2rem;
  }

  .flex-blog {
    width: 100%;
  }

  .blog-box-padding {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .hero-blog-block {
    border-radius: 60px;
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
  }

  .testimonial-box {
    border-radius: 35px;
  }

  .relative-flex {
    flex-flow: wrap;
    display: flex;
  }

  .text-block-top {
    font-size: 50px;
    line-height: 60px;
  }

  .text-block-bottom {
    font-size: 55px;
    line-height: 65px;
  }

  .h1-scroll-word {
    font-size: 64px;
    line-height: 80px;
  }

  .first-word {
    height: 90px;
  }

  .expand-icon-2, .expand-icon-3 {
    margin-top: 1.87rem;
    inset: 0% 0% auto auto;
  }

  .expand-margins-2, .expand-margins-3 {
    margin-left: 1.6rem;
    margin-right: 1rem;
  }

  .title-expand {
    font-size: 50px;
    line-height: 50px;
  }

  .footer-inner-pages {
    overflow: hidden;
  }

  .mini-subscribe {
    margin-top: 0;
    position: relative;
  }

  .upside-donw-arrow {
    width: 23px;
  }

  .padding-2, .padding-2.for-carousel-logos {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .logo-carousel-block {
    flex-flow: row;
    width: 200%;
  }

  .logo-carousel-image {
    height: 4.6em;
  }

  .alignright {
    font-size: 2.5em;
    line-height: 1em;
  }

  .paragraph-2 {
    padding: 1rem;
  }

  .link {
    color: var(--font);
  }

  .heading-2 {
    z-index: 1;
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px;
    font-size: 26px;
    display: flex;
    position: static;
    inset: 0 0% 0%;
  }

  .button.hero {
    width: 70%;
  }

  .go-up-button-copy {
    background-size: 16px, auto;
  }

  .go-up-button-copy.w--current {
    z-index: 8;
  }

  .div-block {
    z-index: 2147483647;
    padding-top: 100px;
    display: none;
  }

  .image-2 {
    right: 8%;
  }

  .div-block-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
}


@font-face {
  font-family: 'Satoshi Variable';
  src: url('../fonts/satoshi-variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nyghtserif';
  src: url('../fonts/nyghtserif-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nyghtserif';
  src: url('../fonts/nyghtserif-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nyghtserif';
  src: url('../fonts/nyghtserif-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}