.ft {
  margin-bottom: var(--spacer_50);
  border-bottom: 1px solid var(--grey_25);
  gap: var(--spacer_10);
  background-color: #FFF8F0;
  padding: var(--spacer_10);
  border-radius: var(--border_radius_8);
}
.ft .hs-main-font-element{
  color: #E5D5C7;
}
.ft__synchro-list .hs-fieldtype-select  .input{
  position: relative;
}
.form-tabs--mobile .hs-form-booleancheckbox-display span p,
.form-tabs .hs-form-booleancheckbox-display span p{
  font-size: var(--font_size_14);
}
.form-tabs--mobile .legal-consent-container .hs-form-booleancheckbox-display>span,
.form-tabs .legal-consent-container .hs-form-booleancheckbox-display>span{
  display: flex;
}
.form-tabs--mobile .hs-richtext p,
.form-tabs .hs-richtext p{
  font-size: var(--font_size_14);
}
.ft__synchro-list .hs-fieldtype-select  .input:after{
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.94336 9.68164L10.6741 14.5614C10.7087 14.5994 10.7504 14.6296 10.7967 14.6503C10.843 14.671 10.8929 14.6816 10.9434 14.6816C10.9938 14.6816 11.0437 14.671 11.09 14.6503C11.1364 14.6296 11.1781 14.5994 11.2126 14.5614L15.9434 9.68164' stroke='%2315292F' stroke-width='1.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  height: 3rem;
  width: 3rem;
  right: 1.5rem;
  top: 1rem;
  z-index: 1;
  transition: var(--default_transition);
  background-size: contain;
	pointer-events: none;
}

.ft__selector-list {
  flex: 0 0 calc(40% - (var(--spacer_10)/2));
  padding: var(--spacer_12);
}

.ft__synchro-list {
  flex: 0 0 calc(60% - (var(--spacer_10)/2));
}

.ft__synchro-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: var(--slow_transition);
  opacity: 0;
  visibility: hidden;
}

.ft__synchro-item--show {
  opacity: 1;
  visibility: visible;
}

.ft__selctor-caption {
  margin-bottom: 0;
  line-height: 1.22;
  font-size: 2rem;
  transition: var(--slow_transition);
}

.ft__selector-item--active .ft__selctor-caption {
  color: var(--electric_lime);
}

.ft__selector-item {
  padding: var(--spacer_16) var(--spacer_8);
  margin-bottom: var(--spacer_10);
  cursor: pointer;
  border-radius: var(--border_radius_8);
  transition: var(--slow_transition);
}

.ft__selector-item:last-child{
  margin-bottom: 0;
}

.ft__selector-icon-container {
  margin-right: var(--spacer_16);
}

.ft__selector-icon-container {
  height: 4.5rem;
  width: 4.5rem;
}

.ft__selector-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  transition: var(--slow_transition)
}

.ft__selector-icon--selected {
  opacity: 0;
  visbility: hidden;
}

.ft__selector-item--active .ft__selector-icon--selected {
  opacity: 1;
  visbility: visibile;
}

.ft__selector-item--active .ft__selector-icon--un-selected {
  opacity: 0;
  visbility: hidden;
}

.ft__selector-item--active {
  background-color: var(--dark_grass);
}

.ft__form-container {
  padding: var(--spacer_40) var(--spacer_60);
  border-radius: var(--border_radius_8);
  background-color: var(--dark_grass);
}

.ft form label, 
.ft form legend {
  color: #E5D5C7;
}

.ft form .hs-button, 
.ft form input[type=submit] {
  background-color: var(--electric_lime);
  color: var(--dark_grass);
  box-shadow: none;
}

.ft form input[type=email], 
.ft form input[type=file], 
.ft form input[type=number], 
.ft form input[type=password], 
.ft form input[type=search], 
.ft form input[type=tel], 
.ft form input[type=text], 
.ft form select, 
.ft form textarea {
  min-height: 5rem;
}

