/* Basic Reset */

html, body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.loading {
  display: none;
}

@font-face {
  font-family: MaisonNeueBook;
  src: url("font/Maison\ Neue\ Book.woff2");
  src: url("font/Maison\ Neue\ Book.woff");
}

@font-face {
  font-family: MaisonNeueDemi;
  src: url("font/Maison\ Neue\ Demi.woff2");
  src: url("font/Maison\ Neue\ Demi.woff");
}

@font-face {
  font-family: MaisonNeueBold;
  src: url("font/Maison\ Neue\ Bold.woff2");
  src: url("font/Maison\ Neue\ Bold.woff");
}

body {
  font-family: 'MaisonNeueBook';
   /* Improve font rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background: white;
  display: flex;
  line-height: 1.6;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
  }

*:focus {
  outline: none !important;
  box-shadow: none !important;
}

header {
  position: fixed;
  justify-content: center;
  display: flex;
  width: 100%;
  height: 10svh;
  min-height: 96px;
  z-index: 99;
  top: 0;
  padding: 24px 0px;
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, #E6C4BC 0%, #E6C4BC 5%, white 6%, white 100%);
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
}

header .logo svg path {
  fill: #000000;
}

.initial-box {
  height: 100svh;
  display: flex;
  /* position: relative; */
  flex-direction: column;
}


main {
  margin-top: 4em;
  margin-bottom: 6em;
  padding-left: 7.5em;
  padding-right: 7.5em;
  max-width: 1440px;
}

#langName {
  color: black;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 120%;
  margin-top: 5px;
}

#langNameFooter {
  color: white;
  font-family: MaisonNeueDemi;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 120%;
}
#gpslink
{
}
#langFlag {
  max-width: 24px;
}
  
#languageSwitch {
  flex: 1;
  margin-right: 3em;
  cursor: pointer;
  display: flex;
  gap: 12px;
  align-content: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
} 
  
#languageSwitch:hover {
  text-decoration: underline;
}
  
#languageSwitch:hover #langName {
  text-decoration: underline;
}

#languageSwitchFooter { 
  margin-top: 32px;
  cursor: pointer;
  display: flex;
  gap: 12px;
  align-content: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

#languageSwitchFooter:hover { 
  text-decoration: underline;
}

#languageSwitchFooter:hover #langName { 
  text-decoration: underline;
}

.carousel {
  position: relative;
  width: 100vw;
  height: 90svh;
  cursor: grab;
  overflow: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; /* for smooth scrolling on iOS */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.carousel.active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.carousel::-webkit-scrollbar {
  display: none;
}

.carousel-text {
  background-color: #E6C4BC;
  color: #000;
  width: 100%;
  position: relative;
  padding: 40px;
  text-align: center;
  height: 124px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  line-height: 1.2em;
}

.heroTitle {
  display: inline;
  font-size: 1.2em;
  font-family: MaisonNeueBold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.changeContent {
  display: inline;
  line-height: 1.3em;
  font-size: 1.2em;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.carousel-slides {
  height: 90svh;
  display: flex;
  width: 300vw; /* Adjust this to prevent overflow */
  overflow-x: hidden; /* Hide horizontal overflow */
}
  
.carousel-image {
  width: 100vw;
  height: auto;
  object-fit: cover;
}

.carousel-buttons {
  position: absolute;
  bottom: 40px; /* Position 40px from the bottom of the carousel */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
  z-index: 10; /* Ensure buttons are above the carousel images */
}

.carousel-button {
  width: 12px;
  height: 20px;
  border: 2px solid white;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.5s ease, border-color 0.5s ease;
}

.carousel-button.active {
    background-color: white;
}

/* input:focus {
  -webkit-tap-highlight-color: transparent;
} */

.iti:focus {
  -webkit-tap-highlight-color: transparent;
}
      
.noSelect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    
.noSelect:focus {
    outline: none !important;
}

#formAnswer {
    margin-bottom: 36px;
    margin-top: 12px;
    width: 27.5em;
}

#backBtn {
  width: 20%;
  text-align: left;
  color: #000;
  cursor: pointer;
  font-family: MaisonNeueBold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 140%;
}
  
header .logo {
  display: flex;
  margin-left: 3em;
}
  
nav ul {
  list-style: none;
  display: flex;
}
  
nav ul li {
  padding: 0 1rem;
}
  
nav ul li a {
  color: #fff;
  text-decoration: none;
}
  
.leftLine {
  margin-left: 1px;
  margin-top: 16px;
  margin-bottom: 2.3em;
  border-left: 2px solid #D77C95;
  color: #000;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.032px;
}


  .form-group{margin-bottom: 0;
   }
   #mobile_code
   {height: 50px;}


p#note.win.desktopOnly {
  color: #D77C95;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  margin-bottom: 36px;
  line-height: 140%;
  letter-spacing: 0.032px;
}

