/* slider css */

@keyframes textShine {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

.slider-heading{
  font: 600 120px / 105px Montserrat;
  font-family: sans-serif;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #C5C5C5;
  color: #ffffff00;
  background: linear-gradient(to right, #FF6208 20%, #fff0 30%, #FF6208 70%, #fff0 80%);
  -webkit-background-clip: text !important;
  text-fill-color: transparent !important;
  background-size: 500% auto !important;
  animation: textShine 5s ease-in-out infinite alternate !important;
}
.text-color-slider{
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FF6208;
  color: #ffffff00;
  -webkit-background-clip: text;
}
.slider-sec-sheading{
  font-family: Bebas Neue;
  font-size: 60px;
  font-weight: 500;
  line-height: 73.2px;
  color: #FF6208;
}
.slider-small-heading {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 16.8px;
  position: absolute;
  bottom: 8px;
  left: 9px;
}
.slider-img-wrap-one {
  margin-left: -32%;
  margin-top: 6%;
  gap: 12px;
}
.slider-inner{
  padding: 8% 0 15%;
}
.slider-img-wrap-main img{
  height: 200px;
  width: 285px;
  object-fit: cover;
  border-radius: 5px;
}
.slider-img-wrap-main {
  gap: 20px;
}
.slider-img-wrap-two{
  gap: 12px;
  margin-left: -25px;
}
.slider-img-wrap-three{
  margin-left: -40%;
  gap: 12px;

}

.search-main{
  width: 100%;
  max-width: 65%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.search-main .theme-para{
  color: #5A5A5A;
}

.slider-btn-wrap{
  clip-path: polygon(65.063% 1.923%, 11.111% 1.923%, 11.111% 1.923%, 9.378% 2.552%, 7.734% 4.374%, 6.201% 7.289%, 4.801% 11.199%, 3.557% 16.004%, 2.489% 21.606%, 1.62% 27.906%, 0.972% 34.804%, 0.567% 42.202%, 0.427% 50%, 0.427% 50%, 0.567% 57.798%, 0.972% 65.196%, 1.62% 72.094%, 2.489% 78.394%, 3.557% 83.996%, 4.801% 88.801%, 6.201% 92.711%, 7.734% 95.626%, 9.378% 97.448%, 11.111% 98.077%, 65.115% 98.077%, 65.115% 98.077%, 65.753% 97.952%, 66.382% 97.582%, 66.998% 96.973%, 67.599% 96.131%, 68.18% 95.064%, 68.738% 93.778%, 69.272% 92.279%, 69.776% 90.575%, 70.249% 88.671%, 70.686% 86.575%, 70.686% 86.575%, 71.632% 82.434%, 72.69% 79.213%, 73.832% 76.913%, 75.031% 75.533%, 76.258% 75.073%, 77.485% 75.533%, 78.684% 76.913%, 79.826% 79.213%, 80.884% 82.434%, 81.83% 86.575%, 81.83% 86.575%, 82.267% 88.671%, 82.74% 90.575%, 83.245% 92.279%, 83.778% 93.778%, 84.337% 95.064%, 84.918% 96.131%, 85.518% 96.973%, 86.134% 97.582%, 86.763% 97.952%, 87.402% 98.077%, 88.918% 98.077%, 88.918% 98.077%, 90.646% 97.439%, 92.285% 95.595%, 93.814% 92.648%, 95.21% 88.7%, 96.452% 83.855%, 97.517% 78.215%, 98.383% 71.884%, 99.029% 64.965%, 99.433% 57.56%, 99.573% 49.773%, 99.573% 49.773%, 99.435% 42.059%, 99.035% 34.723%, 98.395% 27.869%, 97.536% 21.598%, 96.481% 16.011%, 95.251% 11.211%, 93.868% 7.301%, 92.354% 4.381%, 90.73% 2.555%, 89.018% 1.923%, 87.454% 1.923%, 87.454% 1.923%, 86.807% 2.053%, 86.171% 2.438%, 85.549% 3.07%, 84.943% 3.943%, 84.358% 5.049%, 83.797% 6.381%, 83.262% 7.933%, 82.758% 9.696%, 82.289% 11.663%, 81.856% 13.828%, 81.856% 13.828%, 80.916% 18.113%, 79.857% 21.447%, 78.707% 23.828%, 77.498% 25.256%, 76.258% 25.733%, 75.019% 25.256%, 73.809% 23.828%, 72.659% 21.447%, 71.6% 18.113%, 70.66% 13.828%, 70.66% 13.828%, 70.228% 11.663%, 69.758% 9.696%, 69.254% 7.933%, 68.72% 6.381%, 68.158% 5.049%, 67.573% 3.943%, 66.968% 3.07%, 66.345% 2.438%, 65.709% 2.053%, 65.063% 1.923%);
  background: #FF6208;
  height: 100%;
  width: max-content;
}
.slider-btn{
  clip-path: polygon(65.063% 1.923%, 11.111% 1.923%, 11.111% 1.923%, 9.378% 2.552%, 7.734% 4.374%, 6.201% 7.289%, 4.801% 11.199%, 3.557% 16.004%, 2.489% 21.606%, 1.62% 27.906%, 0.972% 34.804%, 0.567% 42.202%, 0.427% 50%, 0.427% 50%, 0.567% 57.798%, 0.972% 65.196%, 1.62% 72.094%, 2.489% 78.394%, 3.557% 83.996%, 4.801% 88.801%, 6.201% 92.711%, 7.734% 95.626%, 9.378% 97.448%, 11.111% 98.077%, 65.115% 98.077%, 65.115% 98.077%, 65.753% 97.952%, 66.382% 97.582%, 66.998% 96.973%, 67.599% 96.131%, 68.18% 95.064%, 68.738% 93.778%, 69.272% 92.279%, 69.776% 90.575%, 70.249% 88.671%, 70.686% 86.575%, 70.686% 86.575%, 71.632% 82.434%, 72.69% 79.213%, 73.832% 76.913%, 75.031% 75.533%, 76.258% 75.073%, 77.485% 75.533%, 78.684% 76.913%, 79.826% 79.213%, 80.884% 82.434%, 81.83% 86.575%, 81.83% 86.575%, 82.267% 88.671%, 82.74% 90.575%, 83.245% 92.279%, 83.778% 93.778%, 84.337% 95.064%, 84.918% 96.131%, 85.518% 96.973%, 86.134% 97.582%, 86.763% 97.952%, 87.402% 98.077%, 88.918% 98.077%, 88.918% 98.077%, 90.646% 97.439%, 92.285% 95.595%, 93.814% 92.648%, 95.21% 88.7%, 96.452% 83.855%, 97.517% 78.215%, 98.383% 71.884%, 99.029% 64.965%, 99.433% 57.56%, 99.573% 49.773%, 99.573% 49.773%, 99.435% 42.059%, 99.035% 34.723%, 98.395% 27.869%, 97.536% 21.598%, 96.481% 16.011%, 95.251% 11.211%, 93.868% 7.301%, 92.354% 4.381%, 90.73% 2.555%, 89.018% 1.923%, 87.454% 1.923%, 87.454% 1.923%, 86.807% 2.053%, 86.171% 2.438%, 85.549% 3.07%, 84.943% 3.943%, 84.358% 5.049%, 83.797% 6.381%, 83.262% 7.933%, 82.758% 9.696%, 82.289% 11.663%, 81.856% 13.828%, 81.856% 13.828%, 80.916% 18.113%, 79.857% 21.447%, 78.707% 23.828%, 77.498% 25.256%, 76.258% 25.733%, 75.019% 25.256%, 73.809% 23.828%, 72.659% 21.447%, 71.6% 18.113%, 70.66% 13.828%, 70.66% 13.828%, 70.228% 11.663%, 69.758% 9.696%, 69.254% 7.933%, 68.72% 6.381%, 68.158% 5.049%, 67.573% 3.943%, 66.968% 3.07%, 66.345% 2.438%, 65.709% 2.053%, 65.063% 1.923%);
  background: #fff;
  margin: 1px;
}
.slider-btn span{
  position: relative;
  right: -24px;
  top: 1px;
}
.slider-btn .theme-btn{
  padding: 5px 30px 7px 23px;
  overflow: unset;
  border:unset;
}
.theme-btn i{
  background: #171717;
  /* padding: 15px; */
  border-radius: 50%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #fff;
}

.cat_toggle{
  border: 1px solid var(--orange);
  display: inline-block;
  padding: 15px 20px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: var(--grey);
  border-radius: 5px;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}
#cart_animate {
  position: absolute;
  top: 4rem;
  z-index: 1;
  background-color: #fff;
  left: 5px;
  display: none;
  width: max-content;
  padding: 13px;
  box-shadow: 0px 0px 5px lightsteelblue;
  z-index: 9;
  border: 1px solid var(--orange);
  border-radius: 5px;
}
#cart_animate .count,#cart_animate .woocommerce ul.products::before {
  display: none;
}
#cart_animate ul{
  margin:0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px 10px;
}
#cart_animate ul li {
    padding: 0;
    line-height: 35px;
}
#cart_animate ul li a:hover{
  color: #39b3bd;
}
#cart_animate .product-categories a{
  color: black;
}
#cat-text .woocommerce ul.products li.product a img{
  display: none !important;
}
#cat-text li.product-category.product {
  float: none;
  width: 100%;
  border: none !important;
  margin-bottom: 0 !important ;
  box-shadow: unset !important;
  padding: unset !important;
}
.product-category .woocommerce-loop-category__title{
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.4px;
}
.product-category .woocommerce-loop-category__title:hover{
  color:#FF6208;
}
.search_form form {
  position: relative;
}

