/**** Font ****/


@font-face {
  font-family: 'RockSalt';
  src: url('../../fonts/RockSalt.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



:root {
     --ztc-family-font1: "Anaheim", sans-serif;
}
:root {
     /*--ztc-family-font2: "Rock Salt", cursive;*/
     --ztc-family-font2: 'RockSalt', cursive;
}
/***** End font */


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px;
    }
}


.homepage12-body{
  background-color: #F3FADD;
}

.service12-section-area{
  background-color: #F3FADD;
}


.header-area.homepage12.sticky{
  animation-name: none !important;
    animation-duration: 1s;
    animation-fill-mode: none !important;
}

h2.title-sub-01{
    font-size: 40px;
    font-family: var(--ztc-family-font2);
    font-weight: initial;
    margin-bottom: 25px;
    letter-spacing: 5px;
    line-height: 70px;
}

a{
  color: #662626;
}
a:hover {
    color: #000000;
}

.heading2 p, 
p{
  font-size: 20px;
}

.font-style-2{
  font-family: var(--ztc-family-font2) !important;
  font-weight: 100;
}


.homepage12-body .header-area.homepage12 .header-elements{
  justify-content: normal;
}

@media (max-width: 768px) {
  .homepage12-body .btn-area{
    position: initial;
  }
}



.hidden-ecran{
  width: 0px;
  height: 0px;
  display: none;
  /*position: absolute;*/
  font-size: 8px;
}

.hidden-ecran-form{
  width: 0px;
  height: 0px;
  /*display: none;*/
  position: absolute;
  color: transparent;
  opacity: 0;
  font-size: 8px;
}

.title-logo{
  color: #290428;
  font-family: var(--ztc-family-font2);
  font-size: 22px;
  font-weight: 500;
}

.homepage12-body .header-area.homepage12 .site-logo img{
  width: 100px;
  height: auto;
  margin: 5px 0px;
}
.mobile-header.mobile-haeder12 .mobile-logo img{
  width: 100px !important;
  height: auto !important;
}

.homepage12-body .header-area.homepage12{
  padding: 0px;
}

#message-livraison{
  background-color: #290428;
  padding: 10px;
  z-index: 9;
  position: relative;
}
#message-livraison p{
  font-size: 18px;
  color: #EEEFB8;
  text-align: center;
}

.hero12-section-area{
  background-color: #2904286e;
  padding: 100px 0 100px 0;
  padding: 280px 0 150px 0;
}
.hero-header h1{
  color: #b4e419;
  font-family: var(--ztc-family-font2);
  font-size: 8.5rem;
  font-weight: 100;
}
.hero-header p{
  color: #b4e419;
  font-family: var(--ztc-family-font1);
  font-size: 26px;
  line-height: 40px;
}

.compare-table-area a{
  color: #290428;
}

.compare-table-area a.header-btn20-4:hover{
  color: #ffe500 !important;
}
.compare-table-area a:hover{
  color: #470404 !important;
}
.contact-main-inner-area .input-area button{
  border: none;
  /*padding: 0px;*/
}
.contact-main-inner-area .contact-form-area{
  border: none;
  padding: 0px;
}
.page-cart .table.table-striped tr{
  text-align: center;
}

.homepage12-body .header-area.homepage12 .header-elements .main-menu ul li a,
.heading17 h2,
.heading18 h2,
.heading18 p,
p
{
  color: #290428;
}


h3{
  font-family: var(--ztc-family-font1);
}

.mobile-header.mobile-haeder12{
  background: #b4e419;
}

.header-btn20 {
  padding: 10px 5px;
  color: #290428;
  font-size: 18px;
}

.btn-header{
  background: transparent !important;
  background-color: transparent !important;
}

.header-btn20-2 {
  display: inline-block;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  line-height: var(--ztc-font-size-font-s24);
  font-weight: 200;
  color: #B4E419;
  padding: 15px 35px;
  transition: all 0.4s;
  border-radius: 30px;
  position: relative;
  background: transparent;
  border: 2px solid #B4E419;
  z-index: 1;
  text-transform: uppercase;
}
a.header-btn20-2:hover{
  color: #290428 !important;
  background:#B4E419 !important;
}