img#langBtnFooter.mobileOnly-icon {
  display: none;
}

input[type="radio"] {
  width: 0.7em !important; /* Reduced from 0.5em */
  height: 0.7em !important; /* Reduced from 0.5em */
  border: 0.07em solid black !important; /* Border color */
  border-radius: 50%;
  position: relative;
  background-color: transparent;
}

input[type="radio"]:after {
  content: '';
  display: block;
  width: 0.4em !important; /* Adjusted size */
  height: 0.4em !important; /* Adjusted size */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #D77C95 !important; /* Dot color */
  opacity: 0;
}

input[type="radio"]:checked:after {
    opacity: 1;
}
  
input[type="radio"]:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

input[type="radio"]:checked:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

input[type="radio"]:focus, input[type="radio"]:focus:after {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.btn {
    display: flex;
    padding: 12px;
    box-shadow: none;
    border: none;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    margin-top: 32px;
    color: #FFF;
    font-family: MaisonNeueBold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 140%;
    /* 22.4px */
    letter-spacing: 0.032px;
    color: white;
    margin-bottom: 16px;
    background: #e6c4bd;
  }
  
  #mainForm {
    width: 100%;
  }
  
  .toTheRight {
    margin-left: 12px;
  }
  
  .toTheRight36 {
    margin-left: 36px;
  }

.clientData {
  color: #e6c4bd;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 24px;
  line-height: 140%;
  /* 33.6px */
  letter-spacing: 0.048px;
  display: inline;
}

.mobileOnly {
  display: none;
}
  
  .flexLabels {
    gap: 12px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
  }
  
  .flexer {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  
  input {
    color: #646464;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 140%;
    /* 22.4px */
    letter-spacing: 0.032px;
    width: 100%;
    padding: 12px;
    margin-top: 6px;
    margin-bottom: 6px;
  }

.deskCouple {
  display:flex;
  gap: 18px;
}

.form-field {
  width: 100%;
}

.form-field-2 {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.shorter
{width:50%;}

.contactContainer {
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    width: 72em;
}
    
video {
  max-width: 50%;
}/* [1] The container */
    

.form-container {
      display: flex;
      max-width: 34em;
      margin-top: 72px;
      padding-top: 0;
      align-self: stretch;
      flex-direction: column;
      align-items: flex-start;
  }
  
#contactTitle {
  color: #000;
  font-family: MaisonNeueDemi;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 1.7em;
  margin-top: 12px;
  line-height: 140%;
  letter-spacing: 0.048px;
}
  
.form-container h1 {
  color: #000;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  width: 64%;
  font-size: 1.1em;
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: 140%;
  letter-spacing: 0.032px;
}


.grid-container {
  display: flex;
  justify-content: space-around;
  padding: 3em;
  flex-direction: row;
  flex-wrap: wrap;
}

@keyframes fadeInUpUnified {
  0% {
      opacity: 0;
      transform: translateY(30px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}
  
.grid-item {
  background-color: #F5EFEA;
  margin-bottom: 1.4em;
  width: 529px;
  height: 701px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  justify-content: flex-start;
  transition: all .3s ease-out;
  position: relative;
  padding-bottom: 3em;

  opacity: 0;
  transform: translateY(30px);
}

.grid-item.start-animation {
  animation: fadeInUpUnified 1.2s ease-out forwards;
}

.grid-item:nth-child(1) {
  animation-delay: 0.2s;
}

.grid-item:nth-child(2) {
  animation-delay: 0.2s;
}

.grid-item:nth-child(3) {
  animation-delay: 0.2s;
}

.grid-item:nth-child(4) {
  animation-delay: 0.2s;
}

.grid-item .cta { 
  position: absolute; 
  bottom: 1em; 
  left: 0; 
  width: 100%;
}

.grid-item:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}

.grid-item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; /* Adjust as needed to be above grid item content */
}

.grid-info {
  width: 457px;
  margin-top: 1.5em;
}

.grid-image {
  margin-top: 2.5em;
}

h2 {
  font-size: 2em;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h4 {
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 0.9em;
  line-height: 1.3em;
}

.cta-container {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Aligns content to the left */
  width: 100%; /* Ensures the container takes full width of the grid item */
  position: absolute;
  bottom: 0; /* Positions at the bottom of the grid item */
  left: 0; /* Aligns to the left side */
  padding: 10px; /* Adjust as needed */
}

#cta {
  font-family: MaisonNeueBold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 0.9 !important; 
  margin-top: 1.8em;
  text-transform: uppercase;
  position: absolute;
  bottom: 1.5em;
  width: 9em;
  left: 2em;
  z-index: 20;
}

#cta-button {
  margin-left: 0.3em;
}