.search_form form button {
  position: absolute;
  right: 2%;
  top: 8px;
  background: 0 0;
  opacity: 1;
  border: none;
  font-size: 0;
}
.search_form .search-field{
  border-radius: 4px;
  opacity: 1;
  background: #5A5A5A;
  padding:15px 40px 15px 20px;
  border: 1px solid transparent;
  width: 100%;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 15.4px;
  box-shadow: 0px 4px 4px 0px #00000040;
  color: #fff;
}
.search_form{
  width: 100%;
}
.cat_toggle i{
  color: #FF6208;
}
.search_form .search-field::-webkit-input-placeholder{
  color: #fff;
}


/* pouplat category */
.popuplar-card-box{
      margin: 0 5%;
}
#popular-category  .owl-stage-outer{
      padding: 20px;
}
 #popular-category  .owl-stage-outer .owl-item {
  padding: 31px;
}
#popular-category .cat-img-box,.img-category-title{
        transition: all 0.5s;
}
#popular-category .owl-item:nth-child(even) .cat-img-box{
      transform: rotate(-3deg);
}
#popular-category .owl-item:nth-child(odd) .cat-img-box{
      transform: rotate(3deg);
}
.img-category-title{
  position: absolute;
bottom: -25px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
.img-category-title a{
  color: #000;
}
#popular-category .owl-item:nth-child(even) .img-category-title{
      transform: rotate(-2deg);
}
#popular-category .owl-item:nth-child(odd) .img-category-title{
      transform: rotate(2deg);
}
.cat-img-box::after{
  content: '';
  position: absolute;
  bottom:0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 65.5%, rgba(255, 255, 255, 0.78) 100%);
  height: 100%;
