/**********************************************************************************************************************
|                                                   BANNIERE                                                          |
**********************************************************************************************************************/


.wrapper-banniere {
    /* color: rgb(255, 255, 255); */
    font-family: var(--primary-font);
    position: relative;
}
.pattern-layer.patern-boutique {
  bottom: 0px;
}

.pattern-layer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 54px;
    background-repeat: repeat-x;
    /* z-index: 2; */
    animation: slide 60s linear infinite;
    -webkit-animation: slide 60s linear infinite;
}

.banniere {
    width: 100%;
}



.banniere-item {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}

.banniere-item.slide1 {
    /*! background-image: url(hhhh); */
    position: relative;
    background: #9abd7e99;
}

.banniere-item.slide1::before {
  color: #dafdd057;
  opacity: 70%;
}
.banniere-item.slide::before {
  background: #b1ecfc;
  color: #aedceb;
  opacity: 65%;
}

.banniere-item.slide1 .sub-title-banner span {
  color: #348e38;
}

.banniere-item.slide3 .sub-title-banner span {
  color: #d72c25;
}

.banniere-item.slide2 {
    /*! background-image: url(../images/banniere/fond2.jpg); */
    
}

.banniere-item.slide3 {
    /*! background-image: url(../images/banniere/fond3.jpg); */
}
.slide3 .img-bottom-banner img {
  height: 177px;
}
.banniere-item.slide3::before {
  background: #e8ded6;
  color: #f9f9f9b2;
  opacity: 65%;
}

.banniere-item.slide4 {
    background-image: url(../images/banniere/fond4.jpg);
}

.banniere-item.slide5 {
    background-image: url(../images/banniere/fond5.jpg);
}

.banniere-item.slide6 {
    background-image: url(../images/banniere/fond6.jpg);
}

.banniere-item.slide7 {
    background-image: url(../images/banniere/fond7.jpg);
}
.img-bottom-banner img {
   /*! top: 49px; */
  position: relative;
   /*! left: -219px; */
  opacity: 50%;
  height: 255px;
}
.slide3 .img-bottom-banner img {
  /*! top: 49px; */
  position: relative;
  /*! left: -219px; */
  opacity: 50%;
  /*! height: 255px; */
}

.wrap-banniere-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*! width: 1000px; */
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px;
    align-items: center;
    height: 525px;
    width: 1100px;
}

.content-slide {
    width: 50%;
    margin-bottom: 55px;
    position: relative;
    z-index: 1;
}

.wrap-titre-banner {}

.sub-title-banner {}

.sub-title-banner span {
    background-color: #ffffff;
    font-family: var(--primary-font);
    height: 56px;
    text-align: center;
    text-transform: initial;
    line-height: 56px;
    font-size: 30px;
    padding: 0 30px;
    clip-path: polygon(12% 0,100% 0,88% 100%,0 100%);
    display: inline-block;
    transform: translateY(100px);
    transition: all ease 1.5s;
    opacity: 0;
    visibility: hidden;
    font-weight: 500;
}

.active .sub-title-banner span {
    transform: translateY(0);
    transition-delay: 0.8s;
    opacity: 1;
    visibility: visible;
    color: #2356a6;
}

h1.titre-banner {
    text-transform: uppercase;
    line-height: 56px;
    font-weight: 800;
    font-size: 52px;
    position: relative;
    transform: translateY(100px);
    transition: all ease 1.5s;
    opacity: 0;
    visibility: hidden;
}

.active h1.titre-banner {
    transform: translateY(0);
    transition-delay: 1s;
    opacity: 1;
    visibility: visible;
}

.chapeau-banner {
    /* color: rgb(255, 255, 255); */
    line-height: 18px;
    font-size: 13px;
    font-weight: 500;
    transform-origin: 50% 50%;
    /* opacity: 1; */
    /* transform: translate(0px, 0px); */
    /* visibility: visible; */
    margin: 10px 0 20px;
    transform: translateY(100px);
    transition: all ease 1.5s;
    opacity: 0;
    visibility: hidden;
}
  