.cta-coming-soon {
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  pointer-events: none;
  text-transform: uppercase;
  position: absolute;
  bottom: 1.5em;
  left: 2em;
  opacity: 0.5;
}


.cta:hover {
  text-decoration: underline !important;
}

.btn {
  display: flex;
  padding: 12px; /* Original padding */
  box-shadow: none;
  border: 0.2em solid transparent; /* Invisible border of the same width */
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  margin-top: 32px;
  color: #FFF;
  font-family: MaisonNeueBold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  font-style: normal;
  line-height: 140%;
  letter-spacing: 0.032px;
  background: #e6c4bd;
  box-sizing: border-box; /* Include border in total width and height */
  transition: all 0.3s ease; /* Smooth transition for hover effect */
}

.btn:hover {
  color: black; /* Text color changes to black */
  background-color: white; /* Background becomes white */
  border: 0.2em solid #e6c4bd; /* Visible border on hover */
  cursor: pointer; /* Changes cursor to a pointer */
}

.underline-hover-effect {
  text-decoration: underline;
}

/* Input  when it is active (focused) */

.input {
  border: 1px solid #121422; /* Solid black border */
  padding: 13px; /* Padding around the text */
  font-size: 16px; /* Example: font size */
  color: #646464; /* Example: text color */
  background-color: #fff; /* Example: background color */
  border-radius: 0px; /* Example: rounded corners */
  width: 100%; /* Example: full width of the parent container */
  flex-grow: 1;
}

.input:focus {
  border: 2px solid #121422; /* Keeps the border black */
  /* border-radius: 3px; */
  padding: 12px;
}

/* Input field when there is an error */
.input.error {
  border: 1px solid #B20000;
  padding: 13px;
}

.valid-input {
  color: #000000; /* Black color */
}


/* Show error message when there is an error */
.input.error + .error-message {
  display: block;
}

.input.error + .error-message-hin {
  display: block;
}

/* Show error icon when there is an error */
.input.error ~ .error-icon {
  display: block;
}

/* Error message styles */
.error-message {
  color: #B20000;
  font-size: 14px;
  display: none;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  position: relative;
  right: 0.55em;
}

.error-message-hin {
  color: #B20000;
  font-size: 14px;
  display: none;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  position: relative;
  right: 4.9em;
}

/* Error icon styles */
.error-icon {
  width: 20px;
  height: 20px;
  background-image: url('content/error.svg');
  display: none; /* Hidden by default */
  position: absolute;
  right: 10px;
  top: 2em;
  transform: translateY(-50%);
}

#backBtn {
  width: 20%;
  text-align: left;
  color: #000;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 140%;
  font-family: MaisonNeueBold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 0.8em;
}

#backBtn:hover {
  text-decoration: underline;
}

.containerClassName a.cta:hover {
  text-decoration: underline;
}

.visit-website, #cta {
  text-decoration: none; /* Removes underline by default */
  color: black;
}

.visit-website:hover, #cta:hover {
  color: black;
  text-decoration: underline; /* Adds underline on hover */
}
  
.langSelector {
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
  height: 100%;
  cursor: pointer;
  background-color: #e6c4bd;
}

#cookieBanner {
  display: flex;
  position: fixed;
  bottom: 0;
  border: 2px solid #e6c4bd;
  background: white;
  bottom: 0;
  padding: 72px;
  flex-direction: column;
  z-index: 11;
}

#cookieBannerTitle {
  color: #000;
  font-family: MaisonNeueBold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.032px;
  margin-bottom: 6px;
}

#cookieBannerContent {
  color: #000;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.032px;
  margin-bottom: 36px;
}

#cookieBannerAccept {
  display: flex;
  background: var(--blue, #e6c4bd);
  padding: 12px 72px;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  align-self: stretch;
  color: #FFF;
  font-family: MaisonNeueBold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.032px;
}

#countryCode { 
  color: black;
  text-align: center;
  width: 115PX;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 140%; 
  letter-spacing: 0.032px; 
   /* width: 100%; */
  padding: 12px;
  padding-right: 24px;
  margin-top: 6px;
  margin-bottom: 6px;
}

