/*********************************carsoul csss*******************************/
#x6se1{padding: 35px 0 65px}
.x6csl_right{rotate: 180deg;}
.x6csl{display:flex; justify-content: space-between; align-items: center;position: relative; width: 100%;}
.x6csl_container{display:inline-flex; justify-content: space-between; transition:1s all; width: 100%;}
.x6csl_viewport{overflow: hidden; width: 100%;}
.x6d8{display: flex;justify-content:space-between;z-index: 2; position: absolute;left: 0;right: 0;top: 120px;opacity: 0;transition: 0.5s all;}
.x6csl:hover .x6d8 {cursor: pointer;opacity: 1;transition: 0.5s all;}
.x6csl:before, .x6csl:after{content: "";position: absolute;top: -1px;width: 15%;;z-index: 1;height:99%;}
.x6csl:before{background: linear-gradient(to left,transparent 0,rgba(0,0,0,.5) 100%);opacity: 0;transition: 0.5s all;}
.x6csl:after{ background: linear-gradient(to right,transparent 0,rgba(0,0,0,.5) 100%);right: 0;opacity: 0;transition: 0.5s all;}
.x6csl:hover::before{cursor: pointer;opacity: 1;transition: 0.5s all;}
.x6csl:hover::after{cursor: pointer;opacity: 1;transition: 0.5s all;}
.x6i5{width: 371.1px;height: 260px;aspect-ratio: 3/4;object-fit: cover;}
.x6d10{display: flex;overflow: hidden;}
.x6a3{color: #fff;background: var(--second-text-color);padding: 14px 10px;display: block;font-size: 14px;text-transform: uppercase;font-weight: 400;font-family: Arial, Helvetica, sans-serif;text-align: center;letter-spacing: 0.8px;margin: 0 auto;width: 11%;}
.x6a3:hover{opacity: 85%;}
.x6d4{padding: 0 10px 43px;position: relative; z-index: 0;}
.x6d5{padding: 4px 0;display: flex;align-items: center;flex-wrap: wrap;}
.x6d11{flex-direction: column;align-items: baseline;}
.x6d15{width:370px; height:215px; background-position:center center; background-repeat: no-repeat;background-size:contain;position: relative;}
.x6a4{position: absolute;width: 100%;height: 100%;top: 0;right: 0;}
.x6h21{font-size: 16px;color: var(--therd-text-color);text-transform: capitalize;padding: 0 0 8px;font-weight: bold;}
.x6ad1 {font-family: Arial, Helvetica, sans-serif;font-weight: 400;font-size: 14px;text-align: left;line-height: 1.5;margin-top: 8px;color: #222;display: flex;text-transform: capitalize;flex-direction: row-reverse;align-items: flex-start;justify-content: start;}
.x6i6{width: 15px;margin-right: 6px; margin-top:3px;}
.x6h31{color: var(--second-text-color);font-family: var(--font-1);font-size: 16px;text-transform: capitalize;    padding: 8px 0 0;}
.x6s4{color: #000;text-transform: capitalize;font-size: 14px;font-weight: 600;font-family: Arial, Helvetica, sans-serif;}
.x6s7{ font-weight: 400;font-size: 15px;color: #000;font-family: var(--font-1);text-transform: capitalize;margin: 0 20px 0 4px; z-index: 2500;}
.x6d6{display: flex;align-items: center;justify-content: space-between;margin: 0 3%;padding-bottom: 10px;    position: absolute;left: 0;right: 0;bottom: 0;}
/* .x6a1{background: transparent;border: none;font-size: 14px;text-transform: uppercase;font-family: var(--font-1);display: flex;align-items: center;padding: 9px 6px;width: 35%;color: #222;font-weight: 400;}  */
/* .x6a1::before{ content: "";background: url(../img/icons/freecopy.svg)no-repeat;display: block;width: 17px;height: 17px;background-size: 17px;background-position: center;margin-right: 10px;} */
/* .x6a1:hover{background: #e2e2e2;cursor: pointer;transition: 0.5s all;} */

.x6a2{background: transparent;border: 2px solid var(--second-text-color);    padding: 5px 4px;width: 35%;display: flex;align-items: center;font-size: 15px;text-transform: uppercase;color: var(--second-text-color);justify-content: center;font-family: var(--font-2);font-weight: 500;}
.x6i2{ width: 21px;}
.x6a2:hover{background: var(--second-text-color);color: #fff;transition-delay: 1s all;transition: 0.5s all;}
.x6a2:hover .x6i4{filter: brightness(0) invert(1);}
.x6i4{width: 20px;}
.x6i3.favorite {filter: invert(60%) sepia(85%) saturate(1065%) hue-rotate(166deg) brightness(101%) contrast(102%)}
.x6s2 .x6i3:hover{filter: invert(10%) sepia(97%) saturate(3619%) hue-rotate(355deg) brightness(104%) contrast(114%);}
.x6s2{z-index: 1;position: absolute;right: 1px;top: 11px;background: var(--second-text-color);font-size: 15px;color: #fff;font-family: var(--font-1);text-transform: uppercase;font-weight: bold;padding: 3px 12px}
/* .x6s222{z-index: 1;position: absolute;left: 1px;top: 11px;background: red;font-size: 15px;color: #fff;font-family: var(--font-1);text-transform: uppercase;font-weight: bold;padding: 3px 12px} */
/* .x6s3{position: absolute;right: 10px;background: #cac1bc;padding: 5px 4px 0;border-radius: 3px;z-index: 2;bottom: auto !important;top: auto;} */
.x6s1{z-index: 1;position: absolute;left: 0;top: 0;background: var(--second-text-color);padding: 3px;margin-top: 10px;}
.x6d7{display: flex;align-items: center;position: absolute;right: 3px;bottom: 27px !important;width: 100%;}
.x6s5{font-size: 11px;color: #222;font-family: Arial, Helvetica, sans-serif;text-transform: lowercase;display: block;}
.x6i3{width: 18px;}
.x6d2{    position: relative;width: 32.3%;background: #f2f2f2;margin: 6px 0.5%;padding: 0px 0 10px}
#x6d1{display: flex;flex-wrap: wrap;justify-content: flex-start;padding: 50px 0 20px 0;}
.x6a3{    color: #fff;background: var(--second-text-color);padding: 14px 10px;display: block;font-size: 14px;text-transform: uppercase;font-weight: 400;font-family: Arial, Helvetica, sans-serif;text-align: center;letter-spacing: 0.8px;margin: 0 auto;}
/* .x6s3:hover {background: #fff;} */
/* .x6s3 .x6i3:hover {filter: invert(10%) sepia(97%) saturate(3619%) hue-rotate(355deg) brightness(104%) contrast(114%);} */
.x6d100 {display: flex; flex-wrap: wrap;}
.x6i5 {
  height: 260px;
}
.x6d15 {position: relative;}
.x6s70 {position: absolute; top: -31px; margin: 0px; width: 100%; background: #c99600; left: 0; padding: 2px; text-align: center; color: white; font-size: 17px; font-weight: bold; z-index: 2500;}

.x6s222{
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 3px;
  border: 13px solid red;
  border-left-color: red;
  border-right-color: transparent;
  border-top-color: red;
  width: 110px;
  color: #fff;
  font-family: var(--font-1);
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.x6i1 {width: 20px;height: 100%;}

/* Blurred background image */
.x6d15_blurred {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; /* Full background */
  filter: blur(3px); /* Increase blur effect */
  z-index: 0; /* Ensure it's behind the original image */
}

/* Original image */
.x6d15 {
  width: 100%;
  height: 188px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  z-index: 0; /* Ensure the original image is on top */
}

/* Container adjustments */
.x6csl_container {
  display: inline-flex;
  justify-content: space-between;
  position: relative; /* Ensure absolute positioning of background works */
  width: 40%;
}


    /* Trending Icon */

    .shine-icon {
      width: 30px;
      animation: twinkle 1.5s infinite ease-in-out, shimmer 2s infinite alternate;
  }

@keyframes twinkle {
  0%, 100% {
      opacity: 1;
      transform: scale(1);
  }
  50% {
      opacity: 0.7;
      transform: scale(1.1);
  }
}

@keyframes shimmer {
  0% {
      filter: brightness(1);
  }
  50% {
      filter: brightness(1.5);
  }
  100% {
      filter: brightness(1);
  }
}

.x6d1908{
  position: absolute;
  right: 15px;
  bottom: 0;
}



  /* Trending Icon */


    /*****************************cart mediaquery**********************************/
    @media screen and (max-width:1100px) {
        /* .x6d2{width: 49%;} */
        .x6i5{width: 553px;}
        .x6a3{width: 206px !important;}
        .x6d13{display: flex;justify-content: space-evenly;width: 69%;}
        #x6d14{width: 20%;place-content: end;}
        .x6bt1{margin: 0;}
      }
      @media screen and (max-width:998px) {
        .x6i5{width: 469px;}
        .x6csl:after{display: none;}
        .x6csl::before{display: none;}
        .x6d8{display: none;}
        .x6d2{width: 49%;}
        .x6s6{width: 17%;}
        .x6d13{width: 83%;}
        .x6bt2{width: 165px;}
        .x6d16{flex-wrap: wrap;}
        .x6d17{width: 90%;margin: 0 auto;}
        .x6lb1{justify-content: flex-start;}
        .x1d18{margin: 10px 0;}
        #x6d22{margin-top: -50px;}
        .x6d18{margin: 5px 0;}
  
      }

      @media screen and (max-width:690px) { 
        /* #zd18{flex-direction:column;} */
        .x6csl{justify-content:center;}
        .x6d6{flex-direction:column;padding-bottom:5px;gap:5px;}
        .x6d11{align-items:center;text-align: center;}
        .x6d5{justify-content:center;}
        .x6s1{top:75%;left:50%;transform:translateX(-50%)}
        .x6s2{left:50%;transform:translateX(-50%);right:0;width:fit-content;}
        .x6s222{width: 90px; justify-content: unset;}
        .x6d100 {padding: 20px 0px; justify-content: center;}

      }
  
      @media screen and (max-width:664px) { 
        .x6d2{width: 90%;}
        .x6i5{width: 438px}
        #x6d1{justify-content: center;}
        #x6d12{display: none;}
        .x6d17{width: 100%;}
        .x6d100 {padding: 20px 0px; justify-content: center;}
        
      }

      @media screen and (max-width:660px) { 
        .x6csl_container {
          width: 100%;
        }
      }