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

:root {
  --black: #0c0e0d;
  --white: white;
  --brown: #8f8579;
  --baige: #fcfcdb;
  --dark-grey: #656565;
  --grey: #f4f4f4;
  --beigde-back: #eee9dc;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: var(--black);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.75em;
  padding-right: 3.75em;
  position: relative;
}

.container.nav {
  justify-content: space-between;
  align-items: center;
  padding-top: 2.19em;
  padding-bottom: 2.19em;
  display: flex;
}

.logo {
  width: 12.5em;
}

.brand {
  order: -9999;
  padding-left: 0;
  padding-right: 0;
}

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

.cta {
  grid-column-gap: .81em;
  grid-row-gap: .81em;
  background-color: var(--black);
  color: var(--white);
  border-radius: .31em;
  order: 9999;
  justify-content: flex-end;
  align-items: center;
  padding-left: 1em;
  transition: all .2s;
  display: flex;
  position: relative;
}

.cta:hover {
  background-color: var(--brown);
  color: var(--white);
}

.cta-text {
  font-size: 1.13em;
  font-weight: 500;
}

.cta-arrow-block {
  color: var(--baige);
  justify-content: center;
  align-items: center;
  width: 2.63em;
  height: 2.63em;
  display: flex;
}

.arrow-icon {
  width: .94em;
}

.nav-liink {
  color: var(--black);
  font-size: .88em;
  font-weight: 500;
}

.navbar {
  background-color: var(--white);
  position: fixed;
  inset: 0% 0% auto;
}

.button-width {
  order: 9999;
}

.button-width.show-mobile {
  display: none;
}

.hero-section {
  justify-content: center;
  align-items: center;
  min-height: 95vh;
  padding-top: 20vh;
  padding-bottom: 10vh;
  display: flex;
}

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

.half {
  flex: 1;
}

.half.with-text {
  grid-column-gap: 5.31em;
  grid-row-gap: 5.31em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 400;
  line-height: 1.23;
}

.hero-heading.mob {
  display: none;
}

.section {
  padding-top: 6.63em;
  padding-bottom: 6.63em;
}

.section.colored {
  background-color: #eee9dc4d;
  overflow: hidden;
}

.section.footer {
  padding-top: 1.88em;
  padding-bottom: 1.88em;
}

.section.overflow {
  overflow: hidden;
}

.section.overflow.less {
  padding-top: 0;
}

.section-header {
  max-width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.62em;
  font-weight: 400;
  line-height: 1.2;
}

.highlight {
  padding-left: .13em;
  padding-right: .13em;
  display: inline;
}

.services-wrapper {
  margin-top: 7.12em;
  display: flex;
}

.services-columns-wrapper {
  grid-column-gap: 4.25em;
  grid-row-gap: 4.25em;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.service {
  grid-column-gap: .69em;
  grid-row-gap: .69em;
  justify-content: flex-start;
  align-items: center;
  min-width: 23.25em;
  padding-top: .69em;
  padding-bottom: .69em;
  display: flex;
}

.service-name {
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.5;
}

.service-number {
  color: var(--dark-grey);
  width: 1.25em;
  font-weight: 500;
}

.main-cta-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.main-cta-text {
  font-size: 2.38em;
  line-height: 1.2;
}

.main-cta {
  grid-column-gap: .63em;
  grid-row-gap: .63em;
  border-bottom: .13em solid var(--black);
  justify-content: flex-start;
  align-items: center;
  padding-bottom: .63em;
  transition: all .2s;
  display: flex;
}

.main-cta:hover {
  border-bottom-color: var(--brown);
  color: var(--brown);
}

.main-cta.border-color {
  border-bottom-color: var(--baige);
}

.main-cta-img {
  width: 2em;
  margin-bottom: -.63em;
}

.portfolio-wrapper {
  grid-column-gap: 6.13em;
  grid-row-gap: 6.13em;
  display: flex;
}

.portfolio-wrapper.second {
  margin-top: 7.19em;
}

.portfolio-left {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.portfolio-right {
  flex-flow: column;
  width: 51.25em;
  display: flex;
}

.portfolio-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.5em;
  font-weight: 400;
  line-height: 1.2;
}

.portolfio-small-hading-wrapper {
  margin-top: 7em;
  margin-bottom: 5.19em;
}

.small-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.38em;
  font-weight: 600;
  line-height: 1.2;
}