#countryCode2 { 
  color: black;
  text-align: center;
  width: 115PX;
  font-family: MaisonNeueBook;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 140%; 
  letter-spacing: 0.032px; 
   /* width: 100%; */
  padding: 12px;
  padding-right: 24px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.short-line {
  height: 1.5px;
  background-color: #e6c4bd;
  width: 72px;
  margin-top: 32px;
  margin-bottom: 2px;
}
  
.title-line {
  margin: 16px;
  height: 1px;
  /* Thickness of the line */
  background-color: #e6c4bd;
  margin-top: 32px;
  margin-bottom: 0px;
}
  
#allContainer {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none"><path d="M1 0.666992L6 5.33366L11 0.666992" stroke="black" stroke-width="1.83223"/></svg>');
  background-repeat: no-repeat;
  background-position-x: 85%;
  background-position-y: 50%;
  /* border: 1px solid #dfdfdf; */
  border-radius: 2px;
  /* margin-right: 2rem; */
  padding: 1rem;
  padding-right: 2rem;
}

footer {
  background: #E6C4BC;
  /* Adjust the color to match your branding */
  color: white;
  text-align: left; 
  width: 100%;
  padding-top: 36px;
  padding-bottom: 36px;
}
  
.footer-text {
  color: #FFF;
  margin-top: 16px;
  font-family: MaisonNeueDemi;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 24px;
  line-height: 120%;
  /* 28.8px */
  letter-spacing: 0.048px;
}
  
.footer-contact {
  color: #FFF;
  font-family: MaisonNeueDemi;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  margin-top: 32px;
  margin-bottom: 1em;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: 0.032px;
}
  
.footer-mail {
  color: #FFF;
  font-family: MaisonNeueDemi;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  margin-top: 16px;
  line-height: 120%;
  letter-spacing: 0.032px;
  text-decoration: none; /* Add this line to remove the underline by default */
}

.footer-mail:hover {
  text-decoration: underline; /* This will apply the underline on hover */
}

.copyright {
  color: #FFF;
  font-family: MaisonNeueDemi;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 12px;
  line-height: 120%; /* 14.4px */
  letter-spacing: 0.024px;
}

.footer-links {    
  align-items: center;
  display: flex;
  justify-content: space-between;
  font-family: MaisonNeueDemi;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.leftDiv a {
  color: white;
  text-decoration: none;
  color: #FFF;
  font-family: MaisonNeueDemi;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 12px;
  margin-right: 32px;
  margin-bottom: 64px;
  line-height: 120%;
  letter-spacing: 0.024px;
}
  
.leftDiv a:hover {
  text-Decoration: underline;
  /* Adds underline on hover */
}
  
.title-line {
  width: 785px;
  margin: 0;
  border-top: 2px solid #e6c4bd;
  margin-bottom: 2px;
}
      
footer {
  display: flex;
  justify-content: center;
}

.headerOrganizer {
  display: flex;
  justify-content: space-between; /* Aligns children with space between */
  align-items: center; /* Centers children vertically */
  width: 100%;
}

/* Creating a pseudo-element to act as a spacer */
.headerOrganizer::before {
  content: '';
  flex: 1;
}
    
.special-line {
  margin: 0;
  border-top: 1px solid white;
  margin-bottom: 2px;
}

.footer-column {
  width: 50%;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.footer-content {
  max-width: 1440px;
  padding: 72px;
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
}

img#langBtn.mobileOnly-icon {
display: none;
}

@media (max-width: 768px) {
/* Basic Reset */

html, body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/* Creating a pseudo-element to act as a spacer */
.headerOrganizer::before {
  content: '';
  flex: 0;
}

#langNameFooterMobile.active {
  text-decoration: underline;
}

#email-error-message  {
  /* display: block; */
  margin-right: 7em;
  /* left: -3.7em; */
  /* right: -4px; */
  /* justify-content: flex-start; */
}

img#langBtnFooter.mobileOnly-icon {
  display: flex !important;
  position: relative;
  width: 2em;
  bottom: 4px;
}

#languageSwitchFooterMobile {
  display: flex !important;
  margin-bottom: 1.2em;
}

#langNameFooterMobile {
  text-decoration: underline;
}
  

@font-face {
    font-family: MaisonNeueBook;
    src: url("font/Maison\ Neue\ Book.woff2");
    src: url("font/Maison\ Neue\ Book.woff");
  }
  
  @font-face {
    font-family: MaisonNeueDemi;
    src: url("font/Maison\ Neue\ Demi.woff2");
    src: url("font/Maison\ Neue\ Demi.woff");
  }
  
  @font-face {
    font-family: MaisonNeueBold;
    src: url("font/Maison\ Neue\ Bold.woff2");
    src: url("font/Maison\ Neue\ Bold.woff");
  }
  
  body {
    font-family: 'MaisonNeueBook';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    display: flex;
    overflow-x: hidden;
    line-height: 1.6;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
  
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    user-select: none;
}
  