.header-btn20-3 {
    display: inline-block;
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s24);
    line-height: var(--ztc-font-size-font-s24);
    font-weight: 200;
    color: #662626;
    padding: 15px 35px;
    transition: all 0.4s;
    border-radius: 10px;
    position: relative;
    background: #F0FFC1;
    z-index: 1;
    text-transform: uppercase;
}
a.header-btn20-3:hover{
  background: #662626;
  color: #F0FFC1;
}

.header-btn20-4{
  border: 0;
  padding: 7px 18px;
  font-size: var(--ztc-font-size-font-s16);
  background: #EEFFB8;
  color: #290428;
  border-radius: 20px;
  text-transform: uppercase;
  border: 2px solid #290428;
}
.header-btn20-4:hover{
  background: #290428;
  color: #EEFFB8;
}


.header-btn20-5,
.header-btn20-6 {
  display: inline-block;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s24);
  line-height: var(--ztc-font-size-font-s24);
  font-weight: 200;
  color: #290428;
  padding: 10px 25px;
  transition: all 0.4s;
  border-radius: 30px;
  position: relative;
  background: transparent;
  border: 2px solid #290428;
  z-index: 1;
  text-transform: uppercase;
}
a.header-btn20-5:hover,
button.header-btn20-5:hover{
  color: #290428 !important;
  background:#B4E419 !important;
}

a.header-btn20-6:hover,
button.header-btn20-6:hover{
  color: #290428 !important;
  background:#F3FADD !important;
}

.bg-color-01{
  background-color: #F3FADD;
}
.bg-color-02{
  background-color: #F3FADD;
}
.bg-color-03{
  background-color: #CDE2F3;
  border-top: 2px #000 dashed;
  border-bottom: 2px #000 dashed;
}
.bg-color-04{
  background-color: #fdfff6;
}

.bg-color-05{
  background-color: #B4E419 !important;
}

.heading18 p{
    font-size: var(--ztc-font-size-font-s18);
    line-height: var(--ztc-font-size-font-s30);
}

.sous-titre{
    font-family: "velista" !important;
    font-size: 40px !important;
    font-weight: 200 !important;
}

h2.title-02{
  color: #290428;
  font-family: var(--ztc-family-font1);
}

.about12-header h2,
.sous-titre,
.about12-header p{
    color: #000 !important;
}
.about12-header .p-4{
    font-size: 18px;
}



.abut12-section-area .about-images-area .img1 img
{
    width: 100%;
    height: 100%;
    filter: drop-shadow(10px 5px 5px #ccc);
}
.img-box-about{
    border: 2px #9f9d9d dashed;
    border-radius: 20px !important;
    background: #f7f7f7;
    background: radial-gradient(circle,rgba(247, 247, 247, 1) 60%, rgba(194, 194, 194, 1) 100%);
    padding: 25px;
}

.img-box-about-02{
    position: relative !important;
    width: 140%;
    z-index: 1;
    left: -30%;
    top: 0%;
}
.sp2 {
    padding: 60px 0 60px;
}
.sp3 {
    padding: 30px 0 30px;
}
.sp4 {
    padding: 250px 0 250px;
}

.service12-section-area .service-slider .service12-boxarea{
  border-radius: 0px;
  border: 0px;
}
.p-about-2{
  font-size: var(--ztc-font-size-font-s16) !important;
  line-height: var(--ztc-font-size-font-s25) !important;
}

.about12-header .p-6{
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-font-size-font-s20);
}

.subscribe input{
 border: 1px #000 dashed;
}

