.blaze-slider{--slides-to-show:1;--slide-gap:0px;direction:ltr}.blaze-container{position:relative}.blaze-track-container{overflow:hidden}.blaze-track{will-change:transform;touch-action:pan-y;display:flex;gap:var(--slide-gap);--slide-width:calc(
    (100% - (var(--slides-to-show) - 1) * var(--slide-gap)) /
      var(--slides-to-show)
  );box-sizing:border-box}

  .glider .glider-track {align-items: center;}
  .glider-contain .glider-next, .glider-contain .glider-prev, .splide-slider .glider-next, .splide-slider .glider-prev  {top: calc( (100% - 120px )/2 ); opacity: 0; transition: all 500ms ease; transform: translate(-150%); border:solid 1px #1e88e5; }
  .glider-contain .glider-next:hover, .glider-contain .glider-prev:hover, .splide-slider .glider-next:hover, .splide-slider .glider-next:hover {transform: translateX(0);}
  .glider-contain .glider-next, .splide-slider .glider-next {transform: translate(150%);}
  .glider-contain button.disabled {cursor: not-allowed;}
  .glider-contain:hover .glider-prev, .glider-contain:hover .glider-next, .splide-slider:hover .glider-next, .splide-slider:hover .glider-prev {transform: translateX(0); visibility: visible; opacity: 1;}
  .blaze-pagination {width: 100%; left:0;    margin-top: 0;    gap: 5px;    position: relative;    bottom: 30px;}
  .blaze-pagination button { 
    background: #000;
    width: 8px;
    height: 8px;
    margin: 6px;
    border-radius: 50%;
    transition: transform .2s linear;
    border: none;
    opacity: .7;
    transform: scale(1.4);
  }

.blaze-pagination button.active, 
.blaze-pagination button:focus {
    background: #000;
    border-radius: 50%;
    transform: scale(2);
    box-shadow: inset 0 0 0 2px #fff;
    width: 10px;
    height: 10px;
    border: 1px solid #000;
}

.slider-arrow-main .blaze-next {
    right: 0;
}

 
  /*.blaze-pagination button.active{background: #2563eb; }*/
  /*.blaze-pagination button.active {    background: #ffffff;}*/

  .blaze-pagination .dot-with-image {width: 40px; height: 40px; background-size: auto 100%; background-position: center center; background-repeat: no-repeat; overflow: visible; border-radius: 50%; margin: 0 5px; box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.5); transition: all ease 500ms; transform: scale(1); opacity: 1; border: solid 2px #fff; box-shadow: 0 0 0 0 rgba(255,255,255,.5);}
  .blaze-pagination .dot-with-image:hover {box-shadow: 0 0 6px 4px rgba(255,255,255,.5);}
  .blaze-pagination .dot-with-image.active {border: 3px solid #189eff;}
  .blaze-pagination .dot-with-image .dot-img-tt {position: absolute; opacity: 0; width: 200px;left: calc(50% - 100px); bottom: 50px; padding: 3px; background: #fff; transition: all ease 500ms; visibility: hidden; box-shadow: 0 1px 3px #ccc; transform: translateY(20px);}
  .blaze-pagination .dot-with-image .dot-img-tt:before {position: absolute; width: 14px;  height: 14px;  content: '';  border: 7px solid transparent;  border-top-color: #fff;    bottom: -14px;    left: calc(50% - 7px);}
  .blaze-pagination .dot-with-image:hover .dot-img-tt {opacity: 1; visibility: visible; transform: translateY(0px);}
  .blaze-pagination .dot-with-image .abs-img { position: relative; display: block; overflow: hidden;}
  .blaze-pagination .dot-with-image .abs-img img {position: absolute; width: 100%; top: 0; left: 0; max-height: none;}
  .blaze-pagination .dot-with-image .tt-title { color: #fff; background: #000; font-size: 12px; padding: 3px 7px; display: block; white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden;}
  
  .glider-next:hover svg, .glider-prev:hover svg {stroke: #222934;}
  .slider-arrow-main .blaze-prev, .slider-arrow-main .blaze-next {top: calc(50% - 60px); transition: all .5s ease; margin: 0;    width: 48px;
    height: 48px;    border-radius: 0 !important;    background: #e6e6e6; }  
  .blaze-container:hover .slider-arrow-main .blaze-prev, .blaze-container:hover .slider-arrow-main .blaze-next {transform: translateX(0); visibility: visible;  opacity: 1;}
  .princioais-category:hover .slider-arrow-main .blaze-prev {transform: translateX(100%)}
  .princioais-category:hover .slider-arrow-main .blaze-next {transform: translateX(-100%);}
  .princioais-category ul.splide__list {align-items: flex-start;}
  .princioais-category .cat-img {padding-bottom: 100%;}
  .princioais-category .glider-prev, .princioais-category .glider-next {width: 38px; height: 40px; border-radius: 100%; transform: translate(0%); top: calc(50% - 20px); padding-left: 5px}
  .princioais-category:hover .glider-prev {transform: translateX(100%);}
  .princioais-category:hover .glider-next {transform: translateX(-100%);}
  .princioais-category .glider-contain:hover button.disabled, .glider-contain:hover button.disabled {opacity: 0.2;}
  .princioais-category .home-cate-item:hover {transform: translateY(-20px);}
  
  @media screen and (min-width: 992px) and (max-width: 1050px) {
    .blaze-pagination {width: 86%; left: 9%;}
  }
  @media screen and (min-width: 1051px) and (max-width: 1299px) {
    .blaze-pagination {width: 88%; left: 7%;}
  }
  @media screen and (min-width: 1300px) and (max-width: 1327px) {
    .blaze-pagination {width: 88%; left: 6%;}
  }  
  @media screen and (max-width: 991px) {
    .hero-banner {width: 100% !important;}
  }
  @media screen and (max-width: 991px) {
     .blaze-pagination {
        bottom: 50px;
     }
  }
  

.slider-arrow-main .blaze-prev,
.slider-arrow-main .blaze-next {
    font-size: 0;
}  

.slider-arrow-main .blaze-prev:before, 
.slider-arrow-main .blaze-next:before {
    content: "";
    font-family: swiper-icons;
    font-size: 20px;
}

.slider-arrow-main .blaze-prev:before {
    content: "prev";
}

.slider-arrow-main .blaze-next:before {
    content: "next";
}