*:focus {
    outline: none !important;
    box-shadow: none !important;
}

.lang-selector-hidden {
    display: none !important;
}
  
.lang-selector-visible {
    display: block !important; 
}

.deskOnly {
  display: none;
}

#langBtn {
display: block !important;
width: 1.8em;
}

#closeBtn {
  margin-left: 20.5em;
  margin-top: 2.4em;
  margin-bottom: 7em;
}

.langTitle {
  color: white;
  margin-bottom: 1em;
  font-family: 'MaisonNeueBook';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.langActive {
  text-decoration: underline;
}

#engBtn {
  display: flex;
  gap: 0.5em;
  color: white;
  font-size: 24px;
  border-top: 2px solid white;
  padding-top: 2em;
}

#hinBtn {
  display: flex;
  gap: 0.5em;
  color: white;
  font-size: 24px;
}

header {
    position: fixed;
    justify-content: center;
    display: flex;
    width: 100%;
    height: 10svh;
    min-height: 96px;
    z-index: 99;
    top: 0;
    padding: 24px 0px;
    align-items: center;
    align-self: stretch;
    background: linear-gradient(180deg, #E6C4BC 0%, #E6C4BC 5%, white 6%, white 100%);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
}

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

header .logo {
    display: flex;
    margin-left: 1.5em;
    width: 16em;
}
  
header .logo svg path {
    fill: #000000;
}

#langName {
    color: black;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 20px;
    line-height: 120%;
}

#languageSwitch {
    margin-right: 1.5em;
    cursor: pointer;
    display: flex;
    gap: 12px;
    flex-direction: row;
    align-items: center;
    align-content: center;
}
  
  .initial-box {
    height: 100svh;
    display: flex;
    /* position: relative; */
    flex-direction: column;
  }
  
main {
    margin-top: 1em;
    margin-bottom: 0em;
    max-width: 1440px;
}
  

  
  #langNameFooter {
    color: white;
    font-family: MaisonNeueDemi;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 120%;
  }
  
  #langFlag {
    max-width: 24px;
  }
    
  #languageSwitch:hover {
    text-decoration: underline;
  }
    
  #languageSwitch:hover #langName {
    text-decoration: underline;
  }
  
  #languageSwitchFooter { 
    margin-top: 32px;
    cursor: pointer;
    display: flex;
    gap: 12px;
    align-content: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  
  #languageSwitchFooter:hover { 
    text-decoration: underline;
  }
  
  #languageSwitchFooter:hover #langName { 
    text-decoration: underline;
  }
  
  .carousel {
    position: relative;
    width: 100vw;
    height: 80svh;
    cursor: grab;
    overflow: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* for smooth scrolling on iOS */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  
  .carousel.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
  }
  
  .carousel::-webkit-scrollbar {
    display: none;
  }
  
.carousel-text {
    background-color: #E6C4BC;
    color: #000;
    width: 100%;
    position: relative;
    padding: 40px;
    text-align: center;
    height: 20svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    line-height: 1.2em;
}
  
  .heroTitle {
    display: inline;
    font-size: 1.1em;
    font-family: MaisonNeueBold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }
  
  .changeContent {
    display: inline;
    line-height: 1.3em;
    font-size: 1.1em;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }
  
  .carousel-slides {
    height: 80svh;
    display: flex;
    width: 300%; /* Adjust this to prevent overflow */
    overflow-x: hidden; /* Hide horizontal overflow */
  }
    
  .carousel-image {
    width: 100vw;
    height: auto;
    object-fit: cover;
  }
  
  .carousel-buttons {
    position: absolute;
    bottom: 40px; /* Position 40px from the bottom of the carousel */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 4px;
    z-index: 10; /* Ensure buttons are above the carousel images */
  }
  
  .carousel-button {
    width: 12px;
    height: 20px;
    border: 2px solid white;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.5s ease, border-color 0.5s ease;
  }
  
  .carousel-button.active {
      background-color: white;
  }
  
  /* input:focus {
    -webkit-tap-highlight-color: transparent;
  } */
  
  .iti:focus {
    -webkit-tap-highlight-color: transparent;
  }
        
  .noSelect {
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
      
  .noSelect:focus {
      outline: none !important;
  }
  
  #formAnswer {
      margin-bottom: 36px;
      margin-top: 12px;
      width: 27.5em;
  }
  
  #backBtn {
    width: 20%;
    text-align: left;
    color: #000;
    cursor: pointer;
    font-family: MaisonNeueBold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 140%;
  }
    
  nav ul {
    list-style: none;
    display: flex;
  }
    
  nav ul li {
    padding: 0 1rem;
  }
    
  nav ul li a {
    color: #fff;
    text-decoration: none;
  }
    
  .leftLine {
    margin-left: 1px;
    margin-top: 16px;
    margin-bottom: 2.3em;
    border-left: 2px solid #D77C95;
    color: #000;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.032px;
  }
  
  
  .form-group {
    margin-bottom: 0;
  }
     
  #mobile_code {
    height: 50px;
  }