.footer12-section-area{
  background-color: #B4E419;
  padding: 0px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.footer12-section-area .copyright-area p{
  border-top: none;
}

.block-footer{
  border-right: 1px solid;
  padding: 40px 10px;
}
.block-footer-last{
  padding: 40px 10px;
}

.img-cercle{
    /*border: 2px #9f9d9d dashed;*/
    border-radius: 50% !important;
    background: transparent;
    /*background: radial-gradient(circle, rgba(247, 247, 247, 1) 60%, rgba(194, 194, 194, 1) 100%);*/
    padding: 8px;
    width: 120px;
    height: 120px;
}
.img-cercle img{
  width: 100px;
  height: auto;
}
.bg-image-1{
    background-image: url(../../img/arbre-oil.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg-image-1{
  color: #fff;
}
.bg-image-1 h3{
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s34);
  line-height: var(--ztc-font-size-font-s30);
}
.bg-image-1 p{
  color: #fff;
}

.mobile-header.mobile-haeder12 .mobile-logo img,
.mobile-sidebar.mobile-sidebar12 .logos img{
  width: 100px;
  height: auto;
}
.mobile-sidebar.mobile-sidebar12 .mobile-nav.mobile-nav1 .mobile-nav-list.nav-list1 li a{
  color: #290428;
}
.mobile-sidebar.mobile-sidebar12{
  background-color: #b4e419;
}
.mobile-sidebar.mobile-sidebar12.mobile-menu-active .header-btn20{
  background-color: transparent;
}
.mobile-sidebar.mobile-sidebar12 .mobile-nav.mobile-nav1 .header-btn20{
  margin-top: 0px;
  margin-bottom: 10px;
  left: -10px;
}

.langue{
  text-transform: uppercase;
}
.header-btn20{
  background-color: #f0ffc1;
  font-weight: initial;
}
.service12-section-area .service-slider .service12-boxarea{
  padding: 0px;
  background-color: transparent;
}
.service-slider .service12-boxarea a.readmore{
  padding: 15px;
  border: 2px solid #290428;
  width: 100%;
  padding: 10px;
  color: #290428 !important;

}
.service12-section-area .service-slider .owl-nav{
  width: 100%;
  top: 40% !important;
}
.service12-section-area .service-slider .owl-nav .owl-prev,
.service12-section-area .service-slider .owl-nav .owl-next{
  background-color: transparent;

}
.service12-section-area .service-slider .owl-nav .owl-next{
  right: 0px;
  position: absolute;
}
.service12-section-area .service-slider .owl-nav .owl-prev i{
      margin-right: 30px;
}
.service12-section-area .service-slider .owl-nav .owl-next i{
      margin-left: 20px;
}

.service12-section-area .service-slider .owl-nav i{
  color: #717171;
  font-size: 50px;
}
.service12-section-area .service-slider .owl-nav button:hover{
  background: transparent;
}
.service12-section-area .service-slider .service12-boxarea .content .readmore{
    line-height: 20px;
    height: 40px;
}



.service12-section-area .service-slider .owl-nav
{
  top: -25px;
}

.service12-section-area .service-slider .owl-nav button{
  background: #055346;
}
.margin-bottom{
  margin-bottom: 50px;
}
.text-anime-style-3{
  letter-spacing: 2px;
}

@media (max-width: 768px) {
  .service12-section-area .service-slider .owl-nav{
    top: 30% !important;
    position: absolute;
    text-align: left;
  }
  .owl-carousel.owl-drag .owl-item{
    margin: none !important;
  }
  .service12-section-area .service-slider .owl-nav{
    display: block !important ;
  }
  .service12-section-area .service-slider .owl-nav .owl-prev i,
  .service12-section-area .service-slider .owl-nav .owl-next i{
        margin-left: 0px;
  }
  .service12-section-area .service-slider .owl-nav .owl-next i {
    padding-left: 15px;
  }
  .block-footer{
    border-right: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #000;
  }
}

/***********************/
.product-view-one-image {
		padding: 0px;
}


.product-info-cadre{
    background-color: #b4e419;
    border: 2px dashed #a1a1a1;
    padding: 25px;
}

.product-info-cadre .product-content{
  border: 0px;
}


.actions .quantity .qty-btn {
    width: 34px;
    height: 30px;
    border-radius: 3px;
    border: 1px dashed #ddd;
    background: #fff;
}
.qty-input{
  border-radius: 3px;
  border: 1px dashed #ddd;
  background: #fff;
  height: 30px;
  text-align: center;
  color: #290428;
}


.choose-section-area .accordian-tabs-area .accordion .accordion-item{
  background: #290428;
}
.choose-section-area .accordian-tabs-area .accordion .accordion-item .accordion-body{
  font-size: 20px;
}
.choose-section-area .accordian-tabs-area .accordion .accordion-item h2 button{
  background: #b4e419;
}

.owl-carousel .owl-dots.disabled{
  display: block;
}
.owl-carousel .owl-nav.disabled{
  display: block;
}

.recette .fa-angle-left, 
.recette .fa-angle-right{
  color: #fff;
}

/***************
---- Gallery
****************/

/* The grid: Four equal columns that floats next to each other */
#gallery .column {
  float: left;
  max-width: 120px;
  max-height: 120px;
  border: 1px #9E9E9E dashed;
  margin: 0px 5px;
  border-radius: 5px;
  padding: 10px;
}

/* Style the images inside the grid */
#gallery .column img {
  opacity: 0.7; 
  cursor: pointer;
  max-height: 100px;
  width: auto !important; 
  margin: 0 auto;
  display: block;
}