.portfolio-link-wrapper {
  border-radius: .31em;
  flex: none;
  position: relative;
  overflow: hidden;
}

.portfolio-image {
  width: 100%;
}

.instagram-preview {
  border: 1px solid #ededed;
  border-radius: .5em;
  overflow: hidden;
}

.video-active-wrapper {
  aspect-ratio: 419 / 558;
  position: relative;
}

.video {
  z-index: 0;
  width: 100%;
  height: 100%;
}

.insta-block {
  flex: none;
  width: 23em;
}

.insta-top {
  background-color: var(--white);
  padding: 1.13em .81em .44em;
}

.insta-profile-logo {
  grid-column-gap: .56em;
  grid-row-gap: .56em;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.instagram-gradient {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  padding: .13em;
  display: flex;
}

.profile-logo-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.avatar-img {
  width: 2.5em;
}

.insta-name {
  font-size: .81em;
  font-weight: 700;
}

.more {
  width: 1em;
}

.insta-name-wrapper {
  grid-column-gap: .56em;
  grid-row-gap: .56em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bottom {
  background-color: var(--white);
  justify-content: space-between;
  padding: 1.13em .88em;
  display: flex;
}

.insta-bottom-icon {
  width: 1.63em;
}

.bottom-icons-wrapper {
  grid-column-gap: .81em;
  grid-row-gap: .81em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.insta-slider {
  grid-column-gap: 6.13em;
  grid-row-gap: 6.13em;
  justify-content: flex-start;
  align-items: center;
  display: block;
  overflow: hidden;
}

.insta-slider.swiper {
  margin-top: 5.19em;
}

.slides-wrapper {
  grid-column-gap: 3.44em;
  grid-row-gap: 3.44em;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-right: -3.75em;
  display: flex;
}

.slide-video {
  aspect-ratio: 317 / 422;
  flex: none;
  width: 25em;
}

.person-section {
  background-color: var(--grey);
  border-radius: .63em;
  display: flex;
  overflow: clip;
}

.person-photo-block {
  width: 49em;
}

.person-about {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding: 3.13em;
  display: flex;
}

.person-about.brown {
  background-color: var(--brown);
  color: var(--baige);
}

.person-title {
  z-index: 1;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  position: relative;
}

.partner {
  color: var(--white);
  margin-top: .13em;
  padding-bottom: .13em;
  padding-left: .19em;
  padding-right: .19em;
}

.about-person {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
}

.about-person.smaller {
  margin-bottom: 0;
  font-size: 1em;
}

.person-about-flex {
  grid-column-gap: 2.13em;
  grid-row-gap: 2.13em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 90%;
  display: flex;
}

.blurred-video {
  z-index: -1;
  border-radius: .63em;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blurred-video-wrapper {
  border-radius: .63em;
  position: relative;
  overflow: hidden;
}

.blurred-div {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background-color: #0003;
  justify-content: space-between;
  align-items: stretch;
  padding: 6em 7.06em 4.63em;
  display: flex;
  position: relative;
  inset: 0%;
}

.logo-m {
  opacity: .14;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.blurred-text-wrapper {
  z-index: 1;
  color: var(--baige);
  flex-flow: column;
  width: 45em;
  display: flex;
  position: relative;
}

.more-title {
  color: var(--baige);
  font-size: 4.56em;
  font-weight: 400;
  line-height: 1.2;
}

.more-text-wrapper {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 16.88em;
  display: flex;
}

.logo-m-wrapper {
  flex: none;
}

.more-text {
  color: var(--baige);
  max-width: 76%;
  margin-bottom: 0;
  font-size: 1.5em;
  line-height: 1.2;
}

.form-block {
  grid-column-gap: 8.75em;
  grid-row-gap: 8.75em;
  background-color: #eee9dc4d;
  border: 1px solid #eee9dc;
  border-radius: .63em;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 3.75em 3.13em;
  display: flex;
}

.contact-img {
  width: 20.25em;
}

.img-contact {
  border-radius: .31em;
  width: 100%;
}

.offer-form-wraper {
  grid-column-gap: 2.06em;
  grid-row-gap: 2.06em;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.offer-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.2;
}

.form-description {
  max-width: 77%;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}

.form-flex {
  grid-column-gap: .81em;
  grid-row-gap: .81em;
  display: flex;
}

.select, .text-field {
  background-color: var(--beigde-back);
  color: var(--black);
  border: 1px #000;
  border-radius: .13em;
  margin-bottom: 0;
  font-size: .88em;
  line-height: 1.2;
}

.check-field {
  margin-top: 1.25em;
  margin-bottom: 2.06em;
}

.form-bottom {
  margin-bottom: 0;
}

.submit {
  grid-column-gap: 2.63em;
  grid-row-gap: 2.63em;
  background-color: var(--black);
  color: var(--baige);
  border-radius: .31em;
  justify-content: flex-start;
  align-items: center;
  min-height: 3.13em;
  padding: .59em .88em .59em .69em;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.submit:hover {
  background-color: var(--brown);
}

.submit.on-website {
  z-index: 1;
  background-color: var(--white);
  color: var(--black);
  margin-bottom: 1.63em;
  margin-right: 1.63em;
  position: absolute;
  inset: auto 0% 0% auto;
}

.submit.on-video {
  z-index: 1;
  background-color: var(--white);
  color: var(--black);
  margin-bottom: 1.63em;
  margin-right: 1.63em;
  position: absolute;
}

.arrow-submit {
  width: .94em;
}

.arrow-submit.calendar {
  width: 1.63em;
}

.submit-wrapper {
  display: flex;
}

.footer-flex-wrapper {
  grid-column-gap: 14.12em;
  grid-row-gap: 14.12em;
  display: flex;
}

.footer-right {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 2.5em;
  display: flex;
}

.footer-logo {
  color: var(--grey);
  width: 32.31em;
}

.footer-contact-wrapper {
  background-color: #eee9dc4d;
  border: 1px solid #eee9dc;
  justify-content: space-between;
  align-items: center;
  padding: 1.75em;
  display: flex;
}

.person-footer-contact {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-img {
  border-radius: .31em;
  width: 4.38em;
}

.person-footer-details-wrapper {
  grid-column-gap: .63em;
  grid-row-gap: .63em;
  flex-flow: column;
  display: flex;
}

.person-footer-name {
  font-size: 1em;
  font-weight: 400;
}

.contact-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.contact-link {
  font-size: .75em;
  font-weight: 700;
}

.footer-details-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bottom-text {
  font-size: .75em;
  font-weight: 400;
}

.bold {
  font-weight: 700;
}

.policy {
  font-size: .75em;
}

.section-yellow {
  background-color: var(--baige);
  padding-top: 4.19em;
  padding-bottom: 4.19em;
}

.number-details-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.expirience-block {
  flex: none;
  width: 51.06em;
}

.exp-title {
  color: var(--brown);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.5em;
  font-weight: 400;
  line-height: 1.2;
}

.para-exp {
  color: var(--brown);
  max-width: 68%;
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.5;
}

.exp-flex {
  grid-column-gap: 4.25em;
  grid-row-gap: 5em;
  flex-flow: wrap;
  margin-top: 2.88em;
  display: flex;
}

.exp-element {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  flex: 1 0 45%;
  display: flex;
}

.exp-line {
  background-color: var(--brown);
  height: 1px;
}

.exp-desc {
  color: var(--brown);
  font-size: 1em;
  line-height: 1.5;
}

.exp-number {
  color: var(--brown);
  font-size: 3em;
  font-weight: 400;
  line-height: 1.2;
}

.para-ext-wrapper {
  margin-bottom: 1.25em;
}

.gallery-title {
  text-align: center;
  font-size: 2.38em;
  line-height: 1.2;
}

.gallery-title.no-center {
  text-align: left;
  font-weight: 600;
}

.gallery-slider {
  margin-top: 5.19em;
}

.swiper-wrapper {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.swiper-slide.slide.slide-big {
  aspect-ratio: 419 / 541;
  flex: none;
  width: 26.19em;
}

.swiper-slide.slide.slide-wide {
  aspect-ratio: 3 / 2;
  flex: none;
  width: 41.75em;
}

.slide-img {
  object-fit: cover;
  object-position: 10% 50%;
  border-radius: .31em;
  width: 100%;
  height: 100%;
}

.materials-nav {
  grid-column-gap: 1.56em;
  grid-row-gap: 1.56em;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4.75em;
  display: flex;
}

.slider-button {
  border: 1px solid var(--black);
  border-radius: .13em;
  justify-content: center;
  align-items: center;
  width: 2.63em;
  height: 2.63em;
  transition: all .2s;
  display: flex;
}

.slider-button:hover, .slider-button.next {
  background-color: var(--black);
  color: var(--baige);
}

.slider-button.next:hover {
  border-color: var(--brown);
  background-color: var(--brown);
}

.slide-arrow {
  width: .94em;
}

.insta-nav {
  grid-column-gap: 1.56em;
  grid-row-gap: 1.56em;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4.75em;
  display: flex;
}

.grey-stripe {
  background-color: var(--grey);
  padding-top: .63em;
  padding-bottom: .63em;
  position: relative;
  inset: 0% 0% auto;
}

.top-info {
  text-align: center;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.2;
}

.top-span {
  font-size: 1.1em;
  font-weight: 700;
}

.close-link {
  z-index: 2;
  width: .75em;
  height: .75em;
  position: absolute;
  inset: 0% 3.75em auto auto;
}

.nav-flex {
  grid-column-gap: 4.13em;
  grid-row-gap: 4.13em;
  display: flex;
}

.story-static {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hero-img, .person-img {
  width: 100%;
}

.marketing {
  letter-spacing: .31em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .8em;
  font-weight: 900;
}

.about-section {
  max-width: 91%;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25em;
  line-height: 1.2;
}

.about-section.less-width {
  max-width: 100%;
}

.social-title {
  margin-left: calc(23em + 40px);
}

.days-wrapper {
  margin-left: calc(41.75em + 36px);
}

.video-wrapper {
  margin-left: calc(20.75em + 36px);
}

.marina-video {
  aspect-ratio: 2;
  border-radius: .63em;
  width: 100%;
  height: auto;
}

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

.bolder {
  font-weight: 600;
}

.rich-content {
  letter-spacing: 0;
  margin-top: 1.88em;
}

.rich-content h4 {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  font-size: .94em;
  line-height: 1.4;
}

.rich-content h1 {
  margin-top: 0;
  margin-bottom: .31em;
  font-size: 4em;
  font-weight: 700;
  line-height: 1.4;
}

.rich-content p {
  margin-bottom: 1.25em;
  font-size: .94em;
  line-height: 1.4;
}

.rich-content h3 {
  margin-top: 0;
  margin-bottom: .63em;
  font-size: 1.5em;
  line-height: 1.4;
}

.rich-content h2 {
  margin-top: 0;
  margin-bottom: .63em;
  font-size: 2.44em;
  font-weight: 700;
  line-height: 1.4;
}

.rich-content li {
  margin-bottom: .31em;
  font-size: .94em;
  line-height: 1.4;
}

.rich-content ul {
  margin-bottom: 1.25em;
  padding-left: 2.5em;
}

.rich-content figure {
  display: block;
}

.rich-content a {
  color: #0d0d0e;
  font-weight: 500;
  transition: all .2s;
}

.rich-content a:hover {
  color: #a8a8a8;
}

.thank-you {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.thx-logo {
  z-index: 0;
  color: #eee9dc;
  width: 62%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.thx-width {
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  background-color: #faf8f5;
  border-radius: .63em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 43.75em;
  padding: 6.5em 3.75em;
  display: flex;
  position: relative;
}

.thx-title {
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 2.38em;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.ans {
  z-index: 2;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
}

@media screen and (max-width: 991px) {
  .navigation {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
  }

  .nav-liink {
    font-size: 2em;
  }

  .button-width {
    order: 0;
  }

  .hero-section {
    padding-top: 14.15em;
  }

  .columns {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .hero-heading {
    font-size: 4em;
  }

  .section {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .section-header {
    font-size: 2.38em;
  }

  .services-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .services-columns-wrapper {
    order: -9999;
  }

  .main-cta-text {
    font-size: 1.6em;
  }

  .portfolio-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .portfolio-left {
    flex: 0 auto;
    width: 40%;
  }

  .portolfio-small-hading-wrapper {
    margin-top: 3em;
    margin-bottom: 2em;
  }

  .portfolio-link-wrapper {
    flex: none;
  }

  .person-about {
    flex: 0 40%;
    padding: 2.03em;
  }

  .person-title {
    font-size: 2em;
  }

  .about-person {
    font-size: 1.2em;
  }

  .blurred-div {
    padding: 3em;
  }

  .more-title {
    font-size: 3em;
  }

  .more-text-wrapper {
    margin-top: 11.78em;
  }

  .form-block {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .footer-flex-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .footer-left {
    flex: none;
    width: 30%;
  }

  .footer-right {
    padding-top: 0;
  }

  .footer-logo {
    width: 100%;
  }

  .number-details-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .expirience-block {
    flex: 1;
  }

  .exp-title {
    font-size: 4em;
  }

  .para-exp {
    max-width: 100%;
  }

  .exp-flex {
    grid-column-gap: 2.48em;
    grid-row-gap: 3em;
  }

  .exp-element {
    flex-basis: 40%;
  }

  .exp-number {
    font-size: 2.38em;
  }

  .para-ext-wrapper {
    flex: none;
    width: 40%;
    margin-bottom: 0;
  }

  .close-link {
    top: -30%;
  }

  .menu-button {
    order: 9999;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .loffie-menu {
    width: 1.4em;
  }

  .nav-flex {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    background-color: var(--beigde-back);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 3.75em;
  }

  .days-wrapper {
    margin-left: calc(30.75em + 36px);
  }

  .rich-content h1 {
    font-size: 1.88em;
  }

  .rich-content h2 {
    font-size: 1.6em;
  }
}

@media screen and (max-width: 767px) {
  .columns {
    flex-flow: column;
  }

  .hero-heading {
    display: none;
  }

  .hero-heading.mob {
    display: block;
  }

  .section-header {
    max-width: 100%;
  }

  .services-wrapper {
    margin-top: 3em;
  }

  .services-columns-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: space-between;
    align-self: stretch;
  }

  .services-column {
    flex: 1;
  }

  .service {
    min-width: auto;
  }

  .portfolio-wrapper {
    flex-flow: column;
  }

  .portfolio-wrapper.second {
    margin-top: 3em;
  }

  .portfolio-left {
    width: 100%;
  }

  .portfolio-right {
    order: -9999;
    width: 100%;
  }

  .portfolio-heading {
    font-size: 4em;
  }

  .portolfio-small-hading-wrapper {
    margin-top: 2em;
    margin-bottom: 1em;
  }

  .person-section {
    flex-flow: column;
  }

  .person-photo-block {
    width: 100%;
  }

  .person-about {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .blurred-div {
    flex-flow: column;
  }

  .blurred-text-wrapper {
    width: 100%;
    margin-top: 2em;
  }

  .more-text-wrapper {
    margin-top: 4em;
  }

  .more-text {
    max-width: 100%;
  }

  .form-block {
    flex-flow: column;
  }

  .contact-img {
    width: 100%;
  }

  .footer-left {
    display: none;
  }

  .number-details-wrapper {
    flex-flow: column;
  }

  .expirience-block {
    order: -9999;
    width: 100%;
  }

  .para-ext-wrapper {
    width: 100%;
  }

  .social-title, .days-wrapper, .video-wrapper {
    margin-left: 0;
  }

  .rich-content p, .rich-content li {
    font-size: 1em;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .button-width {
    display: none;
  }

  .button-width.show-mobile {
    display: flex;
  }

  .hero-section {
    min-height: 98vh;
  }

  .hero-heading {
    font-size: 8vw;
    display: none;
  }

  .hero-heading.mob {
    display: block;
  }

  .section-header {
    font-size: 2.3em;
  }

  .services-columns-wrapper {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
  }

  .services-column {
    align-self: stretch;
  }

  .services-column.sec {
    margin-top: -1px;
  }

  .form-flex {
    flex-flow: column;
  }

  .footer-contact-wrapper {
    grid-column-gap: 1.88em;
    grid-row-gap: 1.88em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .top-info {
    max-width: 93%;
    margin-left: auto;
    margin-right: auto;
  }

  .close-link {
    inset: 0% 1.25em auto auto;
  }

  .thx-width {
    padding-left: 1.45em;
    padding-right: 1.45em;
  }
}


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