.active .chapeau-banner {
    transform: translateX(0);
    transition-delay: 1.5s;
    opacity: 1;
    visibility: visible;
}

.btn-banner {
    position: relative;
    display: flex;
    z-index: 1;
    transform: translateY(100px);
    transition: all ease 1.5s;
    opacity: 0;
    visibility: hidden;
}

.active .btn-banner {
    transform: translateX(0);
    transition-delay: 2s;
    opacity: 1;
    visibility: visible;
}

.btn-banner a {
    text-transform: uppercase;
    line-height: 35px;
    font-weight: 700;
    font-size: 10px;
    border: 1px solid #fff;
    border-radius: 25px;
    background-color: rgba(0, 0, 0, 0);
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    padding: 0 31px;
}

.right-banner {
    width: 44%;
    position: absolute;
    right: 0;
}

.wrap-right-banner {
    position: relative;
}

.img-banner {
    /*! margin-left: 65px; */
    position: relative;
    z-index: 1;
    transform: translateX(100px);
    transition: all ease 1.5s;
    opacity: 0;
    visibility: hidden;
}

.active .img-banner {
    transform: translateX(0);
    transition-delay: 2s;
    opacity: 1;
    visibility: visible;
}

.img-banner img {
    position: relative;
    height: 400px;
    width: auto !important;
}

.bg-right-banner {
    width: 591.593px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: none;
}

.bg-right-banner img {}

.text-shape {
    position: absolute;
    height: 84.3125px;
    width: 84.3125px;
    opacity: 1;
    transform-origin: 50% 50%;
    z-index: 2;
    left: 384px;
    top: 100px;
    animation: rtLeftRight infinite 4s;
    transition: all ease 0.5s;
    display: none;
}