#gallery .column img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
#gallery .row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container */
#gallery .container {
  position: relative;
  display: initial;
}

/* Expanding image text */
#gallery #imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
  display: none;
}

/* Closable button inside the expanded image */
#gallery .closebtn {
  position: absolute;
  top: 0px;
  right: 20px;
  color: #000;
  font-size: 35px;
  cursor: pointer;
  display: none;
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area{
  justify-content: left;
}

.blog-auhtor-section-area .blog-sidebar-area .posts-area {
  background: #b4e419;
}
.about-header-area{
  padding: 90px 0 10px;
}

.position-min-gallery{
  position: absolute;
  bottom: 0px;
}
.min-gallery{
  flex-wrap: initial;
}

@media (max-width: 768px) {
  .about-header-area{
    background-position-x: 0px !important;
    top: 40px;
  }
  .subscribe input{
    margin-bottom: 20px;
  }

  .min-gallery{
    height: 130px;
  }

  #gallery .column {
    float: left;
    max-width: 80px;
    max-height: 80px;
    padding: 0px;
  }

  #gallery .column img {
    max-height: 70px;
  }

  .about1-section-area .about-auhtor-images .elements5{
    top: -20px;
  }

  .works-inner-section-area .about-all-images-area .img1 img,
  .works-inner-section-area .about-all-images-area .img2 img{
    display: none;
  }

  .header-btn20-3{
    padding: 15px 15px;
  }

  .header-btn20.hash-nav{
    width: auto !important;
  }

  .blog-auhtor-section-area .blog-sidebar-area:first-child{
    margin-top: 30px;
  }
}

/***************
---- END Gallery
****************/

.pagination-wrap .cadre {
    padding: 10px 15px;
    border: 1px solid #bdbdbd;
    margin: 2px
}
.pagination-wrap a.cadre{
  color:#662626;
}

.pagination-wrap .cadre.active {
    background-color: #DDFA63;
    color: #662626;
}
.pagiWrap {
    display: flex;
}
.blog1-scetion-area .blog-author-boxarea .img1::after{
  background: #D9DD92;
  opacity: 0.5;
}
.homepage12-body .header-area.homepage12{
  background-color: #b4e419;
  border-bottom: 2px solid #290428;
}
.homepage12-body .header-area.homepage12.sticky{
  background-color: #b4e419;
}

.heading2 h5,
.heading2 h5::after{
  color: #662626; 
}

.works-inner-section-area .works-header-area .works-content-box:hover{
  background: #662626;
  border: 1px solid #000;
}

.project12-section-area .project12-slider-area .project12-boxarea .img1{
  border-radius: 25px;
}
.footer12-section-area .footer-content-area ul li a,
.footer12-section-area .footer-contact-area .icons-area a,
.footer12-section-area .copyright-area p,
.footer12-section-area .copyright-area p a{
  color: #000;
  font-size: 20px;
}
.footer12-section-area .copyright-area p{
  font-size: 16px;
}
.footer12-section-area .footer-content-area h3,
.footer12-section-area .footer-contact-area h3,
.footer12-section-area .footer-log-area ul li a,
.footer12-section-area .footer-contact-area .icons-area i,
.footer12-section-area .footer-content-area ul li a:hover,
.footer12-section-area .footer-contact-area .icons-area a:hover{
  color: #000;
}
.footer12-section-area .footer-log-area ul li a:hover{
  background-color: #ffe500;
}
.compare-table-area .comparison tbody tr:nth-child(odd){
  display: inline-block;
}
.btn-default{
  border: 1px solid #290428;
  border-radius: 23px;
  padding: 8px 15px;
  margin: 0px 10px;
}
.btn-default:hover{
  background-color: #b4e419;
}

