/* Polices d'écriture */
@font-face{font-family:"OutfitL"; src: local("OutfitL"), url("../fonts/Outfit-Light.woff") format("woff")}
@font-face{font-family:"OutfitM"; src: local("OutfitM"), url("../fonts/Outfit-Medium.woff") format("woff")}
@font-face{font-family:"OutfitR"; src: local("OutfitR"), url("../fonts/Outfit-Regular.woff") format("woff")}
@font-face{font-family:"OutfitSB"; src: local("OutfitSB"), url("../fonts/Outfit-SemiBold.woff") format("woff")}
@font-face{font-family:"OutfitB"; src: local("OutfitB"), url("../fonts/Outfit-Bold.woff") format("woff")}

:root{
    --bs-link-color: #001F31;
    --bs-link-hover-color: #38799e;
    --bs-border-color: #f4f4f4;
	  --bs-primary-rgb: 2,78,43;
    --bs-primary:#024E2B;
    --bs-secondary-rgb: 170,200,70;
    --bs-secondary:#AAC846;
    --bs-light-rgb: 243, 243, 243;
}

a{--bs-link-color-rgb: 2,78,43;
  --bs-link-hover-color-rgb: 170,200,70;
}


/* Global */
html{height:100%;scroll-padding-top: calc(80px + 1.25rem);}
body{color:var(--bodyfontcolor, #212529);font-family: 'OutfitR', sans-serif;--bs-body-font-size:1.25rem;}
h1, h2, h3{font-weight: normal;font-family: 'OutfitB', sans-serif;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{--bs-gutter-x:2.5rem;}
.z-n1 {z-index: -1!important;}
.z-0 {z-index: 0!important;}
.z-1 {z-index: 1!important;}
.z-2 {z-index: 2!important;}
.z-3 {z-index: 3!important;}
.z-4 {z-index: 4!important;}
.z-5 {z-index: 5!important;}
.opacity-5{opacity: 0.05;}
.opacity-10{opacity: 0.1;}
.opacity-60{opacity: 0.6;}
.overflow-hidden-x{overflow-x: hidden !important;}
.w-80{width:80% !important;}
.w-90{width:90% !important;}
#page{overflow-x: hidden;overflow-y: auto; /* Permet le sticky */}
section{width:100%;}
strong, b, .fw-b{font-weight: normal;font-family: 'OutfitB', sans-serif;}
.text-pink{color:#D83F56;}
.text-pink-bis{color:#FB8093;}
.ratio11{aspect-ratio: 1/1;}
.bg-jaune{background-color:#F9C41E;}
.img-fluid{max-height: 100%;}
.fs-2{font-size: 1.5rem !important;}
.fs-5{}
.fs-7{font-size: 0.8rem;}
.fs-8{font-size: 0.7rem;}
.fs-9{font-size: 0.5rem;}
.display-1{font-size:calc(1.5rem + 4.5vw);}
.display-3{font-size:calc(1.5rem + 3.3vw);}
.pt-header{padding-top: 6rem;}
.hr-small{width:40px;background: #fff;color:#fff;border: 0;height:2px;}
.smooth, a{-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.letter-spacing-no{letter-spacing: 0;}
.letter-spacing{letter-spacing: 0.05rem;}
.letter-spacing-2{letter-spacing: 0.25rem;}
.lh-xs{line-height: 1;}
.fw-sb{font-weight:normal;font-family: 'OutfitSB', sans-serif;}
.fw-l{font-weight: normal;font-family: 'OutfitL', sans-serif;}
.fw-m{font-weight: normal;font-family: 'OutfitM', sans-serif;}
.object-fit-cover{object-fit: cover;}
.object-fit-contain{object-fit: contain;}
.w-100-mobile{width: 100%;}
.rotate180{transform: rotate(180deg);}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}
.cartouche{color:var(--bs-primary);background-color: var(--bs-secondary);border-radius: 0.25rem;padding:0.35rem 1rem;font-size: 1.25rem;line-height: 1;margin-bottom: 1rem;}
.arrow-circle{width:4rem;height:4rem;border-radius: 50%;border:3px solid;border-color:var(--bs-primary);padding:1rem;display: flex;align-items: center;justify-content: center;}

.btn{-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;font-weight: normal;font-family: 'OutfitB', sans-serif;border-radius: 1rem;padding:1rem 3rem;font-size: 1.25rem;}

.btn-primary {
    --bs-btn-color: #024E2B;
    --bs-btn-bg: #AAC846;
    --bs-btn-border-color: #AAC846;
    --bs-btn-hover-color: #024E2B;
    --bs-btn-hover-bg: #AAC846;
    --bs-btn-hover-border-color: #AAC846;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #024E2B;
    --bs-btn-active-bg: #AAC846;
    --bs-btn-active-border-color: #AAC846;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #024E2B;
    --bs-btn-disabled-bg: #AAC846;
    --bs-btn-disabled-border-color: #AAC846;
}

.btn-primary:hover{}

.btn-secondary {
    --bs-btn-color: #024E2B;
    --bs-btn-bg: #AAC846;
    --bs-btn-border-color: #AAC846;
    --bs-btn-hover-color: #024E2B;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #024E2B;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #024E2B;
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #ffffff;
}

.btn-secondary:hover{}

.btn-transp{
	  --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg:#fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-active-color: #000;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-border-color: #fff;
	  border-width: 3px;
}

.btn-jaune {
  --bs-btn-color: #026537;
  --bs-btn-bg: #F9C41E;
  --bs-btn-border-color: #F9C41E;
  --bs-btn-hover-color: #024E2B;
  --bs-btn-hover-bg: #AAC846;
  --bs-btn-hover-border-color: #AAC846;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #024E2B;
  --bs-btn-active-bg: #AAC846;
  --bs-btn-active-border-color: #AAC846;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #024E2B;
  --bs-btn-disabled-bg: #AAC846;
  --bs-btn-disabled-border-color: #AAC846;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1800px;}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #026537 #F8FBFB;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 15px;
  }

  *::-webkit-scrollbar-track {
    background: #F8FBFB;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #026537;
    border-radius: 5px;
    border: 2px solid #F8FBFB;
  }

/* Return to top et contact flottant mobile */
#btnReturnToTop, #btn-float-contact {-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
    opacity:0;
    transform:translateX(300px);
    position: fixed;
    bottom: 20px;
    right: 20px;
    width:3rem;height:3rem;
    z-index: 2;
    padding:0;
    background-color: var(--bs-secondary) !important;
    border:0 !important;
}
 #btn-float-contact{bottom: 20px;right: unset;left:20px;width:auto;height:3rem;transform:translateX(-300px);background-color:#F9C41E !important;display: flex;align-items: center;justify-content: center;padding-left:1rem;padding-right: 1rem;}

#btnReturnToTop.show, #btn-float-contact.show {
    opacity:1;
    transform:translateX(0px);
}

/* Footer */
.rs a{display: flex;align-items: center;justify-content: center;background-color:#F9C41E;width:3rem;height:3rem;border-radius: 0.5rem;}
footer li a:hover, footer .legal a:hover, .rs a:hover{opacity: 0.5;}

/* Emqu S */
footer .emqu{width:100%;}
footer .footer-bas a img{margin-right:5px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
footer .footer-bas a:hover img{transform: scale(0.8);}
footer .footer-bas a{color:#fff;}
footer .footer-bas a:hover{color:#F9C41E;}
footer .footer-bas a u{text-decoration: none;position: relative;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
footer .footer-bas a u:after{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: absolute;content: '';width: 100%;left: 0px;bottom: -10px;height: 0px;background: linear-gradient(90deg, rgba(249,196,30,1) 0%, rgba(170,200,70,1) 50%);border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
footer .footer-bas a:hover u:after{height:8px;}

/* Nav */
header{position: fixed;z-index: 3;left:0;top:1.25rem;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.header-content{height:80px;border-bottom-right-radius: 1.5rem !important;border-top-right-radius: 1.5rem !important;}
header.fixed .header-content{/*background-color: rgba(2,78,43, 0.9) !important;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);*/}
header nav ul a{color:#fff;text-decoration: none;}
header nav ul a:hover{color:#F9C41E !important;}
nav{flex-grow: 1;}
.nav-content{position: fixed;z-index:-1;background-color:rgb(243,243,243);height:100%;width:100%;left:0;top:0;transform: translateX(-100%);-webkit-transition: .3s cubic-bezier(0.25, 0.1, 0.25, 1);-o-transition: .3s cubic-bezier(0.25, 0.1, 0.25, 1);transition: .3s cubic-bezier(0.25, 0.1, 0.25, 1);padding-top:calc(80px + 1.25rem)!important;padding-left:1.25rem !important;padding-right:1.25rem !important;}
.nav-content.on{transform: translateX(0%);}
.nav-content li a{width:100%;color:#000 !important;font-weight: normal;font-family: 'OutfitB', sans-serif;border-radius: 1rem;padding:1rem 3rem;font-size: 1.25rem;background-color: #fff;text-align: center;}

.bt-compte{position: absolute;right: calc(var(--bs-gutter-x) * .5 + 1.5rem);top:-3rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;background-color:#F9C41E;color:var(--bs-primary);font-size: 1.25rem;padding:0rem 1rem;text-decoration: none;animation: slideDown 0.8s ease-out;}
.bt-compte:hover{background-color: #fff;}
@keyframes slideDown {
  from {
    top: -10rem;
    opacity: 0;
  }
  to {
    top: -3rem;
    opacity: 1;
  }
}

/* Menu mobile */
.open-menu-mobile{background-color: var(--bs-secondary);border-radius:1rem;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.open-menu-mobile>div{
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.open-menu-mobile span{
    background-color:var(--bs-primary);
    position: absolute;
    border-radius: 2px;
    -webkit-transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    -o-transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
}
.open-menu-mobile span:nth-child(1){
    width: 100%;
    height:  3px;
    display: block;
    top: 5px;
    left: 0px;
}
.open-menu-mobile span:nth-child(2){
    width: 100%;
    height:  3px;
    display: block;
    top: 13px;
    left: 0px;
}
.open-menu-mobile span:nth-child(3){
    width: 100%;
    height:  3px;
    display: block;
    bottom: 6px;
    left: 0px;
}

.open-menu-mobile.on span:nth-child(1) {
  width: 100%;
  height: 3px;
  display: block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.open-menu-mobile.on span:nth-child(2) {
  width: 100%;
  height: 3px;
  display: block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.open-menu-mobile.on span:nth-child(3) {
  width: 0;
  height: 0;
  display: none; /* Masquer le troisième span */
}

/* Home */
.bandeau-home{min-height: 80vh;background-color:#013A20;}
.gradient-left{position: relative;}
.gradient-left:before{content:"";position: absolute;left:0;top:0;height:100%;width:100%;z-index: 1;background: linear-gradient(to right, rgba(2, 101, 55, 1) 0%,rgba(2, 101, 55, 1) 10%,rgba(2, 101, 55, 0) 90%);}
.gradient-left:before{background: linear-gradient(to right, rgba(2, 101, 55, 1) 0%,rgba(2, 101, 55, 1) 10%,rgba(2, 101, 55, 0) 200%);}
.bandeau-home>img, .bandeau-type>img{opacity: 0.85;}
.bandeau-home h1, .bandeau-type h1{font-weight: normal;font-family: 'OutfitM', sans-serif;line-height: 1.1;}
.bandeau-home h1 strong, .bandeau-type h1 strong{font-weight: normal;font-family: 'OutfitM', sans-serif;color:var(--bs-secondary)}
.bandeau-home::after, .bandeau-type::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  aspect-ratio: 1899 / 218.798;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1899' height='218.798' viewBox='0 0 1899 218.798'><g transform='translate(1433 -254.202)'><path d='M466,471V254.2c-930.618,210.169-1750.305,202.12-1899,198.642V471Z' fill='%23aac846'/><path d='M466,473V329.2C-466.425,505.04-1280.582,469.265-1433,460.432V473Z' fill='%23fff'/></g></svg>");
}
.bloc-droite strong{color:var(--bs-secondary);}
.bloc-droite-bis ul{margin:0;}

.card-sm:hover .content-sup{transform: translateY(0%);}
.card-sm:hover{background-color: var(--bs-primary) !important;}
.card-sm:hover h3{color:#fff !important;}
.card-sm:hover .arrow-circle{border-color:var(--bs-secondary);background-color:var(--bs-secondary);}
.card-sm .div-sup>img{opacity: 0.5;}
.card-sm:hover .div-sup>img{opacity: 0.5;transform: scale(1.05);}
.div-sup{aspect-ratio: 1/1;background-color: var(--bs-primary);}
.div-sup:after{position: absolute;content:"";background: linear-gradient(to bottom,rgba(2, 101, 55, 0) 0%,rgba(2, 101, 55, 0.8) 100%);width:100%;height:50%;bottom:0;}
.div-sup-info{opacity: 0;transform: translateY(50%);visibility: hidden;height:0;}
.content-sup {background: linear-gradient(to bottom, rgba(2, 101, 55, 0) 0%, rgba(2, 101, 55, 0.7) 50%, rgba(2, 101, 55, 1) 100%);transform: translateY(0%);}
ul { list-style:none; padding-left:0; }
ul li { position:relative; padding-left:30px; }
ul li::before { content:""; position:absolute; left:0; top:6px; width:16px; height:16px; background-image:url('../images/arrow-2.svg'); background-size:contain; background-repeat:no-repeat; }
ul.list-unstyled li::before{display: none;}
ul.list-unstyled li{padding-left: 0;}
.link-arrow{font-weight: normal;font-family: 'OutfitB', sans-serif;text-decoration: none;color:#000;}
.link-arrow::after{ content:""; display:inline-block; width:16px; height:16px; background-image:url('../images/arrow-2.svg'); background-size:contain; background-repeat:no-repeat; margin-left:8px; vertical-align:middle;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.link-arrow:hover::after{transform: rotate(-90deg);}
.arrow-question svg{transform: rotate(90deg);}
.arrow-question svg path, .arrow-question svg line{stroke:#000;}
.question{cursor: pointer;}
.question:hover{background-color:#DFDFDF !important;}
.question-content-sup {
  display: none;
}
.question-content-sup.on {
  display: flex !important;
  flex-direction: column;
}
.question .link-arrow {
  transform: translateX(-2rem);
  opacity: 0;
  transition: all 0.4s ease;
}
.question-content-sup.on .link-arrow {
  opacity: 1;
  transform: translateX(0rem);
}
.question-mini .arrow-question{width:1.5rem;height:1.5rem;display: flex;}
.question-mini .arrow-question svg{width:100%;height: 100%;object-position: center;}
.question-mini .question-content-sup table *{background-color: transparent;border-color:#C4C4C4;}

.mini-picto{width:5rem;height:5rem;padding:1rem;border-radius: 1rem;}

/* Type */
.bandeau-type{background-color:#013A20;}
.type-article-1 ul{background-color:#F3F3F3;padding:3rem;border-radius: 1rem;margin-top:1rem;margin-bottom: 1rem;}



/* Animations */
@-webkit-keyframes fade {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@keyframes fade {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@-webkit-keyframes toleft {
  from {
      -webkit-transform: translateX(200px);
              transform: translateX(200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@keyframes toleft {
  from {
      -webkit-transform: translateX(200px);
              transform: translateX(200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@-webkit-keyframes toright {
  from {
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@keyframes toright {
  from {
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@-webkit-keyframes totop {
  from {
      -webkit-transform: translateY(200px);
              transform: translateY(200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@keyframes totop {
  from {
      -webkit-transform: translateY(200px);
              transform: translateY(200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@-webkit-keyframes tobottom {
  from {
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@keyframes tobottom {
  from {
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}

@-webkit-keyframes toscalein {
  from {
      -webkit-transform: scale(2);
              transform: scale(2);
  }
  to {
      -webkit-transform: scale(1);
              transform: scale(1);
  }
}
@keyframes toscalein {
  from {
      -webkit-transform: scale(2);
              transform: scale(2);
  }
  to {
      -webkit-transform: scale(1);
              transform: scale(1);
  }
}

.delay0{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay1{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay2{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay3{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay4{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay5{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay6{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}


.fadein-scroll {
  opacity:0;
}
.toleft-scroll {
  opacity:0;
  -webkit-transform: translateX(200px);
      -ms-transform: translateX(200px);
          transform: translateX(200px);
}
.toright-scroll {
  opacity:0;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
}
.totop-scroll {
  opacity:0;
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
}
.tobottom-scroll {
  opacity:0;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
}

.toscalein-scroll {
  opacity:0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
}

.fadein, .fadein-scroll.on {
  opacity:0;
  -webkit-animation: fade 1s ease;
          animation: fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.toleft, .toleft-scroll.on {
  opacity:0;
  -webkit-transform: translateX(200px);
      -ms-transform: translateX(200px);
          transform: translateX(200px);
  -webkit-animation: toleft 1s ease, fade 1s ease;
          animation: toleft 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.toright, .toright-scroll.on {
  opacity:0;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-animation: toright 1s ease, fade 1s ease;
          animation: toright 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.totop, .totop-scroll.on {
  opacity:0;
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
  -webkit-animation: totop 1s ease, fade 1s ease;
          animation: totop 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.tobottom, .tobottom-scroll.on {
  opacity:0;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
  -webkit-animation: tobottom 1s ease, fade 1s ease;
          animation: tobottom 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.toscalein, .toscalein-scroll.on {
  opacity:0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  -webkit-animation: toscalein 1s ease, fade 1s ease;
          animation: toscalein 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/*
X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px

/ Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/

@media (min-width: 576px) {
   .w-100-mobile{width: auto;}
   .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{--bs-gutter-x:5rem;}
   .row{--bs-gutter-x:2.5rem;}
   .gradient-left:before{background: linear-gradient(to right, rgba(2, 101, 55, 1) 0%,rgba(2, 101, 55, 1) 10%,rgba(2, 101, 55, 0) 90%);}
   .card-sm:hover .div-sup-info{opacity: 1;transform: translateY(0%);visibility: visible;height:auto;}
   .card-sm .div-sup>img{opacity: 1;}
   .nav-content{padding-left:2.5rem !important;padding-right:2.5rem !important;}
  .delay0{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
  .delay1{-webkit-animation-delay: 0.2s !important;animation-delay: 0.2s !important;}
  .delay2{-webkit-animation-delay: 0.4s !important;animation-delay: 0.4s !important;}
  .delay3{-webkit-animation-delay: 0.6s !important;animation-delay: 0.6s !important;}
  .delay4{-webkit-animation-delay: 0.8s !important;animation-delay: 0.8s !important;}
  .delay5{-webkit-animation-delay: 1s !important;animation-delay: 1s !important;}
  .delay6{-webkit-animation-delay: 1.2s !important;animation-delay: 1.2s !important;}   

}


@media (min-width: 768px) {
  header{top:3rem;}
  .header-content{height:115px;border-bottom-right-radius: 1rem !important;border-top-right-radius: 1rem !important;}
  .pt-header{padding-top: 10rem;}
  .open-menu-mobile{border-radius:1rem;}
  .open-menu-mobile{background-color:#fff;}
  .nav-content{padding-top:calc(115px + 3rem)!important;}
  .arrow-circle{width:5rem;height:5rem;}
  html{scroll-padding-top: calc(115px + 3rem);}
  #btn-float-contact{display: none;}
}

@media (min-width: 992px) {
.div-sup{aspect-ratio: 1/1.5;}
}



@media (min-width: 1200px) {
  .display-1{font-size: 5rem;}
  .display-3{font-size: 3.5rem;}

}

@media (min-width: 1400px) {
  .div-sup{aspect-ratio: 1/1;}
  .nav-content{position: relative;background-color:transparent;height:auto;width:auto;left:unset;top:unset;transform: translateX(0%);z-index: 5;}
  .nav-content.on{transform: translateX(0%);}
  nav{flex-grow: 0;}
  header.fixed .header-content{background-color: rgba(2,78,43, 0.9) !important;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
  .nav-content{padding-top:1rem !important;padding-left:0.5rem !important;padding-right: 0rem !important;}
  .nav-content li a{width:auto;color:#fff !important;font-weight: normal;font-family: 'OutfitR', sans-serif;border-radius: 0rem;padding:0;font-size: 1.25rem;background-color: transparent;text-align: center;}
}


@media (min-width: 1600px) {
}