.wrap-text-shape {
    background-color: var(--primary-color);
    color: rgb(255, 255, 255);
    border-radius: 50px;
    width: 84px;
    aspect-ratio: 1;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.top-text-shape {}

.price-shape {
    font-weight: 700;
}

.img-bottom-banner {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.img-bottom-banner img {
}








.slide1 h1.titre-banner, .slide1 .sub-title-banner, .slide1 .chapeau-banner, .slide1.primary-btn {
    color: #348e38;
}
.banniere-item.slide5::before {
  color: #ddd0c9;
  background: #ece1df;
}
.banniere-item.slide5 .sub-title-banner span {
  color: #089441;
}

.slide1 .btn-banner a {
    color: #348e38d4;
    border-color: #348e38d4;
}

.slide1 .btn-banner a:hover {
    color: #fff;
    background: #05894c;
    border-color: #05894c;
}

.slide2 h1.titre-banner, .slide2 .sub-title-banner, .slide2 .chapeau-banner, .slide2.primary-btn {
    color: #974621;
}
.slide5 .img-bottom-banner img {
  height: 390px;
}

.banniere-item.slide2 .sub-title-banner span {
  color: #974621;
}

.banniere-item::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  content: "First Elevage";
  /* background: rgba(211, 115, 40, 0.68); */
  font-size: 190px;
  font-weight: 800;
  /* color: #dafdd057; */
  opacity: 35%;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  line-height: 2;
}

.banniere-item.slide2::before {
  background: rgba(211, 115, 40, 0.68);
  color: #dafdd057;
/*   opacity: 35%; */
}
.banniere-item.slide4::before {
  background: #b1ecfc;
  color: #9bd2e3;
  /* opacity: 35%; */
}
.banniere-item.slide1::before {
  background: rgba(211, 115, 40, 0.68);
  color: #dafdd057;
  /* opacity: 35%; */
}

.banniere-item.slide2 .img-banner {
  position: relative;
  top: 26px;
  left: 50px;
}

.slide2 .btn-banner a {
    color: #b24c22;
    border-color: #b24c22;
}

.slide2 .btn-banner a:hover {
    color: #fff;
    background: #974621;
}

.slide3 h1.titre-banner, .slide3 .sub-title-banner, .slide3 .chapeau-banner, .slide3.primary-btn {
    color: #d72c25;
}

.slide3 .btn-banner a {
    color: #d72c25;
    border-color: #d72c25;
}
.slide5 h1.titre-banner, .slide5 .sub-title-banner, .slide3 .chapeau-banner, .slide5.primary-btn {
    color: #ca4853;
}

.slide5 .btn-banner a {
    color: #ca4853;
    border-color: #ca4853;
}
.slide5 .btn-banner a:hover {
    color: #fff;
    background: #d72c25;
}

.slide3 .btn-banner a:hover {
    color: #fff;
    background: #d72c25;
}
.slide4 h1.titre-banner, .slide3 .sub-title-banner, .slide3 .chapeau-banner, .slide3.primary-btn {
    color: #ca4853;
}

.slide4 .btn-banner a {
    color: #2356a6;
    border-color: #2356a6;
}

.slide4 .btn-banner a:hover {
    color: #fff;
    background: #ca4853;
}

.slide4 h1.titre-banner, .slide4 .sub-title-banner, .slide4 .chapeau-banner, .slide4.primary-btn {
    color: #2356a6;
}

.slide4 .btn-banner a {
    color: #2356a6;
    border-color: #2356a6;
}

.slide4 .btn-banner a:hover {
    color: #fff;
    background: #2356a6;
}

.slide5 h1.titre-banner, .slide5 .sub-title-banner, .slide5 .chapeau-banner, .slide5.primary-btn {
    color: #089441;
}

.slide5 .btn-banner a {
    color: #089441;
    border-color: #089441;
}

.slide5 .btn-banner a:hover {
    color: #fff;
    background: #089441;
}

.slide6 h1.titre-banner, .slide6 .sub-title-banner, .slide6 .chapeau-banner, .slide6.primary-btn {
    color: #d72c25;
}

.slide6 .btn-banner a {
    color: #d72c25;
    border-color: #d72c25;
}

.slide6 .btn-banner a:hover {
    color: #fff;
    background: #d72c25;
}

.slide1 .img-banner {}

.slide1 .img-banner img {}

.slide2 .img-banner {
    margin-left: 0;
}

.slide2 .img-banner {}

.slide2 .img-banner img {}

.slide2 .text-shape {}

.slide3 .img-banner {}

.slide3 .img-banner img {}

.slide4 .img-banner {
    margin-left: 0;
}

.slide4 .img-banner img {}

.slide5 .img-banner {
    margin-left: -43px;
}

.slide5 .img-banner img {
    height: auto;
    /*! width: 321px !important; */
    left: 152px;
}

.slide6 .img-banner {
    margin-left: 85px;
}

.slide6 .img-banner img {}



.wrap-banniere .nav-btn {
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background: #fff;
    position: absolute;
    display: block;
    z-index: 1000;
    height: 100px;
    clip-path: ellipse(79% 45% at 96% 53%);
    color: #000;
    width: 40px;
}

.wrap-banniere .nav-btn.prev-slide {
    left: 0;
    clip-path: ellipse(80% 46% at 0% 51%);
}

.wrap-banniere .nav-btn.next-slide {
    right: 0;
    /* left: 0; */
    /* clip-path: ellipse(80% 46% at 0% 51%); */
    clip-path: ellipse(80% 46% at 96% 51%);
}

.wrap-banniere .nav-btn:before {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #272727;
    text-align: center;
    display: inline-block;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    height: 100px;
}

.wrap-banniere .next-slide:before {
    content: "Suiv.";
    margin-left: 21px;
}

.wrap-banniere .prev-slide:before {
    content: "Prec.";
}


/**********************************************************************************************************************
|                                                   A propos                                                    |
**********************************************************************************************************************/


.wrapper-apropos {
    padding: 250px 0 180px;
}

.left-apropos {
    padding: 0 15px;
    width: 42%;
}

.wrap-apropos {
    align-items: unset;
}

.right-apropos {
    width: 58%;
    padding: 0 15px;
}

.chapeau {
    position: relative;
    color: #7a7b80;
    font-weight: 400;
    /* line-height: 30px; */
    line-height: 1.9;
    margin: 0 0 40px;
    transition: all 500ms ease;
}

.btn-apropos a {margin-top: 10px;}

.parent-wrap-image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.wrap-about-image {
    position: relative;
    border-radius: 50%;
    width: 365px;
    aspect-ratio: 1;
}

.wrap-about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.wrap-about-image::before {
    position: absolute;
    content: '';
    width: calc(100% - 90px);
    height: calc(100% - 90px);
    left: 45px;
    top: 45px;
    border: 2px solid #fff;
    border-radius: 50%;
}

.around-bloc {
    padding: 1px 15px 40px;
    background: white;
    border-radius: 50%;
    transition: all ease 0.7s;
    width: 230px;
    aspect-ratio: 1;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    align-items: center;
    text-align: center;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);
    height: 230px;
    /*! border: 1px solid #089441; */
}