.compare-table-area .remove{
  color: red;
}
.page-cart img.img-cart{
  width: auto;
  max-height: 100px;
}


.project12-section-area .project12-slider-area .project12-boxarea .img1::after{
  background: #311E10;
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area .post-auhtor-area .img1 img{
  height: auto;
  width: 100px;
  border-radius: 5px;
}

.page-cart .table figure.prod-thumb{
  text-align: center;
}



/****** btn radio **/
.container-radio div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.container-radio label {
  display: flex;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.375em;
}

.container-radio  label input {
  position: absolute;
  left: -9999px;
}

.container-radio label input:checked + span {
  background-color: #EEFFB8;
  color: #290428;
}

.container-radio label input:checked + span:before {
  box-shadow: inset 0 0 0 0.4375em #ffc107;
}

.container-radio label span {
  display: flex;
  align-items: center;
  padding: 0.375em 0.75em 0.375em 0.375em;
  border-radius: 99em;
  transition: 0.25s ease;
  color: #290428;
}

.container-radio label span:hover {
  background-color: #d6d6e5;
}

.container-radio label span:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em #290428;
}
/****** end btn radio **/


#spnError_input_adresse{
  color: red;
}

#modalPolitique .modal-dialog{
  max-width: 800px;
  margin: 0 auto;
}
#modalPolitique .modal-dialog p{
  color: #000;
}

.page-terms-of-use p{
  color: #000;
}
.footer12-section-area .footer-content-area ul li a{
  line-height: 22px;
  padding-top: 20px;
  font-size: 20px;
}
.footer12-section-area .footer-contact-area .icons-area{
  font-size: 20px;
  padding-top: 15px;
}

.woocommerce-notices-wrapper .woocommerce-message {
    background-color: red;
    color: #FFF;
}
.woocommerce-message, .woocommerce-info {
    position: relative;
    padding: 11px 20px 11px 10px;
    background-color: red;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    border-radius: 0;
}

.footer12-section-area{
  position: initial;
}
.nice-select.input-area{
  width: 100%;

}
.nice-select .list{
    overflow: scroll;
    position:absolute;
    max-height: 200px;
        width: 100%;
}




.service12-section-area .service-slider .owl-stage-outer{
  position: initial;
}


.lineHr{
    border-bottom: 2px dashed #290428;
    padding: 15px 0px;
    margin: 0;
    opacity: 1;
    border-top: none;
}

.inner-tilte-mini{
    background-color: #EEFFB8;
    margin-top: 80px;
}

.inner-tilte-mini a{ 
  color: #290428;
}

@media (max-width: 768px) {
  #message-livraison{
    top: 100px;
    padding: 12px 10px 5px 10px;
  }
  .inner-tilte-mini{
    margin-top: 100px;
  }

  .one-produit{
    margin: 25px;
  }


}


.border-01{
      border-top: 2px dashed;
}

.footer12-section-area .footer-content-area.footer1{
  padding-left: 0px;
}
.contact-main-inner-area .contact-header .number-address-area,
.contact-main-inner-area .contact-header .number-address-area2{
  background: transparent;
}
.header-btn1{
    background: #EEFFB8;
    color: #290428;
    border: 1px solid #290428 !important;
}
.header-btn1::after{
  background: #290428;
}
.blog-auhtor-section-area .blog-sidebar-area .posts-area-ingredients {
    background: #EEFFB8;
    border-radius: 7px;
    padding: 20px 24px;
    position: relative;
    border: 2px solid #b4e419;
}
.blog1-scetion-area .blog-author-boxarea .content-area p{
  font-size: 18px;
  color: #1e1e1e;
  margin-bottom: 15px;
  height: 40px;
}
.posts-area-ingredients h3{
  font-weight: bold;
}
.ingredients p{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
}
.blog-auhtor-section-area h2{
  color: #b4e419;
}
.blog1-scetion-area .blog-author-boxarea .content-area a{
  color: #290428;
  font-size: 24px;
  font-weight: bold;
}
.blog1-scetion-area .blog-author-boxarea .content-area a:hover,
.blog1-scetion-area .blog-author-boxarea .content-area a.readmore:hover{
  color: #290428;
}
.blog1-scetion-area .blog-author-boxarea{
  background: #EEFFB8;
}
.footer12-section-area .block-footer:first-child{
  padding: 40px 10px;
}
.footer12-section-area .block-footer{
  padding: 40px 40px;
}
.titre-logo{
  color: #290428;
  font-family: var(--ztc-family-font2);
  font-size: 3rem;
  font-weight: 100;
}
.list-footer-last li span{
  font-family: var(--ztc-family-font2);
  padding-left: 5px;
}


