@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');


h1, h2, h3, h4, span, a, p, input, div{
  font-family: "Jost", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  color: #000000 !important;
}
h1, h2{
  font-weight: 500 !important;
}
h2 span, h1 span{
  color: #feb080 !important;
  font-style: italic !important;
}


.elementor-button{
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0 !important;
  position: relative;
  transition: all ease 0.3s;
  transition-delay: 0.2s;
}
.elementor-button:hover{
  background-color: #feb080 !important;
}
.elementor-button span{
  color: #feb080 !important;
  transition: all ease 0.3s;
  transition-delay: 0.2s;
  font-weight: 500 !important;
  font-style: italic !important;
}
.elementor-button:hover span{
  color: #ffffff !important;
  transition: all ease 0.3s;
}
.elementor-button::after{
  position: absolute;
  content: '';
  display: block;
  width: 30%;
  height: 40%;
  bottom: 0;
  left: 0;
  border-left: 1px solid #feb080;
  border-bottom: 1px solid #feb080;
  transition: all ease 0.3s;
}
.elementor-button::before{
  position: absolute;
  content: '';
  display: block;
  width: 0%;
  height: 0%;
  top: 0;
  right: 0;
  border-top: 0px solid #feb080;
  border-right: 0px solid #feb080;
  transition: all ease 0.3s;
}
.elementor-button:hover::after{
  width: 100%;
  height: 100%;
}
.elementor-button:hover::before{
  width: 100%;
  height: 100%;
  border-top: 1px solid #feb080;
  border-right: 1px solid #feb080;
}