.around-bloc.six {
  left: 53%;
  top: 75%;
}
.around-bloc.five {
  top: 68%;
  left: 50px;
}

.content-block {
    font-size: 18px;
    font-weight: 500;
    position: relative;
    color: #141417;
    transition: all 500ms ease;
    z-index: 2;
    margin-top: 20px;
}

.icon-bloc-about {
    overflow: hidden;
    width: 67px;
    aspect-ratio: 1;
    font-size: 25px;
    border-radius: 10px;
    color: #089441;
    line-height: 70px;
    margin-bottom: -13px;
    position: relative;
    background: #eaf1ee;
    top: -17px;
    z-index: 2;
}

.around-bloc .icon-bloc-about::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    transform: scale(0,0);
    z-index: 0;
    transition: all 500ms ease;
}

.around-bloc:hover .icon-bloc-about::before {
    background: #089441;
    transform: scale(1.1);
}


.icon-bloc-about i {
    position: relative;
}

.around-bloc:hover .icon-bloc-about {
    color: white;
}

.around-bloc:hover {
    box-shadow: 0 0 40px rgb(0 0 0 / 20%);
}

.around-bloc.one {
    /*! bottom: -119px; */
    /*! left: 108px; */
    top: 13px;
    left: unset;
    right: -24px;
}


.around-bloc::before {
  width: 88%;
  content: "";
  position: absolute;
  border: 1px solid green;
  border-radius: 50%;
  /*! height: 80%; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1;
  z-index: 0;
}

.around-bloc.two {
    top: -39px;
    left: -8px;
}

.around-bloc.three {
    /*! top: 64px; */
    /*! left: unset; */
    /*! right: 0px; */
    left: 36%;
    top: -49%;
}

.absolute-img {}

.img-absolute {
    width: 165px;
    position: absolute;
    z-index: -1;
    width: 204px;
    height: 284px;
}

.img-absolute.one {
    left: -61px;
    bottom: -71px;
    opacity: 0.5;
}

.img-absolute.two {
    top: -120px;
    right: 45px;
    width: 150px;
    height: 219px;
    opacity: 0.5;
}

.img-absolute img {
    width: 100%;
}

/**********************************************************************************************************************
|                                                  Chiifres cles                                                   |
**********************************************************************************************************************/


.wrapper-chiffres {
    /* background-color: var(--primary-color); */
    background-image: url(../images/bg/bg-chiifre.jpg);
    padding: 163px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    /*! background-attachment: fixed; */
    position: relative;
}

.wrapper-chiffres::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #2f7955e3;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.wrap-chiffres {
    margin: 85px 0 0;
}

.item-parent-chiffre {
    padding: 0 15px;
}

.item-chiffre {
    align-items: unset;
}

span.timer {
    font-size: 70px;
    line-height: 70px;
    font-family: 'Prata';
}

.count-num {
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
}