input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-content: center;
  justify-content: center;
  font-size: 2rem;
  padding: 0.1rem;
  border: 3px solid #000;
  border-radius: 0.5rem;
  width: 34px;
  height: 32px;
  accent-color: #000;
  margin-top: 2px;
}
input[type="checkbox"]::before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
  transform: scale(0);
  background-color: green;
  color: black;
}
input[type="checkbox"]:checked::before {
  transform: scale(1);
}


#a-propos{
  background-color: #EEFFB8;
}
#a-propos h2{
    color: #290428;
    font-family: var(--ztc-family-font2);
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 2px;
}

#a-propos p{
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}
#a-propos .col-md-6{
  padding: 0px !important;  
}
#a-propos .works-header-area.heading2{
    width: 80%;
    padding: 0 20px 0 0;
    margin: 0 auto;
}
.contact-main-inner-area .contact-header .number-address-area .phone-number .img1,
.contact-main-inner-area .contact-header .number-address-area2 .phone-number .img1{
    background: #b4e419;
}

.phone-number .img1 i{
  color: #290428;
  font-size: 28px;
  padding: 15px;
}

.header-btn20::after{
  border-radius: 25px;  
}

.footer12-section-area .footer-log-area img{
  height: 36px;
}

.footer12-section-area .footer-contact-area .icons-area i{
  font-size: 18px;
}

.contact-main-inner-area .contact-form-area{
  background: none;
  box-shadow: none;
}

.sp2-50{
  padding: 50px 10px 0px;
}

#a-propos .hero-section{
  display: none;
}
@media (max-width: 768px) {

  .mobile-header-elements .btn-shop.btn-header{
    padding: 0px;
    margin: 0px;
  }

  #a-propos .hero-section {
    display: block;
    background-image: url("../img/bg-a-propos.jpg");
    background-size: cover;       /* L'image couvre tout le bloc */
    background-position: center;  /* Centrée */
    height: 620px;                /* Hauteur de la section */
    position: relative;           /* Pour placer le contenu dessus */
    color: white;                 /* Texte en blanc */
    /*display: flex;                /* Centrer le contenu */
    /*align-items: center;          /* Centré verticalement */
    /*justify-content: center;      /* Centré horizontalement */
    text-align: right;           /* Texte centré */
  }

  #a-propos .hero-content {
    padding: 40px 20px 0px;
  }
  #a-propos .hero-content h1{
    font-family: var(--ztc-family-font1);
    color: #000;
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: 100;
  }
  #a-propos .hero-content h1 span{
      font-family: var(--ztc-family-font2) !important;
      font-weight: 100;
      display: inline-block;
      margin-top: 10px;
  }
}


@media (max-width: 1440px) {
  #a-propos{
    margin-top: 80px;
  }
}

@media (max-width: 768px) {

  #a-propos p{
    font-size: 16px;
  }

  .bg-image-1{
    background-attachment: initial;
  }

  .sp-mobile{
    padding: 100px 0 100px;
  }

  .text-center-mobile{
    text-align: center !important;
  }

  .btn-default{
    margin: 0px;
  }
  .btn-cart-fin{
    margin: 10px 0px;
  }

  .footer12-section-area .block-footer:first-child,
  .footer12-section-area .block-footer,
  .footer12-section-area .block-footer-last{
    padding: 10px 10px;
  }

  .footer12-section-area .footer-content-area ul li a{
    padding-top: 10px;
  }
  
  #a-propos{
    margin-top: 90px !important;
  }
  #a-propos h2{
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
  }

  #a-propos .works-header-area.heading2 {
      width: 100%;
      padding: 0px 20px;
  }

  #a-propos .img1,
  #a-propos .img2{
    padding: 20px 30px;
  }

  #a-propos img{
    width: 100%;
    height: auto;
  }

  .p-25{
    margin-top: 25px;
  }


  .heading18 h2{
    font-size: 30px;
    text-align: center;
  }
  .mobile-text-justify{
    text-align: justify !important;
  }
  .ajustement-top-page-mobile{
    top: 80px;
  }

}