.ft__cta-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.ft__cta-container > span {
  margin-bottom: var(--spacer_24);
}
/* ------------------------------------- FORM STYLE ------------------------------------- */
.ft__form-container .legal-consent-container{
  color: #E5D5C7;
}
.form-tabs--mobile fieldset,
.ft__form-container fieldset{
  max-width: 100% !important;
}
.form-tabs--mobile .form-columns-3,
.ft__form-container .form-columns-3{
  display: flex;
  justify-content: space-between;
}
.form-tabs--mobile  fieldset .hs-form-field .input,
.ft__form-container fieldset .hs-form-field .input{
  margin-right: 0;
}
.form-tabs--mobile fieldset .hs-form-field .input .hs-input,
.form-tabs--mobile fieldset .hs-form-field .input select,
.form-tabs--mobile fieldset .hs-form-field .input input,
.ft__form-container fieldset .hs-form-field .input .hs-input,
.ft__form-container fieldset .hs-form-field .input select,
.ft__form-container fieldset .hs-form-field .input input{
  width: 100%;
}
.form-tabs--mobile fieldset .hs-form-field .hs-form-booleancheckbox .hs-input,
.ft__form-container fieldset .hs-form-field .hs-form-booleancheckbox .hs-input{
  width: 20px;
}
.form-tabs .hs-custom-style fieldset.form-columns-3 .hs-form-field {
	width: 32.7%;
}
.form-tabs .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
	min-height: 5rem;
}
.form-tabs--mobile textarea,
.ft__form-container textarea{
  padding: var(--spacer_16);
  font-family: var(--primary_font);
  min-height: 11rem !important;
}
.form-tabs--mobile textarea::placegolder,
.ft__form-container textarea::placeholder {
  font-family: var(--primary_font);
}

/* ------------------------------------- MOBILE ------------------------------------- */
.form-tabs--mobile {
  display: none;
}
@media (max-width: 991px){
  .form-tabs{
    display: none;
  }
  .form-tabs--mobile{
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}




.ft--mobile__global-loc-title {
  font-size: 3.6rem;
}

.ft--mobile__global-loc-caption {
  flex: 0 0 33%;
}

.ft--mobile__global-loc-title {
  flex: 0 0 25%;
}

.ft--mobile__global-caption-container {
  margin-bottom: var(--spacer_30);
}

.ft--mobile__tabs-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: var(--default_transition);
}

.ft--mobile__show-tab {
  opacity: 1;
  visibility: visible;
}

.ft--mobile__selector {
  color: var(--dark_grass);
  border-radius: var(--border_radius_8);
  padding: var(--spacer_16) var(--spacer_22);
  margin-right: var(--spacer_10);
  transition: var(--default_transition);
  display: block;
}

.ft--mobile__active-selector,
.ft--mobile__selector:hover {
  background-color: var(--dark_grass);
  color: var(--electric_lime);
}

.ft--mobile__selector-tabs-list {
  overflow-x: auto;
  padding-bottom: var(--spacer_10);
  margin-bottom: var(--spacer_20);
}
.form-tabs--mobile form select{
  position: relative;
}
.ft--mobile__selector-tabs:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='222' height='99' viewBox='0 0 222 99' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.949219' y='0.845947' width='221' height='98' fill='url(%23paint0_linear_5119_393833)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5119_393833' x1='195.277' y1='41.8459' x2='18.7308' y2='41.8459' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FDEEE1'/%3E%3Cstop offset='1' stop-color='%23FDEEE1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 22rem;
  height: 100%;
  right: -9px;
  top: -9px;
  position: absolute;
  z-index: 2;
}

.ft--mobile__last-spacer {
  height: 2px;
  flex: 0 0 10%;
}

.ft--mobile__loc-man-container { 
  grid-area: Location; 
}
.ft--mobile__address { 
  grid-area: Address;
  background-color: var(--dark_grass);
  border-radius: var(--border_radius_8);
  padding: var(--spacer_30);
}