.icon-chiffre {
    display: flex;
    justify-content: center;
    width: 75px;
    height: 75px;
    align-items: center;
    aspect-ratio: 1;
    border-radius: 50px;
    font-size: 25px;
    color: var(--primary-color);
    background: white;
    margin-right: 25px;
}
.icon-chiffre img {
  height: 48px;
}

.bottom-chiffre {
    margin-top: 65px;
}


/**********************************************************************************************************************
|                                                         SERVICES                                                    |
**********************************************************************************************************************/


.wrapper-services {
    padding: 80px 0 140px;
    background-color: #f0f7f7;
    position: relative;
    margin-bottom: -55px;
}

.wrap-services {
    display: flex;
}

.item-servicers {
    width: 25%;
    padding: 0 15px;
}

.wrap-item-services {
    text-align: center;
    background: white;
    padding: 40px 20px 30px;
    position: relative;
    border-radius: 5px;
    min-height: 575px;
    display: flex;
    /*! justify-content: center; */
    flex-direction: column;
    align-items: center;
    font-size: 16px;
}

.wrap-item-service-image {
    position: relative;
    display: flex;
    justify-content: center;
    /*! overflow: hidden; */
}

.wrap-item-service-image img {
    width: 190px;
    height: 190px;
    position: relative;
    border-radius: 50%;
}

.wrap-item-service-image::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255,.2);
    border-radius: 0%;
    transform: translate(-50%, -50%);
}

.wrap-item-services:hover .wrap-item-service-image::before {
    -webkit-animation: circle .95s;
    animation: circle .95s;
}

.wrap-item-service-icon {
    overflow: hidden;
    width: 70px;
    aspect-ratio: 1;
    background: #eaf1ee;
    left: 50%;
    transform: translateX(-50%);
    bottom: -37px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    position: absolute;
    z-index: 1;
    font-size: 30px;
    color: var(--primary-color);
}

.wrap-item-services:hover .wrap-item-service-icon {
    color: white;
}

.wrap-item-service-icon::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    transform: scale(0,0);
    z-index: -1;
    transition: all 500ms ease;
    background-color: #0a9343;
    color: white;
}

.wrap-item-services:hover .wrap-item-service-icon::before {
    transform: scale(1,1);
}

.wrap-item-service-title {
    color: #141417;
    font-size: 21px;
    position: relative;
    font-weight: 500;
    /*! line-height: 1.5; */
    margin: 50px 0 15px;
    line-height: 1.2;
}

.wrap-item-service-text {
    color: #7a7b80;
    margin: 0 0 20px 0;
}

.wrap-item-service-link {
    position: absolute;
    bottom: 25px;
}

.btn-detail-service-insigne {
    color: #b6b7b9;
    display: none;
}

.wrap-item-services:hover .btn-detail-service-insigne {
    opacity: 0;
    visibility: hidden;
}

.btn-detail-service-link {
    /*! left: 50%; */
    /*! position: absolute; */
    width: fit-content;
    /*! transform: translateX(-50%) scale(0,0); */
    /*! opacity: 0; */
    /*! visibility: hidden; */
    /* top: 0; */
    color: #089441;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    background: white;
    /*! padding: 5px 0; */
    border-radius: 50px;
    font-size: 13px;
    padding: 5px 5px 5px 15px;
    box-shadow: 0px -1px 40px 0px rgb(0 0 0 / 9%);
}

.wrap-item-services:hover .btn-detail-service-link {
    /*! transform: translateX(-50%) scale(1,1); */
    /*! opacity: 1; */
    /*! visibility: visible; */
}

.btn-detail-service-link i {
    width: 30px;
    height: 30px;
    line-height: 44px;
    font-size: 12px;
    background: #089441;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-left: 10px;
}

.wrap-item-service-icon i {
    /*! font-size: 35px; */
}



/**********************************************************************************************************************
|                                                         CONTACT                                                     |
**********************************************************************************************************************/