width: 100%;
}
#popular-category .owl-nav{
  position: absolute;
  right: 11%;
  top: -25%;
  display: flex;
  gap: 12px;
}

.cat-main-div:hover .cat-img-box,.cat-main-div:hover .img-category-title{
    transform: rotate(0deg) !important;
}
.cat-img-box::before{
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 10px;
  background: #FF6208;
  height: 0;
transition: height 0.5s ease-in-out;
}
.cat-img-box:hover::before{
  height: 100%;
}
/* ----Discount Banner---- */
.dis-banner-heading{
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
}
.banner-dis-inner{
    padding: 17% 0 12% 0;
}
.discount-img-1{
  margin: 0 auto;
  top: 25px;
  text-align: center;
  z-index: 1;
}
.discount-img-1 img{
  height: 165px;
  width: 165px;
  animation: pulse 2s linear infinite;
  animation-delay: 1s;
}
.discount-img-1::after{
  content: '';
  position: absolute;
  inset:-25px 0 0 0;
  background: #FF6208;
  height: 112px;
  width: 336px;
  margin: 0 auto;
  z-index: -1;
}
.discount-img-2{
  top: 30%;
  animation: pulse 2s linear infinite;
  animation-delay: 2s;
}
.discount-box-left{
  background: #FF6208;
  position: absolute;
  width: 30px;
  height: 80%;
  bottom: 0;
}
.discount-box-top{
  background: #FF6208;
  position: absolute;
  top: 0;
  right: 0;
  width: 255px;
  height: 30px;
}
.discount-img-3 {
  bottom: 7%;
  height: 230px;
  width: 230px;
  z-index: 1;
  animation: pulse 2s linear infinite;
  animation-delay: 3s;
}
.discount-box-right{
  background: #FF6208;
  position: absolute;
  width: 375px;
  height: 310px;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.about-img-one{
  width: 360px;
  height: 250px;
  position: relative;
  bottom: 25px;
  right: 0;
}
.about-img-one img{
  object-fit: cover;
}



/* services */
.services-inner{
  background: linear-gradient(90deg, #FF6208 20%, #5A5A5A 20%);
  padding: 2% 2%;
  align-items: center;
}
.services-title a,.star-title,.count-title{
  font: 600 18px / 22px "Montserrat", sans-serif;
  color: #fff;
}

.services-title a:hover{
  color: #FF6208;
}
.services-desc{
  color: #fff;
}
.star-title,.count-title{
  color: #000;
}
.star-box{
  position: absolute;
  top: -15px;
  right: 10%;
  background: #FFFFFF;
  padding: 20px 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 2;
}
.star-box img,.count-box-content img{
  height: 37px;
  width: 37px;
  margin: 0 auto;
}
.star-box::after{
  content: '';
  position: absolute;
  top: 0;
  right: -13px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 0 0 13px;
  border-color: transparent transparent transparent #C3C3C3;
  transform: rotate(0deg);
}
.star-box::before{
  content: '';
  position: absolute;
  top: 0;
  left: -14px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 15px 14px;
  border-color: transparent transparent #C3C3C3 transparent;
}
.count-box-content{
  width: max-content;
  background: #fff;
  padding: 10px 30px;
  position: absolute;
  left: 20px;
  bottom: -35px;
  z-index: 1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-name: pulse;
}
.count-no{
  color: #FF6208;
  line-height: 35px;
}
.ser-img-box{
  background: #FF6208;
  position: absolute;
  width: 60px;
  height: 75%;
  bottom: -40px;
  right: -15px;
  z-index: 0;
}
.services-content {
  padding: 10px 10px 10px 15px;
}
.services-content:hover .services-title a,.services-content:hover .services-desc {
color: #000;
}

.services-content:hover::after{
  content: '';
  position: absolute;
  inset:0;
  background-color: #fff;
  border: 1px solid #FF6208;
  z-index: -1;
  width: 100%;
  min-width: 665px;
}

/* .services-content-box {
  overflow-y: scroll;
  height: 100%;
  max-height: 535px;
}
.services-content-box::-webkit-scrollbar {
  display: none;
}
.services-content-box::after {
  border-color: var(--primary-color);
} */