.ft--mobile__bg-img-container {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  filter: url('data:image/svg+xml,\      <svg xmlns="http://www.w3.org/2000/svg">\      <filter id="corners">\      <feGaussianBlur in="SourceGraphic" stdDeviation="5" />\      <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -16" />\      <feComposite in="SourceGraphic" in2="corners" operator="in"/>\  </filter>\  </svg>#corners');
}

.ft--mobile__bg-img {
  width: 100%;
  clip-path: polygon(0% 100%, 50% 100%, 50% 48.4%, 100% 48.4%, 100% 0%, 20% 0%, 20% 35%, 0% 35%);
}

.ft--mobile__loc-man-first-name,
.ft--mobile__loc-man-last-name {
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: var(--font_weight_700);
  line-height: 1.2;
}

.ft--mobile__loc-man-pos {
  font-size: 1.6rem;
}

.ft--mobile__loc-man-name {
  margin-bottom: var(--spacer_10);
}

.ft--mobile__city {
  font-size: 3.6rem;
  font-weight: var(--font_weight_700);
  margin-bottom: var(--spacer_10);
  line-height: 1;
}

.ft--mobile__street-address, 
.ft--mobile__city-street-address {
  margin-bottom: 0;
  font-size: 1.4rem;
}

.ft--mobile__address-coordinates {
  margin-bottom: var(--spacer_14);
}

.ft--mobile__opening-hours-container {
  margin-bottom: var(--spacer_30);
}

.ft--mobile__opening-hours-label, 
.ft--mobile__openging-hours {
  margin-bottom: 0;
  font-size: 1.4rem;
}

.ft--mobile__address-container {
  flex: 0 0 65%;
}

.ft--mobile__links-container {
  flex: 0 0 35%;
}

.ft--mobile__itinerary-link,
.ft--mobile__phone {
  margin-bottom: var(--spacer_24);
  display: flex;
  justify-content: center;    
  background-color: var(--electric_lime_light);
  border: 1px solid var(--electric_lime_light);
  box-shadow: none;
}

.ft__scroller {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  height: 100%;
  width: 100%;
}