/* Mega menu */
.mega-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 80px;
  width: 100%;
  background: #b4e419;
  color: #333;
  padding: 20px 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 1000;
}

.mega-menu .columns {
  display: flex;
  gap: 0px;
}

.mega-menu .column {
  flex: 1;
}

.mega-menu h3 {
  margin-top: 0;
  font-size: 18px;
  margin-bottom: 10px;
  color: #000;
  font-weight: bold;
  border-bottom: 2px solid #000;
}

.mega-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mega-menu ul li {
  margin-bottom: 8px;
}

.mega-menu ul li a {
  text-decoration: none;
  color: #464646;
  font-size: 16px;
}

.mega-menu ul li a:hover {
  color: #290428;
}
.mega-menu .column li{
  margin: 0px 10px;
}
.mega-menu .column img{
    background-color: #F3FADD;
    border-radius: 10px;
}


/* END - Mega menu */

.modal-dialog .btn-primary{
  background-color: #b4e419;
  border: 1px solid #290428;
}
.modal-dialog  a.btn-primary{
  color: #290428;
}

.heading2 .titre {
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s16);
    line-height: var(--ztc-font-size-font-s16);
    font-weight: var(--ztc-weight-medium);
    color: #290428;
    border-radius: 8px;
    transition: all 0.4s;
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 16px;
}
.heading2 .titre::after {
    position: absolute;
    content: "";
    left: 0;
    top: -6px;
    width: 20px;
    height: 2px;
    transition: all 0.4s;
    background: #290428;
}

.alert.alert-success{
    --bs-alert-color: #290428;
    --bs-alert-bg: #ffffff;
    --bs-alert-border-color: transparent;

}
.container-radio .alert.alert-success{
  display: block;
  margin-top: 10px;
}

.alert-warning{
    --bs-alert-color: #000;
    --bs-alert-bg: #EEFFB8;
    --bs-alert-border-color: transform;
    padding: 25px;
    margin: 0px;
}
.alert-info{
  --bs-alert-color: #290428;
  --bs-alert-bg: #EEFFB8;
  --bs-alert-border-color: transparent;
  padding: 15px 10px;
}

.container-radio .alert.alert-info{
  display: block;
  margin-top: 10px;
}

.cart-produits .sp1{
      padding: 80px 0px 100px 0px;
}
.compare-table-area thead .table-header{
    background: #EEFFB8;
    color: #290428;
}

.page-cart h3,
.page-cart h4,
.page-checkout h3,
.page-checkout h4{
  color: #290428;
}
.page-checkout .contact-form-area{
  padding: 15px;
}

@media (max-width: 768px) {
  .page-checkout .contact-main-inner-area .contact-form-area{
    margin-top: 0px;
  }

  .page-checkout .contact-form-area .space50{
        height: 0px;
  }
}



.cart-total-table th,
.cart-total-table tbody td{
  color: #290428;
}

.mobile-sidebar.mobile-menu-active .langue,
.mobile-sidebar.mobile-menu-active h3,
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .contact-info-single .contact-info-text a,
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .contact-info-single i,
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .social-links-mobile-menu ul li a{
  color: #290428 !important;
}
.mobile-sidebar.mobile-sidebar12 .footer1-contact-info .social-links-mobile-menu ul li a{
  background: transparent; 
  border: 1px solid #290428;
}
.sp6{
  padding: 120px 0px 0px;
}
.sp7{
  padding: 60px 0px 0px;
}
.pd-attribut{
  font-size: 14px;
  color: #4b4b4b;
}


@media (max-width: 768px) {
  .sp2{
    padding: 80px 0 60px;
  }
  .blog-auhtor-section-area .blog-auhtor-sidebar-area .tags-area ul{
    margin-bottom: 16px;
    margin-top: 20px;
  }
  .sp2-50 {
    padding: 70px 10px 30px;
  }
  .sp-produis-mobile{
    padding: 0px;
  }
  input[type="checkbox"]{
    margin-top: 10px;
  }
}