.win {
    color: #D77C95;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.032px;
}

input[type="radio"] {
    width: 0.7em !important; /* Reduced from 0.5em */
    height: 0.7em !important; /* Reduced from 0.5em */
    border: 0.07em solid black !important; /* Border color */
    border-radius: 50%;
    position: relative;
    background-color: transparent;
  }
  
  input[type="radio"]:after {
    content: '';
    display: block;
    width: 0.4em !important; /* Adjusted size */
    height: 0.4em !important; /* Adjusted size */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #D77C95 !important; /* Dot color */
    opacity: 0;
  }
  
  input[type="radio"]:checked:after {
      opacity: 1;
  }
    
  input[type="radio"]:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
  }
  
  input[type="radio"]:checked:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
  }
  
  input[type="radio"]:focus, input[type="radio"]:focus:after {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
  }
  
  .btn {
      display: flex;
      padding: 12px;
      box-shadow: none;
      border: none;
      justify-content: center;
      align-items: flex-start;
      align-self: stretch;
      width: 100%;
      margin-top: 32px;
      color: #FFF;
      font-family: MaisonNeueBold;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: optimizeLegibility;
      font-size: 16px;
      line-height: 140%;
      /* 22.4px */
      letter-spacing: 0.032px;
      color: white;
      margin-bottom: 16px;
      background: #e6c4bd;
    }
    
    #mainForm {
      width: 100%;
    }
    
    .toTheRight {
      margin-left: 12px;
    }
    
    .toTheRight36 {
      margin-left: 36px;
    }
  
.clientData {
    color: #e6c4bd;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 24px;
    line-height: 140%;
    /* 33.6px */
    letter-spacing: 0.048px;
    display: inline;
}
    
    .flexLabels {
      gap: 12px;
      display: flex;
      flex-direction: row;
      align-content: center;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
    }
    
    .flexer {
      display: flex;
      flex-direction: row;
      margin-top: 12px;
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    
    input {
      color: #646464;
      font-family: MaisonNeueBook;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: optimizeLegibility;
      font-size: 16px;
      line-height: 140%;
      /* 22.4px */
      letter-spacing: 0.032px;
      width: 100%;
      padding: 12px;
      margin-top: 6px;
      margin-bottom: 6px;
    }
  
.deskCouple {
    display: flex;
    gap: 0.1em;
    flex-direction: column;
}
  
#mainForm {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

  .form-field {
    width: 100%;
  }
  
  .form-field-2 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  
.contactContainer {
    justify-content: center;
    display: flex;
    margin-bottom: 4em;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    width: 22em;
}
      
  video {
    max-width: 50%;
  }/* [1] The container */
      
  
.form-container {
    display: flex;
    max-width: 22em;
    margin-top: 5em;
    padding-top: 0;
    align-self: stretch;
    flex-direction: column;
    align-items: flex-start;
}
    
#contactTitle {
    color: #000;
    font-family: MaisonNeueDemi;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 1.7em;
    margin-top: 12px;
    line-height: 140%;
    letter-spacing: 0.048px;
}
    
.form-container h1 {
    color: #000;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    width: 100%;
    font-size: 1.1em;
    margin-top: 12px;
    margin-bottom: 12px;
    line-height: 140%;
    letter-spacing: 0.032px;
}

.deskCouple.mobCouple {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1em;
}
  
  
.grid-container {
    display: flex;
    justify-content: space-around;
    padding: 3em;
    flex-direction: row;
    flex-wrap: wrap;
}
  
  @keyframes fadeInUpUnified {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
  }
    
.grid-item {
    background-color: #F5EFEA;
    margin-bottom: 1.4em;
    width: 343px;
    height: 541px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    justify-content: flex-start;
    transition: all .3s ease-out;
    position: relative;
    padding-bottom: 3em;
    opacity: 0;
    transform: translateY(30px);
}
  
  .grid-item.start-animation {
    animation: fadeInUpUnified 1.2s ease-out forwards;
  }
  
  .grid-item:nth-child(1) {
    animation-delay: 0.2s;
  }
  
  .grid-item:nth-child(2) {
    animation-delay: 0.2s;
  }
  
  .grid-item:nth-child(3) {
    animation-delay: 0.2s;
  }
  
  .grid-item:nth-child(4) {
    animation-delay: 0.2s;
  }
  
  .grid-item .cta { 
    position: absolute; 
    bottom: 1em; 
    left: 0; 
    width: 100%;
  }
  
  .grid-item:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  }
  
  .grid-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; /* Adjust as needed to be above grid item content */
  }
  
