/* Fonctions LESS */
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Light-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Regular-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Medium-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-SemiBold-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-Bold-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.otf") format("otf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.ttf") format("ttf"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.woff") format("woff"), url("https://www.campingamfora.com/wp-content/themes/sur-mesure/fonts/Raleway-ExtraBold-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes runner {
  to {
    transform: translateX(-25%);
  }
}
@keyframes runner {
  to {
    transform: translateX(-25%);
  }
}
@-webkit-keyframes rotation {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotation {
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
/* POINT DE RUPTURE PRINCIPAL */
@media only screen and (min-width: 1024px) {
  .interne-x-reasons {
    padding-bottom: 150px ;
    padding-bottom: clamp(150px, calc(1*(150px + 50 * ((100vw - 1024px) / 416))), 200px) ;
  }
  .interne-x-reasons > .div-txt {
    padding-left: max( 2.6vw , 50px) ;
    padding-right: max( 2.6vw , 50px) ;
    margin-bottom: max( 4.17vw , 80px) ;
  }
  .interne-x-reasons > .div-txt .title-reasons {
    font-size: max( 4.27vw , 82px) ;
    line-height: max( 3.49vw , 67px) ;
    margin-bottom: 0;
  }
  .interne-x-reasons > .div-txt .title-reasons .nb-reasons {
    font-size: max( 8.59vw , 165px) ;
  }
  .interne-x-reasons > .div-txt .subtitle-reasons {
    font-size: max( 0.94vw , 18px) ;
    line-height: max( 1.15vw , 22px) ;
  }
  .interne-x-reasons .swiper {
    padding-left: 30px ;
    padding-left: clamp(30px, calc(1*(30px + 26 * ((100vw - 1024px) / 416))), 56px) ;
    padding-right: 30px ;
    padding-right: clamp(30px, calc(1*(30px + 26 * ((100vw - 1024px) / 416))), 56px) ;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide {
    width: fit-content;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide:not(:last-child) {
    margin-right: 40px ;
    margin-right: clamp(40px, calc(1*(40px + 24 * ((100vw - 1024px) / 416))), 64px) ;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide.slide-text {
    padding-left: 30px ;
    padding-left: clamp(30px, calc(1*(30px + 16 * ((100vw - 1024px) / 416))), 46px) ;
    padding-top: 130px ;
    padding-top: clamp(130px, calc(1*(130px + 30 * ((100vw - 1024px) / 416))), 160px) ;
    text-align: center;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide.slide-text .title-reasons {
    font-family: "Cormorant Garamond", serif;
    font-weight: 700;
    font-size: max( 4.27vw , 82px);
    line-height: max(3.49vw, 67px);
    margin-bottom: max( 0.94vw , 18px) ;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide.slide-text .title-reasons .nb-reasons {
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
    font-style: italic;
    font-size: max( 8.59vw , 165px) ;
    color: #91bcd4;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide.slide-text .subtitle-reasons {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: max( 0.94vw , 18px);
    line-height: max(1.15vw, 22px);
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide:not(.slide-text) {
    display: flex;
    column-gap: max( 3.23vw , 62px) ;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide:not(.slide-text) .left picture {
    width: 350px ;
    width: clamp(350px, calc(1*(350px + 60 * ((100vw - 1024px) / 416))), 410px) ;
    height: auto;
    margin-bottom: 155px;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide:not(.slide-text) .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide:not(.slide-text) .right .text {
    margin-top: min( -1.04vw , -20px) ;
    width: max( 21.35vw , 410px) ;
    font-family: "Cormorant Garamond", serif;
    font-weight: 700;
    font-size: max( 1.56vw , 30px);
    line-height: normal;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide:not(.slide-text) .right .text .nb_reason {
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
    color: #91bcd4;
    font-style: italic;
    font-size: max( 6.35vw , 122px) ;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide:not(.slide-text) .right picture {
    width: 460px ;
    width: clamp(460px, calc(1*(460px + 65 * ((100vw - 1024px) / 416))), 525px) ;
    height: auto;
  }
  .interne-x-reasons .swiper .swiper-pagination.swiper-pagination-default .swiper-button-disabled {
    opacity: 0;
  }
}
/* POINT DE RUPTURE PRINCIPAL */
@media only screen and (min-width: 1440px) {
  /*
    .setPropertyVW(property,value);
    .setFontSizeVW(value,value);
    */
  .interne-x-reasons {
    padding-bottom: max( 10.42vw , 200px) ;
  }
  .interne-x-reasons .swiper {
    padding-left: max( 2.92vw , 56px) ;
    padding-right: max( 2.92vw , 56px) ;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide:not(:last-child) {
    margin-right: max( 3.33vw , 64px) ;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide.slide-text {
    padding-left: max( 2.4vw , 46px) ;
    padding-top: max( 8.33vw , 160px) ;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide:not(.slide-text) .left picture {
    width: max( 21.35vw , 410px) ;
    margin-bottom: max( 8.07vw , 155px) ;
  }
  .interne-x-reasons .swiper .swiper-wrapper .swiper-slide:not(.slide-text) .right picture {
    width: max( 27.34vw , 525px) ;
  }
}