.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: 80%; left: 11%;}
  .blaze-pagination button {background: #e0e5eb; width: 100%; height: 4px;}
  .blaze-pagination button.active{background: #ffffff; border-radius: 4px;}

  .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;}  
  .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;}
  }