.grid-info {
    margin-top: 1.5em;
    padding: 0em 1.2em;
    max-width: 21.5em;
}
  
.grid-image {
    margin-top: 0.9em;
    width: 311px;
    height: 311px 
}
  
  h2 {
    font-size: 1.8em;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }
  
  h4 {
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 0.9em;
    line-height: 1.3em;
  }
  
  .cta-container {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Aligns content to the left */
    width: 100%; /* Ensures the container takes full width of the grid item */
    position: absolute;
    bottom: 0; /* Positions at the bottom of the grid item */
    left: 0; /* Aligns to the left side */
    padding: 10px; /* Adjust as needed */
  }
  
#cta {
    font-family: MaisonNeueBold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 0.9 !important;
    margin-top: 1.8em;
    text-transform: uppercase;
    position: absolute;
    bottom: 1.5em;
    width: 9em;
    left: 1.2em;
    z-index: 20;
}
  
  #cta-button {
    margin-left: 0.3em;
  }
  
.cta-coming-soon {
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    pointer-events: none;
    text-transform: uppercase;
    position: absolute;
    bottom: 1.5em;
    left: 1.2em;
    opacity: 0.5;
}
  
  
  .cta:hover {
    text-decoration: underline !important;
  }
  
  .btn {
    display: flex;
    padding: 12px; /* Original padding */
    box-shadow: none;
    border: 0.2em solid transparent; /* Invisible border of the same width */
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    margin-top: 32px;
    color: #FFF;
    font-family: MaisonNeueBold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: 0.032px;
    background: #e6c4bd;
    box-sizing: border-box; /* Include border in total width and height */
    transition: all 0.3s ease; /* Smooth transition for hover effect */
  }
  
  .btn:hover {
    color: black; /* Text color changes to black */
    background-color: white; /* Background becomes white */
    border: 0.2em solid #e6c4bd; /* Visible border on hover */
    cursor: pointer; /* Changes cursor to a pointer */
  }
  
  .underline-hover-effect {
    text-decoration: underline;
  }
  
  /* Input  when it is active (focused) */
  
  .input {
    border: 1px solid #121422; /* Solid black border */
    padding: 13px; /* Padding around the text */
    font-size: 16px; /* Example: font size */
    color: #646464; /* Example: text color */
    background-color: #fff; /* Example: background color */
    border-radius: 0px; /* Example: rounded corners */
    width: 100%; /* Example: full width of the parent container */
    flex-grow: 1;
  }
  
  .input:focus {
    border: 2px solid #121422; /* Keeps the border black */
    /* border-radius: 3px; */
    padding: 12px;
  }
  
  /* Input field when there is an error */
  .input.error {
    border: 1px solid #B20000;
    padding: 13px;
  }
  
  .valid-input {
    color: #000000; /* Black color */
  }
  
  
  /* Show error message when there is an error */
  .input.error + .error-message {
    display: block;
  }
  
  .input.error + .error-message-hin {
    display: block;
  }
  

  /* Show error icon when there is an error */
  .input.error ~ .error-icon {
    display: block;
  }
  
  
  /* Error message styles */
  .error-message {
    color: #B20000;
    font-size: 14px;
    display: none;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    position: relative;
    right: 0.55em;
  }
  
  .error-message-hin {
    display: block;
    color: #B20000;
    font-size: 14px;
    display: none;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    position: relative;
    right: 4.9em;
}
  

  /* Error icon styles */
  .error-icon {
    width: 20px;
    height: 20px;
    background-image: url('content/error.svg');
    display: none; /* Hidden by default */
    position: absolute;
    right: 10px;
    top: 2em;
    transform: translateY(-50%);
  }
  
