/*Greys*/
/*Advertisers*/
/*Publishers*/
/*Semantics*/
@font-face {
  font-family: "Swiza";
  src: url("../../fonts/swiza/swiza-light-webfont.woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Swiza";
  src: url("../../fonts/swiza/swiza-light-webfont.woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Swiza";
  src: url("../../fonts/swiza/swiza-regular-webfont.woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Swiza";
  src: url("../../fonts/swiza/swiza-medium-webfont.woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Macan";
  src: url("../../fonts/macan/Macan-Book.woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Macan";
  src: url("../../fonts/macan/Macan-Bold.woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Icons";
  src: url("../../fonts/icomoon-v1.0/icomoon.woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body {
  margin: 0;
  color: #313131;
  font-family: "Swiza", sans-serif;
  font-weight: 400;
}

.mejs-controls {
  display: none !important;
}

.desktop {
  display: block;
}

.mobile {
  display: none !important;
}

@media only screen and (max-width: 1023px) {
  html {
    overflow-x: hidden;
  }
}
a {
  text-decoration: none;
}

h1,
p {
  margin: 0;
  font-weight: inherit;
}

h2,
p {
  margin: 0;
  font-weight: inherit;
}

h3,
p {
  margin: 0;
  font-weight: inherit;
}

h4,
p {
  margin: 0;
  font-weight: inherit;
}

h5,
p {
  margin: 0;
  font-weight: inherit;
}

.headline_1 {
  font-size: 12rem;
  line-height: 14.2rem;
  letter-spacing: -0.52rem;
  font-weight: 500;
}
.headline_2 {
  font-size: 10rem;
  line-height: 100%;
  letter-spacing: -0.3rem;
  font-weight: 500;
}
.headline_3 {
  font-size: 8rem;
  line-height: 8.1rem;
  letter-spacing: -0.24rem;
}
.headline_4 {
  font-size: 5.4rem;
  line-height: normal;
  letter-spacing: -0.162rem;
}
.headline_5 {
  font-size: 4.4rem;
  line-height: normal;
  letter-spacing: -0.132rem;
  font-weight: 500;
}
.headline_6 {
  font-size: 3.4rem;
  line-height: 4.3rem;
  letter-spacing: -0.102rem;
  font-weight: 500;
}
.headline_6.bold {
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .headline_1 {
    font-size: 5.5rem;
    line-height: 106%;
    letter-spacing: -0.26rem;
  }
  .headline_2 {
    font-size: 5rem;
    line-height: 6rem;
    letter-spacing: -0.15rem;
  }
  .headline_4 {
    font-size: 5rem;
    line-height: 6rem;
    letter-spacing: -0.15rem;
  }
  .headline_5 {
    font-size: 2.6rem;
    letter-spacing: -0.078rem;
  }
  .headline_6 {
    font-size: 3.4rem;
    line-height: 111.765%;
    letter-spacing: -0.063rem;
  }
}

.paragraph_1 {
  font-size: 5.2rem;
  font-weight: 400;
  line-height: 6.2rem;
}
.paragraph_2 {
  font-size: 3.3rem;
  font-weight: 300;
  line-height: 4.9rem;
  letter-spacing: -0.089rem;
}
.paragraph_3 {
  font-family: "Macan", sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.2rem;
  letter-spacing: -0.072rem;
}
.paragraph_4 {
  font-family: "Macan", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.054rem;
}
@media only screen and (max-width: 1023px) {
  .paragraph_2 {
    font-size: 1.8rem;
    line-height: 3.6rem;
    letter-spacing: -0.054rem;
  }
  .paragraph_3 {
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.054rem;
  }
  .paragraph_4 {
    font-size: 1.5rem;
    line-height: 1.9rem;
    letter-spacing: -0.045rem;
  }
}

.white-text {
  color: white !important;
}

.logos-list li {
  width: 23.5rem !important;
  flex: 0 0 23.5rem;
  height: 15.2135rem !important;
}

ul.labels {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
ul.labels .label {
  color: #000;
  font-family: "Macan", sans-serif;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.038rem;
  border-radius: 1.5rem;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1.3rem 2rem;
  width: max-content;
}
@media only screen and (max-width: 1023px) {
  ul.labels {
    gap: 1rem;
  }
  ul.labels .label {
    font-size: 1.7rem;
    padding: 1rem 1.5rem;
    border-radius: 1.1rem;
  }
}

.grecaptcha-badge {
  display: none !important;
}

.req {
  font-size: 1.3rem;
  margin-top: 2rem;
  display: block;
}
.req a {
  color: #000;
  font-weight: 500;
  text-decoration: underline;
}

.preloader-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
  z-index: 99999;
  transition: 0.3s all;
  transform: translate3d(0, 0, 0);
}

.preloader-exit {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999999999;
}

.preloader-enter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.preloader-enter .preloader-image-wrapper {
  width: 20rem;
  height: 20rem;
  display: none;
}
.preloader-enter .preloader-image-wrapper.show {
  display: block;
}
.preloader-enter .preloader-image {
  clip-path: circle(0% at 50% 50%);
}
.preloader-enter .preloader-image svg {
  width: 100%;
  height: auto;
  display: block;
}

/*Layout*/
section .hero-box {
  height: 70rem;
  border-radius: 5rem;
  width: 97%;
  margin: 12rem auto auto auto;
  overflow: hidden;
  grid-template-columns: 40% 1fr;
  justify-items: end;
  gap: 10rem;
  box-sizing: border-box;
}
section .hero-box .content {
  display: flex;
  padding-left: 7rem;
  align-items: center;
}
section .hero-box .content h1 {
  white-space: pre-line;
}
section .hero-box strong {
  font-weight: 500;
}
section .hero-box picture {
  height: inherit;
  width: max-content;
}
section .hero-box picture img {
  width: auto;
  height: 100%;
}
section:not(section.hero) {
  padding: 15rem 0;
}
section:not(section.hero).logos {
  padding: 0;
}
section.lobby {
  width: 97%;
  margin: auto;
  padding-top: 12rem !important;
}
section.lobby > .css-grid {
  grid-template-columns: 30% 1fr;
  gap: 17.2rem;
}
section.lobby > .css-grid > .content {
  position: relative;
}
section.lobby > .css-grid > .content .content-wrapper {
  position: sticky;
  top: 12rem;
}
section.lobby h1 {
  margin-bottom: 2rem;
}
@keyframes cards_enter {
  0% {
    transform: translateY(3rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
section.lobby .post-types {
  grid-template-columns: repeat(2, 1fr);
  gap: 3.8rem;
  grid-auto-rows: 69rem;
  position: relative;
  opacity: 1;
  transition: 0.3s all;
}
section.lobby .post-types.loading {
  opacity: 0;
}
section.lobby .post-types > li {
  overflow: hidden;
  border-radius: 5rem;
  opacity: 0;
  transform: translateY(3rem);
  background-size: cover !important;
}
section.lobby .post-types > li a {
  padding: 5rem 4.5rem;
  box-sizing: border-box;
}
section.lobby .post-types > li a a {
  text-decoration: none;
}
section.lobby ul.labels li.label {
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
}
section.lobby ul.labels li.label:has(button) {
  padding: 0;
}
section.lobby ul.labels li.label.active button {
  pointer-events: none;
  background-color: #ffe6d7;
}
section.lobby ul.labels li.label button {
  background: transparent;
  padding: 1.3rem 2rem;
  transition: 0.3s all;
}
section.lobby ul.labels li.label button:hover {
  background-color: #ffe6d7;
}
@media only screen and (max-width: 1023px) {
  section .logos-list li {
    height: 10rem !important;
    width: 10rem !important;
    flex: 0 0 10rem !important;
  }
  section .hero-box {
    height: auto;
  }
  section .hero-box .hero-lottie-con .hero-lottie {
    transform: translateY(2rem) !important;
  }
  section:not(section.hero) {
    padding: 5rem 0;
  }
}

.basic-grid {
  max-width: 166rem;
  margin: auto;
  width: 100%;
  padding: 0 5rem;
  box-sizing: border-box;
}

.narrow-grid {
  max-width: 90rem;
  margin: auto;
  width: 100%;
}

.css-grid {
  display: grid;
}

/*Elements*/
ul.numbers {
  grid-template-columns: repeat(2, 1fr);
  grid-row: 26.5rem;
  gap: 3.2rem;
}
ul.numbers li {
  background-color: white;
  border-radius: 4rem;
  padding: 4rem;
}
ul.numbers li .number-box {
  gap: 1rem;
}
ul.numbers li .number-box .big-number {
  color: #21201f;
  font-weight: 500;
  line-height: normal;
}

.blog-items > li a {
  justify-content: space-between !important;
  position: relative;
}
.blog-items > li a .catgories,
.blog-items > li a h3,
.blog-items > li a p {
  z-index: 1;
  position: relative;
}
.blog-items > li a h3 {
  margin-bottom: 1rem;
}
.blog-items > li a:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(49, 49, 49, 0) 0%, #c68c6e 98%);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 5rem;
}

.blog .basic-slider .splide__arrows {
  bottom: -15rem;
  justify-content: flex-start;
  top: unset;
}
@media only screen and (max-width: 1023px) {
  .blog {
    position: relative;
  }
  .blog .slider-headline a.basic-button.with-icon {
    position: absolute;
    bottom: 0;
  }
  .blog .slider-headline h2 {
    max-width: 70%;
  }
  .blog .basic-slider li.splide__slide {
    height: 39.4rem !important;
    border-radius: 3rem;
    overflow: hidden;
  }
  .blog .basic-slider li.splide__slide a {
    height: max-content;
    height: inherit;
  }
  .blog .basic-slider li.splide__slide a::before {
    height: 100%;
    border-radius: 3rem;
  }
  .blog .basic-slider .splide__arrows {
    bottom: unset;
    top: -8rem;
    right: 2rem;
    left: unset;
    justify-content: end;
  }
}

.events li a,
ul.event-items li a {
  justify-content: space-between;
}
.events li a img,
.events li a h3,
.events li a p,
ul.event-items li a img,
ul.event-items li a h3,
ul.event-items li a p {
  position: relative;
  z-index: 1;
}
.events li a img,
ul.event-items li a img {
  height: 8.2rem;
  width: auto;
}
.events li a h3,
ul.event-items li a h3 {
  margin-bottom: 2rem;
}

.slider-headline {
  color: #000;
}

ul.loading + .loader {
  display: unset;
}

.loader {
  width: 12rem;
  height: 12rem;
  position: absolute;
  left: 0;
  inset: 15rem -72rem auto 0;
  margin: auto;
  display: none;
}
.loader img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1023px) {
  .loader {
    inset: 26rem 0 auto 0;
  }
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
  display: none;
}

@media screen and (max-width: 1023px) {
  .basic-grid,
  .narrow-grid {
    padding: 0 2.6rem;
    box-sizing: border-box;
  }
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block;
  }
  section.lobby {
    display: block !important;
    width: 100%;
  }
  section.lobby > .css-grid {
    display: block;
    padding: 0 2.4rem;
    box-sizing: border-box;
  }
  section.lobby > .css-grid .labels button {
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.034rem;
    padding: 1rem 1.5rem !important;
    border-radius: 1.1rem;
  }
  section.lobby > .css-grid .post-types {
    display: block;
    padding: 0;
    margin-top: 5.6rem;
  }
  section.lobby > .css-grid .post-types li {
    border-radius: 2.4rem;
    margin-bottom: 2.8rem;
  }
  section.lobby > .css-grid .post-types li a {
    padding: 2.4rem;
    border-radius: unset;
    height: 45rem;
  }
  section.lobby > .css-grid .post-types li a:before {
    border-radius: 2rem;
  }
  section.lobby > .css-grid .post-types li a .categories .label {
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.034rem;
    padding: 1rem 1.5rem !important;
    border-radius: 1.1rem;
  }
}
@media only screen and (min-width: 5000px) {
  html {
    font-size: 20px;
  }
}
@media only screen and (min-width: 2500px) and (max-width: 5000px) {
  html {
    font-size: 0.45vw;
  }
}
@media only screen and (min-width: 1701px) and (max-width: 2500px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1521px) and (max-width: 1700px) {
  html {
    font-size: 9px;
  }
}
@media only screen and (min-width: 1432px) and (max-width: 1520px) {
  html {
    font-size: 8px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1431px) {
  html {
    font-size: 7px;
  }
}
@media only screen and (max-width: 1023px) {
  html {
    font-size: 10px;
  }
}
/*mobile devices*/
@media only screen and (min-width: 1024px) {
  .header-mobile-buttons {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .header-mobile-buttons {
    position: absolute;
    right: 1rem;
    top: 1rem;
    height: 3.8rem;
    width: 20.8rem;
    flex: 0 0 20.8rem;
  }
  #mobile-menu-btn {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    background-color: #5e5c5c;
    border-radius: 0.9rem;
    flex: 0 0 3.8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0.5rem 0;
  }
  .kav-wrapper {
    height: 3rem;
    position: relative;
  }
  .kav {
    height: 2px;
    width: 20px;
    background-color: white;
    transition: 0.3s all;
  }
  .menu-opened .kav-1 {
    transform: translate(0px, 9px) rotate(45deg);
  }
  .menu-opened .kav-3 {
    transform: translate(0px, -9px) rotate(-45deg);
  }
  .menu-opened .kav-2 {
    opacity: 0;
  }
  header .h-third:first-child {
    position: absolute;
    z-index: 10000000000000000;
  }
  .social-menu {
    position: absolute;
    top: 24px;
    left: 14rem;
  }
  .main-nav {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100%;
    transition: 0.5s all ease-in-out;
    background: rgba(46, 66, 213, 0.5);
    backdrop-filter: blur(3px);
  }
  .menu-opened .main-nav {
    left: 0;
  }
  .main-nav > div,
  .main-nav > ul {
    height: 100%;
  }
  .main-nav ul {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .main-nav ul li {
    margin: 2rem 0 !important;
  }
}
/*Menus*/
header {
  width: 97%;
  position: fixed;
  left: 0;
  right: 0;
  top: 3rem;
  margin: auto;
  height: 6.7rem;
  align-items: center;
  display: flex;
  z-index: 999;
  pointer-events: none;
}
header .header-content {
  background-color: #000;
  max-width: 100%;
  width: 100vw;
  height: 100%;
  border-radius: 2rem;
  padding: 0 0.75rem 0 2rem;
  box-sizing: border-box;
  align-items: center;
  margin: auto;
  transition: 0.75s all ease-in-out;
  pointer-events: all;
}
header a.logo {
  width: auto;
  height: 2.9rem;
}
header a.logo img {
  width: 100%;
  height: 3rem;
}
header nav {
  gap: 4.3rem;
}
header nav .menu-header-container {
  display: flex;
  align-items: center;
}
header nav .menu-header-container ul {
  display: flex;
  gap: 4.3rem;
}
header nav .menu-header-container ul .current_page_item a {
  color: #ffd5c1;
}
header nav .menu-header-container ul a {
  font-size: 1.9rem;
  color: white;
  font-family: "Macan", sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: 0.3s all;
  white-space: nowrap;
}
header nav .menu-header-container ul a:hover {
  color: #ffd5c1;
}
@media only screen and (max-width: 1023px) {
  header {
    top: 1rem;
    overflow: hidden;
    height: 6rem;
    transition: 0.3s all;
    max-height: 97vh;
    position: fixed;
    border-radius: 2rem;
    margin: 0 2.5rem;
    width: auto;
  }
  header.menu-opened .open-pop-up.mobile {
    opacity: 0;
    visibility: hidden;
  }
  header .header-content {
    border-radius: 1.4rem;
    background-color: rgba(0, 0, 0, 0.9);
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
    justify-content: unset;
    box-sizing: border-box;
    position: relative;
    border-radius: 2rem;
    margin-top: 0;
    justify-content: space-between;
  }
  header .header-content a.logo {
    width: 9rem;
    flex: 0 0 9rem;
    height: auto;
  }
  header nav {
    flex-direction: column;
    width: 100%;
    align-items: center;
    text-align: center;
    max-height: 80vh;
    overflow: auto;
    height: auto;
    flex: 0 0 auto;
  }
  header nav .menu {
    flex-direction: column;
  }
  header .header-mobile-buttons {
    gap: 1rem;
    justify-content: flex-end;
  }
  header .header-mobile-buttons .basic-button {
    display: flex !important;
  }
  header .open-pop-up:not(.mobile) {
    width: 100%;
    height: 6.6rem;
    font-size: 2.1948rem;
  }
  header .open-pop-up.mobile {
    height: 100%;
    opacity: 1;
    visibility: visible;
    display: none !important;
  }
}

form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input {
  border: 0.1rem solid #ff5b5b;
  border-radius: 1.5rem;
}
form .wpcf7-form-control-wrap {
  width: 100%;
  display: block;
  position: relative;
}
form .wpcf7-form-control-wrap input,
form .wpcf7-form-control-wrap input:focus,
form .wpcf7-form-control-wrap input:focus-visible {
  padding: 0;
  border: none;
  height: 4.5rem;
  border-radius: 1.5rem;
  font-family: "Macan", sans-serif;
  font-size: 1.6rem;
  outline: none;
  width: 100%;
  padding: 0 2rem;
  box-sizing: border-box;
  border: 0.1rem solid transparent;
  transition: 0.3s all;
}
form .wpcf7-form-control-wrap input:has(.wpcf7-not-valid-tip) {
  border: 0.1rem solid #ff5b5b;
  border-radius: 1.5rem;
}
form .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
form .wpcf7-form-control-wrap .wpcf7-response-output {
  position: absolute;
  left: 0;
  bottom: -2.3rem;
  margin: auto;
  width: max-content;
  height: fit-content;
}
form .wpcf7-not-valid-tip, form .wpcf7-response-output {
  font-family: "Macan", sans-serif;
  font-size: 1.3rem;
  color: #ff5b5b;
}
form .wpcf7-not-valid-tip:not(.wpcf7-not-valid-tip), form .wpcf7-response-output:not(.wpcf7-not-valid-tip) {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
form .wpcf7-spinner {
  background: url("../../assets/loader.svg") center no-repeat !important;
  position: absolute;
  bottom: 1.4rem;
}
form .wpcf7-checkbox input {
  display: none;
}
form .wpcf7-checkbox input:checked + .wpcf7-list-item-label:before {
  border: 0.1rem solid #ff935b;
  background-color: #ffe6d7;
  background-size: 1.5rem !important;
}
form .wpcf7-list-item {
  margin: 0;
}
form .wpcf7-list-item-label {
  display: flex;
  align-items: center;
  gap: 1rem;
}
form .wpcf7-list-item-label:before {
  content: "";
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #21201f;
  display: block;
  border-radius: 0.5rem;
  background-color: white;
  transition: 0.3s all;
  background-size: 0 !important;
  background: url("../../assets/check_orange.svg") no-repeat center;
}

footer {
  background-color: #313131;
  padding: 8rem 0;
}
footer .req {
  font-size: 1.2rem;
  color: white;
  margin-top: 2.5rem;
}
footer .req a {
  color: white;
}
footer .logo {
  height: auto;
  width: auto;
  margin-bottom: 5rem;
}
footer .top {
  grid-template-columns: 8.5% 46.4% 36%;
  justify-content: space-between;
  margin-bottom: 6rem;
}
footer .top .menu-social-container ul {
  display: flex;
  gap: 2rem;
  align-items: center;
}
footer .top .menu-social-container ul li.twitter a {
  font-size: 2rem;
}
footer .top .menu-social-container ul a {
  font-family: "Icons";
  font-size: 2.5rem;
  text-decoration: none;
  color: white;
}
footer .top a {
  transition: 0.3s all;
}
footer .top a:hover {
  color: #fdc396 !important;
}
footer .top .input-container form {
  display: unset;
}
footer .top .input-container form input[type=submit] {
  position: absolute;
  gap: 1rem;
  border: none;
  background-color: transparent !important;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.5rem;
  color: #ff935b;
  font-size: 1.5rem;
  font-weight: 500;
  background: url(../../assets/arrow_orange.svg) no-repeat right;
  background-size: 2.859rem;
  width: 11rem;
  height: 2.9784rem;
  display: block;
}
footer .top .input-container form input,
footer .top .input-container form input:focus,
footer .top .input-container form input:focus-visible {
  background-color: #5e5c5c;
  color: white;
}
footer .top .input-container form input::placeholder,
footer .top .input-container form input:focus::placeholder,
footer .top .input-container form input:focus-visible::placeholder {
  color: white;
}
footer .top .input-container form .wpcf7-response-output {
  display: none;
}
footer .top .input-container form .wpcf7-form-control-wrap {
  margin-top: 3rem;
}
footer .top .input-container form .wpcf7-spinner {
  top: 10px;
  right: -0.8rem;
}
footer .top .input-container .success-message {
  white-space: pre-line;
  font-size: 1.5rem;
  color: #fdc396;
  margin-top: 3rem;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}
footer .top .input-container.success form {
  display: none;
}
footer .top .input-container.success .success-message {
  opacity: 1;
  visibility: visible;
}
footer .bottom {
  justify-content: space-between;
  align-items: end;
}
footer .bottom .white-text {
  font-size: 1.6rem;
}
footer .bottom .white-text a {
  color: white;
}
footer .bottom .left {
  gap: 5rem;
  align-items: flex-end;
}
footer .bottom .left .logos {
  gap: 3rem;
}
footer .bottom .left .logos img {
  height: 5.5rem;
  width: auto;
}
footer #menu-footer {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 6.2rem;
}
footer #menu-footer a {
  display: block;
  color: white;
  font-family: "Macan", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  text-decoration: none;
  white-space: nowrap;
}
footer #menu-footer .place-holder {
  visibility: hidden;
  opacity: 0;
}
@media only screen and (max-width: 1120px) {
  footer .top {
    grid-template-columns: auto 1fr 1fr;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 6rem;
  }
  footer #menu-footer {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
  }
}
@media only screen and (max-width: 1023px) {
  footer .logo {
    margin-bottom: 3rem;
  }
  footer .top {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  footer .top .menu-social-container ul {
    gap: 3.4rem;
  }
  footer .top #menu-footer {
    height: auto;
  }
  footer .top #menu-footer li.place-holder.mobile {
    display: block !important;
  }
  footer .top #menu-footer li.place-holder.desktop {
    display: none;
  }
  footer .top #menu-footer li a {
    white-space: normal;
  }
  footer .top .form-container {
    margin-top: 3rem;
  }
  footer .bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
  footer .bottom .left {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 2rem;
  }
  footer .bottom .left .logos {
    gap: 1rem;
  }
  footer .bottom .left .logos img {
    width: 100%;
    height: auto;
  }
}

/*Elements*/
button {
  border: none;
}

button {
  border: none;
}

.basic-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.3rem;
  padding: 0 2.85rem;
  text-decoration: none;
  font-family: "Macan Trial", sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  letter-spacing: -0.038rem;
  border-radius: 1.5rem;
  color: #000;
  box-sizing: border-box;
  transition: 0.3s all;
  width: max-content;
}
.basic-button.beig {
  background-color: #ffeee2;
  color: #21201f;
}
.basic-button.beig:hover {
  background-color: #ffd5c1;
}
.basic-button.purple {
  background-color: #d8d3f9 !important;
  color: #21201f;
}
.basic-button.purple:hover {
  background-color: #aba0f3;
}
.basic-button.transparent {
  background-color: transparent;
  color: white;
}
.basic-button.transparent:after {
  background: url("../../assets/double_arrow_white.svg") no-repeat center !important;
  background-position: -4rem !important;
  transition: 0.3s all;
  background: url("../../assets/double_arrow_white.svg") no-repeat center !important;
  background-position: -4rem !important;
  transition: 0.3s all;
}
.basic-button.with-icon {
  gap: 1.5rem;
  position: relative;
  position: relative;
}
.basic-button.with-icon:after {
  content: "";
  background-size: 6rem !important;
  background-size: 6rem !important;
  width: 2rem;
  height: 2rem !important;
  display: block;
}
.basic-button.with-icon.arrow:after {
  background: url("../../assets/double_arrow_black.svg") no-repeat center;
  background-position: -4rem;
  transition: 0.3s all;
}
.basic-button.with-icon:hover.arrow:after {
  background-position: 0 !important;
}
@media screen and (max-width: 1024px) {
  .basic-button {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.032rem;
    border-radius: 0.9rem;
    height: 3.3rem;
    padding: 0 1.4rem;
  }
}

.close-popup {
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 1.4684rem;
  background-color: white !important;
  right: 6.05rem;
  top: 6.05rem;
}
.close-popup:after {
  content: "";
  background: url("../../assets/close_dark.svg") no-repeat center;
  background-size: 2.3076rem;
  width: 2.3076rem;
  height: 2.3074rem;
  display: block;
  position: absolute;
  rotate: 0deg;
  transition: 0.3s all;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.close-popup:hover:after {
  rotate: 180deg;
}

a.back-button {
  color: #a2a2a2;
  text-decoration: none;
  top: 3rem;
  left: 4rem;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  .basic-button {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .basic-button.with-icon:after {
    content: "";
    background-size: 5rem !important;
  }
  .basic-button.with-icon.arrow:after {
    background-position: -3.5rem !important;
  }
  .basic-button.with-icon:hover.arrow:after {
    background-position: -3.5rem !important;
  }
  a.back-button {
    font-size: 1.5rem;
    left: 2.3rem;
  }
}
.contact-form {
  position: relative;
  overflow: hidden;
}
.contact-form .container {
  padding: 8.5rem 12rem;
  border-radius: 5rem;
  cursor: default;
}
.contact-form.in-body .container {
  transform: scale(1.2);
}
.contact-form h2 {
  margin-bottom: 4rem;
}
.contact-form .wpcf7 {
  position: relative;
}
.contact-form .thank-you-message {
  top: 21rem;
  opacity: 0;
  transition: 0.3s all;
  visibility: hidden;
  white-space: break-spaces;
  line-height: 5rem;
  color: #313131;
  max-width: 60%;
  font-size: 3.3rem;
  line-height: 132%;
  font-weight: 400;
}
.contact-form .thank-you-message.show {
  transition-delay: 0.5s;
  opacity: 1;
  visibility: visible;
}
.contact-form .thank-you-message a {
  color: #ff935b;
}
.contact-form .css-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 3.5rem 4.1rem;
}
.contact-form .labels {
  padding: 1.3rem 0;
  margin: 4rem auto;
}
.contact-form .labels .select {
  color: #5e5c5c;
  font-size: 2.3rem;
}
.contact-form .labels .label {
  background-color: white;
  border: 0.1rem solid #c5c5c5;
  cursor: pointer;
  transition: 0.3s all;
}
.contact-form .labels input {
  display: none;
}
.contact-form.meeting .container {
  background-color: #eae7ff;
}
.contact-form.meeting .container input,
.contact-form.meeting .container input:focus,
.contact-form.meeting .container input:focus-visible {
  background-color: white;
  color: #21201f;
}
.contact-form.meeting .container input::placeholder,
.contact-form.meeting .container input:focus::placeholder,
.contact-form.meeting .container input:focus-visible::placeholder {
  color: #21201f;
}
.contact-form.meeting .container input:focus,
.contact-form.meeting .container input:focus-visible {
  border: 0.1rem solid #aba0f3;
}
.contact-form.meeting .labels .label {
  background-color: transparent;
}
.contact-form.meeting .labels .label:hover {
  background-color: linear-gradient(289deg, #ccc -12.95%, #d0ccec 25.9%, #d1caff 70.84%);
  border-color: #313131;
}
.contact-form.meeting .labels input:checked + .label {
  background-color: #313131;
  color: white;
  border-color: #313131;
}
.contact-form.meeting .basic-button {
  background-color: #fdc396 !important;
  border: none !important;
  color: #21201f;
  height: 100%;
  padding: 0 5rem;
}
.contact-form.meeting .basic-button:hover {
  background-color: #ff935b !important;
}
.contact-form.meeting .wpcf7-spinner {
  left: 89rem;
  bottom: 1rem;
}
.contact-form.discovery .container {
  background-color: #fff8f3;
}
.contact-form.discovery .container input,
.contact-form.discovery .container input:focus,
.contact-form.discovery .container input:focus-visible {
  background-color: #ffeee2;
  color: #21201f;
}
.contact-form.discovery .container input::placeholder,
.contact-form.discovery .container input:focus::placeholder,
.contact-form.discovery .container input:focus-visible::placeholder {
  color: #21201f;
}
.contact-form.discovery .container input:focus,
.contact-form.discovery .container input:focus-visible {
  border: 0.1rem solid #ff935b;
}
.contact-form.discovery .labels .label:hover {
  background-color: #ffe6d7;
}
.contact-form.discovery .labels input:checked + .label {
  background-color: #ffe6d7;
}
.contact-form.discovery .basic-button {
  background-color: #fdc396 !important;
  border: none !important;
  color: #21201f;
  margin-top: 5rem;
}
.contact-form.discovery .basic-button:hover {
  background-color: #ff935b !important;
}
.contact-form.discovery .wpcf7-spinner {
  left: 11rem;
}
.contact-form form {
  opacity: 1;
  transition: 0.3s all;
}
.contact-form form.hide {
  opacity: 0;
}
.contact-form .wpcf7-response-output {
  position: absolute;
  bottom: -4rem;
}
.contact-form.pop-up {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  display: grid;
  align-items: center;
  background-color: rgba(33, 32, 31, 0.7);
  z-index: 999;
  transition: 0.3s all;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}
.contact-form.pop-up.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1023px) {
  .contact-form.contact-form {
    padding-top: 3.25rem;
    display: block;
    transform: scale(1);
  }
  .contact-form.contact-form .container {
    padding: 4rem 3.4rem;
    border-radius: 1.4rem;
    transform-origin: top;
    border-radius: 2.4rem;
  }
  .contact-form.contact-form .container h2 {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.1rem;
    letter-spacing: -0.108rem;
  }
  .contact-form.contact-form .container .thank-you-message {
    max-width: 100%;
  }
  .contact-form.contact-form .container form .css-grid {
    display: block;
  }
  .contact-form.contact-form .container form .wpcf7-form-control-wrap {
    margin-bottom: 1.75rem;
  }
  .contact-form.contact-form .container form .labels {
    gap: 0.5rem;
    margin-top: 1.75rem;
    margin-bottom: 3rem;
  }
  .contact-form.contact-form .container form .labels label {
    display: block;
  }
  .contact-form.contact-form .container form .labels li:first-child {
    flex: 0 0 100%;
  }
  .contact-form.contact-form .container form .labels li:first-child p {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.033rem;
    margin-bottom: 1rem;
  }
  .contact-form.contact-form .container form .labels label.label {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    letter-spacing: -0.048rem;
    padding: 1rem;
  }
  .contact-form.contact-form .container form .wpcf7-list-item-label {
    font-size: 1.2rem;
  }
  .contact-form.contact-form .container form .wpcf7-list-item-label:before {
    flex: 0 0 1.9rem;
    height: 1.9rem;
  }
  .contact-form.contact-form .container form .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
  .contact-form.contact-form .container form .wpcf7-form-control-wrap .wpcf7-response-output {
    position: static;
    margin: 0;
  }
  .contact-form.contact-form .container form .basic-button {
    margin-top: 3rem;
    width: 100%;
    height: auto;
  }
  .contact-form.contact-form.pop-up {
    display: flex;
    padding-top: 4rem;
    padding-bottom: 4rem;
    box-sizing: border-box;
    overflow: auto;
  }
  .contact-form.contact-form.pop-up h2 {
    max-width: 50%;
  }
  .contact-form.contact-form.pop-up .close-popup {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 0.9rem;
    right: 2.05rem;
    top: 2.05rem;
  }
  .contact-form.contact-form.pop-up .close-popup:after {
    width: 1.4142rem;
    height: 1.4142rem;
    background-size: 1.4142rem;
  }
  .contact-form.contact-form.pop-up form .labels li:first-child p {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1rem;
  }
  .contact-form.contact-form.pop-up form .labels {
    margin-bottom: 1rem;
  }
  .contact-form.contact-form .basic-button {
    padding: 1.2rem 4rem 1.2rem 4rem;
  }
}/*# sourceMappingURL=theme-style.css.map */