.wrapper-contact{
    padding: 120px 0 130px 0;
    line-height: 28px;
    background-image: url('../images/bg/call_to.jpg');
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    margin-bottom: -65px;
}

.wrapper-contact::before {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: '';
    z-index: 0;
    top: 0;
    opacity: .8;
    background: #EAF6EC;
}

.wrap-contact{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    /*! align-items: center; */
    position: relative;
    z-index: 1;
}

.wrap-contact-left {
    width: 37%;
    position: relative;
    padding: 0 15px;
}

.wrap-contact-right {
    width: 63%;
    padding: 0 15px;
}

.item-contact-right {
    /*! margin: 0 0 0 17px; */
    background: white;
    border-radius: 10px;
    color: #060606cc;
    padding: 58px 26px 25px 85px;
}

.row-form {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.input-item {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
}

.input-item.one {}

.input-item input, .input-item textarea {
    width: 100%;
    font-size: 16px;
    color: #646464;
    height: 55px;
    display: -ms-inline-flexbox;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    line-height: 1.5;
    padding: 10px 15px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-item.two {
    width: 50%;
}



.wrap-contact-right-submit-button {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 6px 12px;
    background-color: #272262;
    color: #ffffff!important;
    padding: 12px 25px 12px 25px;
    position: relative;
    text-align: center;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}


.input-item {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
}

.input-item.one button {
}

.input-item input, .input-item textarea {
    width: 100%;
    font-size: 16px;
    color: #646464;
    height: 55px;
    border-radius: 4px;
    border: 2px solid #dbe3df;
    line-height: 1.5;
    padding: 10px 15px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-item textarea {
    height: 151px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.input-item.two {}


.btn-contact {
  padding: 12px 12px 12px 40px;
}

.wrap-contact-left-contact {
    width: 34%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 500;
    padding: 3px;
}

.wrap-contact-left-title {
    font-size: 22px;
    color: #f4eaea;
    line-height: 44px;
    padding: 23px 0;
    position: relative;
    font-family: 'League Spartan', sans-serif;
    font-size: 23px;
    font-weight: 600;
}



.wrap-contact-left-informations-localisation{
    width: 100%;
    /* padding: 20px; */
    border-radius: 3px;
    margin-bottom: 25px;
    position: relative;
    z-index: 1;
    display: flex;
}

.wrap-contact-left-informations-localisation.couleur-remplissage:hover div {
    z-index: 1;
    position: relative;
}

.wrap-contact-left-informations {
    padding: 45px 36px 34px;
    background-image: url('../images/bg/pig1.png');
    position: relative;
    top: 0px;
    left: 13px;
    right: 0;
    background-repeat: no-repeat;
    bottom: 0;
    background-position: 98% 80%;
    background-size: 131px;
    border-radius: 10px;
    z-index: -1;
    max-width: 679px;
    width: 524px;
    background-color: #348e38;
}

.wrap-contact-right-input-textarea {
width: 100%;
height: 100px;
font-size: 16px;
color: #646464;
padding: 12px 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
border-radius: 4px;
border: 1px solid #e1e1e1;
margin-bottom: 15px;
}

.wrap-contact-right-input-textarea textarea {
width: 100%;
font-size: 17px;
height: 100%;
padding-top: 0px;

}
.wrap-contact-right div input {
/* font-size: 17px; */
}


.wrap-contact-right-submit-button {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  padding: 6px 12px;
  color: #ffffff!important;
  padding: 12px 25px 12px 25px;
  position: relative;
  text-align: center;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

.wrap-contact .section-title h2 {
    font-size: 38px;
    line-height: 43px;
    color: #565656;
    font-weight: 600;
    font-family: 'Montserrat';
}

.item-contact-left {
    /*! position: relative; */
    margin-top: 70px;
}

.item-contact-left {
    /*! position: relative; */
}

.contact-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin-right: 23px;
    background: #ffffff45;
    border-radius: 10px;
}

.item-contact-left .section-title {
    /*! margin-bottom: 400px; */
}

.parent-contact-left-infos {
    position: absolute;
    bottom: 45px;
    right: -70px;
    z-index: 2;
}

.wrap-contact-left-informations-details-ville-location {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
}

.wrap-contact-left-informations-details-ville-rue {
    font-size: 18px;
}

.input-item label {
    font-size: 16px;
    color: #0f4229;
    font-weight: 600;
    display: block;
    margin-bottom: 16px;
}

.wrap-contact-right div input::placeholder {
    font-weight: 500;
    font-family: 'Montserrat';
}


/***************************************************************************************************************|
                                                    Temoignages                                               **|
****************************************************************************************************************/


.wrapper-temoignage{
    padding: 80px 0 50px;
    position: relative;
}

.shape.shape4 {
    position: absolute;
    left: 126px;
    bottom: -45px;
    width: 341px;
    height: 327px;
    background-repeat: no-repeat;
}

.wrap-temoignage {
    display: flex;
    /* background-image: url('../images/bg/bg-temoignages.webp'); */
    /* border-radius: 50px; */
    justify-content: space-between;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 45px 45px 80px; */
    flex-wrap: wrap;
    /* padding: 45px 45px 0px; */
}

.left-temoignage {
    width: 41.666667%;
    padding: 0 15px 0 0;
}

.wrap-left-temoignage {
    padding-top: 60px;
}
.shape.shape4 img {
  height: 250px;
  left: -73px;
  position: relative;
  top: -67px;
}
.shape.shape4 img {
}

.content-left-temoignages {
    color: #382c4d;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 45px;
}


.right-temoignage {
    width: 58.333333%;
    padding: 0 0 0 20px;
}

.wrap-right-temoignage {
    position: relative;
    /* margin: -100px 0 0; */
}

.wrap-item-temoignage {
    display: flex;
    align-items: center;
    position: relative;
    background: rgb(47 121 85 / 16%);
    border-radius: 100px;
    padding: 40px 40px 40px 180px;
}

.item-temoignage {
    position: relative;
    display: flex;
    justify-content: end;
    margin-bottom: 34px;
}

.img-temoin {
    width: 124px;
    /* height: 124px; */
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    left: 38px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.img-temoin img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.img-temoin i {
    font-size: 40px;
    color: var(--primary-color);
    -webkit-text-fill-color: var(--primary-color);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #d9f2ef;
    position: absolute;
    right: 9px;
    top: -4px;
}

.le-temoignage {}

.le-temoignage h5 {
    color: #382c4d;
    font-size: 23px;
    line-height: 1.5;
}

.le-temoignage p {
    font-size: 14px;
    line-height: 1.5;
    color: #382c4d;
    margin: 0;
    font-weight: 400;
}

.item-temoignage.right-element {}

.right-element .wrap-item-temoignage {
    background: rgb(10 147 67 / 16%);
    text-align: right;
    padding-left: 40px;
    padding-right: 180px;
    margin-right: 40px;
}

.right-element  .img-temoin {
    left: auto;
    right: 38px;
}


.image-nav-slick {
    width: 100%;
    position: relative;
}

.prev-slick.slick-arrow {}

.wrap-image-nav-slick div {
    position: relative;
    /* display: inline-block; */
    width: 60px;
    aspect-ratio: 1;
    /* line-height: 60px; */
    font-size: 20px;
    margin-right: 10px;
    color: var(--primary-color);
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-image-nav-slick {
    display: flex;
}

.wrap-image-nav-slick svg {
    fill: #fff;
}

.wrap-image-nav-slick i {
    /* position: absolute; */
    /* left: 0; */
    /* top: 2px; */
    /* right: 0; */
    /* bottom: 0; */
    /* margin: auto; */
    /* text-align: center; */
    /* line-height: 66px; */
}

.wrap-image-nav-slick div:hover svg {
    fill: #c4942c;
}

.wrap-image-nav-slick div:hover {
    color: #fff;
    background: var(--primary-color);
}