#backBtn {
    width: 25%;
    text-align: left;
    color: #000;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 140%;
    font-family: MaisonNeueBold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 1em;
    margin-top: 0.5em;
}
  
  #backBtn:hover {
    text-decoration: underline;
  }
  
  .containerClassName a.cta:hover {
    text-decoration: underline;
  }
  
  .visit-website, #cta {
    text-decoration: none; /* Removes underline by default */
    color: black;
  }
  
  .visit-website:hover, #cta:hover {
    color: black;
    text-decoration: underline; /* Adds underline on hover */
  }
    
  .langSelector {
    position: fixed;
    top: 0;
    width: 100%;
    display: none;
    height: 100%;
    cursor: pointer;
    background-color: #e6c4bd;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 99;
  }

  
  #cookieBanner {
    display: flex;
    position: fixed;
    bottom: 0;
    border: 2px solid #e6c4bd;
    background: white;
    bottom: 0;
    padding: 2em;
    flex-direction: column;
    z-index: 11;
  }
  
  #cookieBannerTitle {
    color: #000;
    font-family: MaisonNeueBold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.032px;
    margin-bottom: 6px;
  }
  
  #cookieBannerContent {
    color: #000;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.032px;
    margin-bottom: 36px;
  }
  
  #cookieBannerAccept {
    display: flex;
    background: var(--blue, #e6c4bd);
    padding: 12px 72px;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    align-self: stretch;
    color: #FFF;
    font-family: MaisonNeueBold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.032px;
  }
  
#countryCode {
    color: black;
    text-align: center;
    width: 100PX;
    font-family: MaisonNeueBook;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.032px;
    padding: 12px;
    padding-right: 24px;
    margin-top: 6px;
    margin-bottom: 6px;
}
  
  .short-line {
    height: 1.5px;
    background-color: #e6c4bd;
    width: 72px;
    margin-top: 32px;
    margin-bottom: 2px;
  }
    
  .title-line {
    margin: 16px;
    height: 1px;
    /* Thickness of the line */
    background-color: #e6c4bd;
    margin-top: 32px;
    margin-bottom: 0px;
  }
    
  #allContainer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}
  
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none"><path d="M1 0.666992L6 5.33366L11 0.666992" stroke="black" stroke-width="1.83223"/></svg>');
    background-repeat: no-repeat;
    background-position-x: 85%;
    background-position-y: 50%;
    /* border: 1px solid #dfdfdf; */
    border-radius: 2px;
    /* margin-right: 2rem; */
    padding: 1rem;
    padding-right: 2rem;
  }

.desktopOnly {
    display: none;
}

p#notem.win.mobileOnly {
    background: none;
    color: #D77C95;
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.mobileOnly {
    background: #E6C4BC;
    color: white;
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    /* height: 36em; */
}

footer.mobileOnly {
    background: #E6C4BC;
    color: white;
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    height: 36em;
}

.footer-content {
    max-width: 1440px;
    padding: 1.5em 0em;
    margin-left: 1.5em;
    display: flex;
    width: 85%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
}

#logo-footer {
    margin-bottom: 1em;
}
    
.footer-text {
    color: #FFF;
    margin-top: 16px;
    font-family: MaisonNeueDemi;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 24px;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: 0.048px;
  }
    
.footer-contact {
    color: #FFF;
    font-family: MaisonNeueDemi;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    width: 62%;
    font-size: 16px;
    margin-top: 32px;
    width: 75%;
    margin-bottom: 1em;
    line-height: 120%;
    letter-spacing: 0.032px;
}
    
.footer-mail {
    color: #FFF;
    font-family: MaisonNeueDemi;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    margin-top: 0.5em;
    margin-bottom: 4em;
    line-height: 120%;
    letter-spacing: 0.032px;
    text-decoration: none;
}
  
.footer-mail:hover {
    text-decoration: underline; /* This will apply the underline on hover */
  }
  
.copyright {
    color: #FFF;
    font-family: MaisonNeueDemi;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 12px;
    line-height: 120%; /* 14.4px */
    letter-spacing: 0.024px;
  }
  
.footer-links {
    align-items: flex-start;
    display: flex;
    font-family: MaisonNeueDemi;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    flex-direction: column;
    gap: 2em;
    flex-wrap: nowrap;
    align-content: flex-start;
}

.mobileLangCont {
    display: flex;
    flex-direction: row;
}
  
.leftDiv a {
    color: white;
    text-decoration: none;
    color: #FFF;
    font-family: MaisonNeueDemi;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 12px;
    margin-right: 32px;
    margin-bottom: 64px;
    line-height: 120%;
    letter-spacing: 0.024px;
  }
    
.leftDiv a:hover {
    text-Decoration: underline;
    /* Adds underline on hover */
  }
    
.title-line {
    width: 785px;
    margin: 0;
    border-top: 2px solid #e6c4bd;
    margin-bottom: 2px;
  }
      
.special-line {
    margin: 0;
    border-top: 1px solid white;
    margin-bottom: 2px;
  }
  
.footer-column {
    width: 50%;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
  }
  

  
}