@media (max-width: 991px) {
  .ft--mobile__address {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ft--mobile__address-container,
  .ft--mobile__links-container {
    width: 100%;
  }

  .ft--mobile__address-container {
    margin-bottom: var(--spacer_10);
  }

  .ft--mobile__contact-us {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  {# List metamorphosis #}
  .ft--mobile__active-selector, .ft--mobile__selector:hover {
    background-color: var(--white_color);
    color: initial;
  }
  .ft--mobile__active-selector{
    white-space: nowrap;
  }
  .ft--mobile__selector:hover{
    opacity: .5;
  }

  .ft--mobile__selector-tabs-list {
    flex-direction: column;
    border: 1px solid #DDE1E6;
    border-radius: var(--border_radius_4);
    max-height: 5.9rem;
    overflow: hidden;
    transition: var(--default_transition);
  }

  .ft--mobile__selector-tabs-item {
    width: 100%;
  }


  .ft--mobile__selector {
    border: none;
    width: 100%;
    margin-right: 0;
  }

  .ft--mobile__selector-tabs:after {
    content: none;
  }

  .ft--mobile__selectors-tabs-list--open {
    max-height: 300rem;
    background: var(--white_color);
  }

  .form-tabs .hs-fieldtype-select  .input,
  .form-tabs--mobile .hs-fieldtype-select  .input{
    position: relative;
  }

  .form-tabs--mobile .hs-fieldtype-select  .input:before,
  .ft__selector-list .hs-fieldtype-select  .input:before{
    content: '';
    position: absolute;
    height: 4.8rem;
    width: 7.6rem;
    right: 0.1rem;
    top: 0.1rem;
    background-image: linear-gradient(90deg,transparent, white 45%);
    z-index: 1;
    border-radius; 2px;
		pointer-events: none;
  }

  .ft--mobile__selector-tabs-list:before{
    content: '';
    position: absolute;
    height: 6rem;
    width: 7.5rem;
    right: 0rem;
    top: 0rem;
    background-image: linear-gradient(90deg,transparent, white 45%);
    z-index: 1;
  }
  .form-tabs--mobile .hs-fieldtype-select  .input:after,
  .ft__selector-list .hs-fieldtype-select  .input:after,
  .ft--mobile__selector-tabs-list:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.94336 9.68164L10.6741 14.5614C10.7087 14.5994 10.7504 14.6296 10.7967 14.6503C10.843 14.671 10.8929 14.6816 10.9434 14.6816C10.9938 14.6816 11.0437 14.671 11.09 14.6503C11.1364 14.6296 11.1781 14.5994 11.2126 14.5614L15.9434 9.68164' stroke='%2315292F' stroke-width='1.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    height: 3rem;
    width: 3rem;
    right: 1.5rem;
    top: 1.4rem;
    z-index: 1;
    transition: var(--default_transition);
    background-size: contain;
  }

  .form-tabs--mobile .hs-fieldtype-select  .input:after{
		pointer-events: none;
    top: 1rem;
  }

  .ft--mobile__selectors-tabs-list--open.ft--mobile__selector-tabs-list:after {
    transform: scaleY(-1);
  }

  .ft--mobile__selector-tabs-item--mobile-order {
    order: -1;
  }

  .ft--mobile__global-caption-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ft--mobile__label{
  color: var(--form_label_font_color);
  display: block;
  margin-bottom: var(--spacer_8)
}

.form-tabs--mobile form input[type=email],
.form-tabs--mobile form input[type=file],
.form-tabs--mobile form input[type=number],
.form-tabs--mobile form input[type=password],
.form-tabs--mobile form input[type=search],
.form-tabs--mobile form input[type=tel],
.form-tabs--mobile form input[type=text],
.form-tabs--mobile form select,
.form-tabs--mobile form textarea{
  min-height: 5rem;
}
.ft--mobile__tabs__cta{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--dark_grass);
  border-radius: var(--border_radius_8);
  color: var(--electric_lime_light);
  text-align: center;
  padding: var(--spacer_30);
  margin-top: var(--spacer_72);
}
.ft--mobile__tabs__cta > span{
  margin-bottom: var(--spacer_16)
}

@media (max-width: 480px) {
  .form-tabs--mobile .form-columns-3, 
  .ft__form-container .form-columns-3 {
    flex-direction: column;
  }

  .form-tabs--mobile fieldset .hs-form-field .input, .ft__form-container fieldset .hs-form-field .input {
    margin-right: 0 !important;
    width: 100%;
  }

  .form-tabs--mobile form input[type=email], 
  .form-tabs--mobile form input[type=file], 
  .form-tabs--mobile form input[type=number], 
  .form-tabs--mobile form input[type=password], 
  .form-tabs--mobile form input[type=search], 
  .form-tabs--mobile form input[type=tel], 
  .form-tabs--mobile form input[type=text], 
  .form-tabs--mobile form select, 
  .form-tabs--mobile form textarea {
    width: 100% !important;
  }
}

/*----------------------------------------------------------------------------------------------------------------*/

.obseve-form-submited {
  height: 27.8rem;
  /*height: 100%;*/
}

#formulaire--mobile .submitted-message,
.obseve-form-submited .submitted-message{
  font-size: 22px;
}

.obseve-form-submited > div{
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}


.ft__form-container .submitted-message {
  text-align: center;
}  

@media (max-width: 991px) {
  .ft--mobile__tabs-item .submitted-message {
    text-align: center;
  }
}

.legal-consent-container .hs-form-booleancheckbox-display {
	display: flex;
}