header{
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0) !important;
  z-index: 99;
}
header a{
  color: #ffffff !important;
  font-style: italic !important;
}
.onPoint{
  background-color: #ffffff !important;
  box-shadow: 0px 0px 10px #00000042;
}
.onPoint a{
  color: #000000 !important;
}
.logo-nav{
  position: relative;
}
.logo-nav img{
  opacity: 0;
  transition: all ease 0.3s;
}
.onPoint .logo-nav img{
  opacity: 1;
}
.logo-nav::before{
  content: '';
  position: absolute;
  display: block;
  background-image: url('/wp-content/themes/hello-elementor/assets/logo-white2.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all ease 0.3s;
}
.onPoint .logo-nav::before{
  opacity: 0;
}
header .menu-item-176{
  padding-left: 10px !important;
}
header .menu-item-176 a{
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0 !important;
  position: relative;
  transition: all ease 0.3s !important;
  transition-delay: 0.2s !important;
  color: #feb080 !important;
}
 header .menu-item-176 a::after{
  position: absolute;
  content: '';
  display: block;
  width: 30% !important;
  height: 40% !important;
  bottom: 0 !important;
  left: 0 !important;
  border-left: 1px solid #feb080 !important;
  border-bottom: 1px solid #feb080 !important;
  transition: all ease 0.3s !important;
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 1 !important;
}
header .menu-item-176 a::before{
  position: absolute;
  content: '';
  display: block;
  width: 0% !important;
  height: 0% !important;
  top: 0 !important;
  right: 0 !important;
  left: unset !important;
  border-top: 0px solid #feb080 !important;
  border-right: 0px solid #feb080 !important;
  transition: all ease 0.3s !important;
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 1 !important;
}
header .menu-item-176 a:hover{
  background-color: #feb080 !important;
  color: #ffffff !important;
}
header .menu-item-176 a:hover::after{
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
header .menu-item-176 a:hover::before{
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border-top: 1px solid #feb080 !important;
  border-right: 1px solid #feb080 !important;
}


.banner{
  position: relative;
}
.banner h1, .banner p{
  color: #ffffff !important;
}
.banner h1{
  line-height: 3.5rem !important;
}
.banner::after{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.banner-content{
  position: relative;
  z-index: 1;
}
.except-ban-link span{
  color: #ffffff !important;
}
.except-ban-link a::after{
  height: 1px !important;
  border-bottom: 1px solid #ffffff !important;
  border-left: 0px !important;
}
.except-ban-link a:hover{
  background-color: rgba(0, 0, 0, 0) !important;
}
.except-ban-link a::before{
  display: none !important;
}
.except-ban-link a:hover::before{
  display: none !important;
}
.except-ban-link a:hover::after{
  height: 1px !important;
  border-bottom: 1px solid #feb080 !important;
}
.except-ban-link a:hover span{
  color: #feb080 !important;
}


.double-content{
  z-index: 1;
}

.text-left{
  position: relative;
}
.text-left::after{
  position: absolute;
  content: url('/wp-content/themes/hello-elementor/assets/key_left3_1.svg');
  display: block;
  width: 60px;
  height: 200px;
  top: 20px;
  left: 20px;
}
.img-is-r, .img-is-l{
  position: relative;
}
.img-is-r::after{
  position: absolute;
  /*content: url('/wp-content/themes/hello-elementor/assets/square3.svg');*/
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  bottom: -10px;
  right: -10px;
  border-right: 1px solid #feb080;
  border-bottom: 1px solid #feb080;
}
.img-is-r::before{
  position: absolute;
  /*content: url('/wp-content/themes/hello-elementor/assets/square3.svg');*/
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  top: -10px;
  left: -10px;
  border-left: 1px solid #feb080;
  border-top: 1px solid #feb080;
}
.img-is-l::after{
  position: absolute;
  /*content: url('/wp-content/themes/hello-elementor/assets/square4.svg');*/
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  bottom: -10px;
  left: -10px;
  border-left: 1px solid #feb080;
  border-bottom: 1px solid #feb080;
}
.img-is-l::before{
  position: absolute;
  /*content: url('/wp-content/themes/hello-elementor/assets/square4.svg');*/
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  top: -10px;
  left: auto;
  right: -10px;
  border-right: 1px solid #feb080;
  border-top: 1px solid #feb080;
}



.text-right::after{
  position: absolute;
  content: url('/wp-content/themes/hello-elementor/assets/key_left4.svg');
  display: block;
  width: 200px;
  height: 60px;
  bottom: 20px;
  right: 20px;
}
.text-right::before{
  position: absolute;
  content: url('/wp-content/themes/hello-elementor/assets/key_left3_1.svg');
  display: block;
  width: 60px;
  height: 200px;
  top: 20px;
  left: 20px;
}

.cards-text-logis, .cards-blog, .listing-tri{
  position: relative;
}
.cards-blog::after{
  content: '';
  display: block;
  position: absolute;
  width: 50px;
  height: 100px;
  bottom: 0;
  right: 0;
  border-right: solid 1px #feb080;
  border-bottom: solid 1px #feb080;
}
/*.cards-text-logis::after, .listing-tri::after{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 20px;
  bottom: 0;
  right: 0;
  border-right: solid 1px #feb080;
  border-bottom: solid 1px #feb080;
  border-left: solid 1px #feb080;
}
*/

.elementor-196 .double-z, .elementor-196 .double-z1, .elementor-196 .double-z2{
  flex-direction: row;
  padding: 0;
  gap: 10px;
}
.elementor-196 .double-y{
  justify-content: center !important;
}
.elementor-196 .cards-text-logis{
  padding: 20px !important;
  background-color: #ffffff;
}
.elementor-196 .card-img{
  width: 20px;
}
.elementor-196 .full-logis > div{
  gap: 0px !important;
}
.elementor-196 h4{
  text-align: center;
  text-transform: uppercase;
  font-weight: 400 !important;
  line-height: 32px;
  letter-spacing: 0px;
}
.elementor-196 .img-cards img{
  min-height: 400px;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.filter-zone form{
  grid-template-columns: repeat(4, 1fr) !important;
}
.filter-zone > div {
  width: 100%;
}
.filter-zone .filter-title{
  text-align: center;
  color: #ffffff !important;
  text-transform: uppercase;
  font-weight: 400 !important;
}
.faq h4{
  text-align: center;
  text-transform: uppercase;
  font-weight: 400 !important;
}
.faq details summary, .faq details div{
  border: 0px !important;
}


footer .copyright p , footer .legals  p a{
  color: #ffffff !important;
  margin-bottom: 0px !important;
}
footer .legals  p{
  margin-bottom: 0px !important;
}

footer .copyright a{
  color: #feb080 !important;
}




.c1 input, .c2 input{
  width: 48%;
}
.c1 .nom, .c2 .email{
  margin-right: 2%;
}
.c1 .prenom, .c2 .tel{
  margin-left: 2%;
}
.sujet{
  margin-bottom: 15px;
}
.c1 input, .c2 input, .c3 textarea, .c3 input{
  border: 1px solid #feb080;
  background-color: rgba(0, 0, 0, 0);
  color: #000000;
  border-radius: 0px !important;
}
.c1 input::placeholder, .c2 input::placeholder, .c3 textarea::placeholder, .c3 input::placeholder{
  color: #000000 !important;
}
.c1 input:active, .c2 input:active, .c3 textarea:active, .c3 input:active{
  border: 1px solid #feb080 !important;
}
.c1 input:focus-visible, .c2 input:focus-visible, .c3 textarea:focus-visible, .c3 input:focus-visible{
  border: 1px solid #feb080 !important;
}
.c4 p{
  text-align: center;
}
.c4 span{
  position: relative;
}
.c4 input{
  border: 0px;
  position: relative;
  font-family: "Jost", sans-serif !important;
  transition: all ease 0.3s;
  background-color: #feb080 !important;
  position: relative;
  padding: 15px 30px !important;
  color: #ffffff !important;
  border: 1px solid #feb080;
  border-radius: 0 !important;
  font-size: 15px !important;
}
.c4 input:hover{
  background-color: #ffffff !important;
  color: #feb080 !important;
}

.elementor-nav-menu--dropdown{
  position: fixed;
  left: 0;
  width: 100%;
  top: 69px;
  padding-bottom: 15px;
}
.cat-modele-blog{
  margin-bottom: 10px !important;
}
.cat-modele-blog .elementor-post-info__terms-list-item{
  border: 1px solid #feb080;
  padding: 5px;
}

.menu-cat .elementor-item-active, .menu-cat a:hover{
  color: #ffffff !important;
}

.parent-stick{
  overflow: visible;
  z-index: 1 !important;
}
.h-s, .m-s, .b-s{
  position: relative;
}
.h-s::after{
  content: '';
  display: block;
  position: absolute;
  background-color: #F32D2D;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  top: 50%;
  right: -30px;
}
.h-s::before{
  content: '';
  display: block;
  position: absolute;
  background-color: #F32D2D;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  top: 50%;
  left: -30px;
}
.m-s::after{
  content: '';
  display: block;
  position: absolute;
  background-color: #ee852d;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  top: 50%;
  right: -30px;
}
.m-s::before{
  content: '';
  display: block;
  position: absolute;
  background-color: #ee852d;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  top: 50%;
  left: -30px;
}
.b-s::after{
  content: '';
  display: block;
  position: absolute;
  background-color: #75b427;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  top: 50%;
  right: -30px;
}
.b-s::before{
  content: '';
  display: block;
  position: absolute;
  background-color: #75b427;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  top: 50%;
  left: -30px;
}

:target{
  scroll-margin-top: 150px !important;
}

.mobile-v{
  display: none;
}
@media (max-width: 767px){
  .desktop-v{
    display: none;
  }
  .mobile-v{
    display: block;
  }
  .mobile-v.onPoint{
    top: 0px;
  }
  .logo-nav::before{
    height: 40px;
  }
}