.myConfornaRefait {
    width: 100%;
    height: calc(100vh - 80px);
  }
  .myConfornaRefait .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent!important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .myConfornaRefait .swiper-slide img {
    display: block;
    width: 55%;
    margin-left:45%;
    height: 100%;
    object-fit: cover;
  }
  .confornaZoom .swiper-slide img {
      animation: zoomAnimation 8.5s infinite alternate;
      transition: transform 0.5s;
  }
  @keyframes zoomAnimation {
      from {
          transform: scale(1);
      }
      to {
          transform: scale(1.075);
      }
  }
  .myConfornaRefait .swiper-pagination {
      margin-right:6.5%;
      background-color:transparent;
  }
  .myConfornaRefait .autoplay-progress {
    position: absolute;
    right:  7%;
    bottom: 7%;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
  }
  .myConfornaRefait .autoplay-progress span {
   color:#fff;
   visibility:hidden;
   font-weight:700;
  }
  .myConfornaRefait .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: #fff;
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
  }
  .myConfornaRefait .swiper-pagination {
    bottom:37%!important;
    display:flex;
    flex-direction:column;
  }
  .myConfornaRefait .swiper-pagination-bullet {
      background-color:white!important;
      opacity:1!important;
      width: 20px;
      height:20px;
      margin:4px 0!important;
  }
  .myConfornaRefait .swiper-pagination-bullet-active {
      background-color:#C9A082!important;
  }
  .refait_content {
      position:absolute;
      top:0;
      left:0;
      /*
      background-color:rgba(0,0,0,0.35);
      background-image:linear-gradient(to left, rgba(255, 255, 255, 0), rgb(236 241 240) 50%);
      */
      background-image:linear-gradient(to left, rgba(255, 255, 255, 0), #ecf1f0 55%);
      padding:7% 7% 9% 7%;
      padding-top:160px;
      width:100%;
      height:100vh;
      z-index:3;

      display:flex;
      flex-direction:column;
      justify-content:space-between;
  }
  .refai_content_typed {
      display: inline-block!important;
      position: relative;
      min-height:20%;
  }
  .refai_content_2 {
      height:80%;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
  }
  .refai_content_typed .typed_conforna_refait {
      color: #444343;
      font-size: 38px;
      line-height: 1.5;
      display: contents;
      font-weight: 700;
  }
  .refai_content_typed .typed_conforna_refait span {
      font-size: inherit;
      font-weight: inherit;
      color: #848383;
      line-height: inherit;
      letter-spacing: inherit;
  }
  .refai_content_typed .typed-cursor i {
      font-size: 44px;
      letter-spacing: 0.25px;
      color: #C9A082;
      margin-left: 10px;
      border-radius:50%;
  }
  .refai_content_typed .typed-cursor {
      transition: 0!important;
      opacity: 1!important;
      margin-left: 8px;
  }
  .confoButton {
      border: 0;
      outline: 0;
      border-radius: 12px;
      color: #444343;
      background-color: #c3d2ce;
      border:solid 5px white;
      letter-spacing: 0.75px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 8px 16px;
      font-size: calc(17px);
      font-weight: 500;
      text-transform: uppercase;
      width:fit-content;
  }
  .confoButton i {
      font-size: 24px!important;
      color: #444444!important;
      padding-left: 16px!important;
  }
  .confoEdited {
      background-color: transparent!important;
      box-shadow: unset!important;
      border: unset!important;
      margin-left:0!important;
      color: #787777!important;
      font-size: 14px;
      font-weight: 600;
  }
  /* slider partner */
  .partner {
      height:80px;
      position: relative;
      background-color:#c9d1e0;
      overflow:hidden;
  }
  .partner__div {
      background-color:#c9d1e0;
      position: absolute; 
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; /* Pour centrer horizontalement et verticalement */
      width: 17.5%;
      height: -webkit-fill-available;
      z-index: 10;
      font-size: 17px;
      font-weight: 600;
      color: black;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  .partner__div div {
      color: #333333;
      font-weight: 600;
      font-family:"Kalam", cursive!important;
      font-size: 24px;
  }
  .partner__div div img {
      width: 25px;
      transform: rotate(45deg) translateX(2px);
  }
  .mySwiperX {
      width: 86%!important;
      height: 80px!important;
      background-color:unset!important;
  }
  .mySwiperX .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .mySwiperX .swiper-slide img {
      display: block;
      width: 100px;
      height: 60%;
  }
  /* end partner */
  .swiperHomeProduct {
    width: 42%;
    margin-right:58%;
    height: 130px;
    margin-bottom:35px;
    background-color:transparent;
    border-radius:5px;
  }
  .swiperHomeProduct .swiper-slide {
  border-radius: 12px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff!important;
  overflow: hidden!important;
  }
  .swiperHomeProduct .swiper-slide img {
    display: block;
    width:  150px;
    height: 150px;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .swiperHomeProduct .swiper-button-next, .swiper-button-prev {
    width: 30px!important;
    height: 30px!important;
    background-color: #8c8c8c;
    color: white!important;
    border-radius: 50%;
  }
  .swiperHomeProduct .swiper-button-next:after, .swiper-button-prev:after {
    font-size:14px!important;
    color:white;
  }
  .nosConfections {
      color: #444343!important;
      font-size: 16px;
      margin-bottom:25px;
      font-weight: 600;
  }


  .confoButton:hover {
    background-color:#af9c51!important;
    color:white!important;
  }
  .confoButton:hover i {
    color:white!important;
  }