.li-widgets--template-slider {
    max-height: 1850px;
    overflow: hidden;
}

.li-widgets--template-slider__content {
    background-size: cover;
    height: 100%;
    width: 100%;
}

.li-widgets--template-slider__pagination {
    width: max-content !important;
}

.li-widgets--template-slider__content{
    overflow: hidden;
}

/* Swiper Pagination and img*/


/* Desktop screen*/
@media (min-width:1366px) {
    .li-widgets--template-slider__pagination {
        left:5% !important;
        top:46% !important;
    }
    .li-widgets--template-slider__pagination{
        transform: translate3d(0px, -20%, 0) !important;
    }

    .li-widgets--template-slider__pagination .swiper-pagination-bullet-active::before {
        display: block;
        content: "";
        width: 40px;
        height: 40px;
        border-radius: 30px;
        border: 1px solid white;
        transform: translate(-20px, -20px);
    }

    .li-widgets--template-slider__pagination .swiper-pagination-bullet::before {
        display: block;
        content: "";
        width: 40px;
        height: 40px;
    }
    
    .li-widgets--template-slider__pagination .swiper-pagination-bullet{
        background: white;
        opacity:1;
        padding:3px;
        margin-bottom:58px !important; 
    }

    .scroll_for_more{
        font-size: 14px;
        position:absolute;
        left:4.7% !important;
        top:67% !important;
        z-index:999;
        color:white;
        font-weight: 700;
    }
    
    .scroll_for_more_img{
        position:absolute;
        left:4.7% !important;
        top:64% !important;
        z-index:999;
        width:20px;
    }
}
/* LapTop screen*/
@media (max-width: 1365px) and (min-width:1025px) {
    .li-widgets--template-slider__pagination {
        transform: translate3d(30px, -31%, 0) !important;
    }
    
    .li-widgets--template-slider__pagination .swiper-pagination-bullet-active::before {
        display: block;
        content: "";
        width: 40px;
        height: 40px;
        border-radius: 30px;
        border: 1px solid white;
        transform: translate(-20px, -20px);
    }

    .li-widgets--template-slider__pagination .swiper-pagination-bullet::before {
        display: block;
        content: "";
        width: 40px;
        height: 40px;
    }
    
    .li-widgets--template-slider__pagination .swiper-pagination-bullet{
        background: white;
        opacity:1;
        padding:3px;
        margin-bottom:58px !important; 
    }

    .scroll_for_more{
        font-size: 14px;
        position:absolute;
        left:4.7% !important;
        top:65% !important;
        z-index:999;
        color:white;
        font-weight: 700;
    }
    
    .scroll_for_more_img{
        position:absolute;
        left:4.7% !important;
        top:62% !important;
        z-index:999;
        width:20px;
    }
}
/* Tablet screen*/
@media (max-width: 1025px) and (min-width:767px) {
    .li-widgets--template-slider__pagination {
    left:5% !important;
    transform:translate3d(0,-35%,0) !important;
    }
  
    
    .li-widgets--template-slider__pagination .swiper-pagination-bullet-active::before {
        display: block;
        content: "";
        width: 40px;
        height: 40px;
        border-radius: 30px;
        border: 1px solid white;
        transform: translate(-20px, -20px);
    }

    .li-widgets--template-slider__pagination .swiper-pagination-bullet::before {
        display: block;
        content: "";
        width: 40px;
        height: 40px;
    }
    
    .li-widgets--template-slider__pagination .swiper-pagination-bullet{
        background: white;
        opacity:1;
        padding:3px;
        margin-bottom:58px !important; 
    }

    .scroll_for_more{
        font-size: 14px;
        position:absolute;
        left:4.7% !important;
        top:65% !important;
        z-index:999;
        color:white;
        font-weight: 700;
    }
    
    .scroll_for_more_img{
        position:absolute;
        left:4.7% !important;
        top:62% !important;
        z-index:999;
        width:20px;
    }
}
/* Mobile screen*/
@media (max-width:767px) {
    .li-widgets--template-slider__pagination {
        left:4% !important;
        top:50% !important;
    }
    
    .li-widgets--template-slider__pagination .swiper-pagination-bullet-active::before {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        border-radius: 30px;
        border: 1px solid white;
        transform: translate(-15px, -15px);
    }

    .li-widgets--template-slider__pagination .swiper-pagination-bullet::before {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
    }
    
    .li-widgets--template-slider__pagination .swiper-pagination-bullet{
        background: white;
        opacity:1;
        padding:3px;
        margin-bottom:50px !important; 
    }

    .scroll_for_more{
      display:none;
    }
    
    .scroll_for_more_img{
       display:none;
    }
  
}

/* SLIDES */ 

@media (max-width: 1921px) and (min-width:1366px) {
    .li-widgets--template-slider {
        max-height: 1400px;
        overflow: hidden;
    }
}

@media (max-width: 1365px) and (min-width:1025px) {
    .li-widgets--template-slider {
        max-height: 1400px;
        overflow: hidden;
    }
}

@media (max-width: 1025px) and (min-width:767px) {
    .li-widgets--template-slider {
        max-height: 1100px;
        overflow: hidden;
    }
}

@media (max-width:767px) {
    .li-widgets--template-slider {
        max-height: 700px;
        overflow: hidden;
    }


}

/* ----------------------------------------------
 * Generated by Animista on 2025-1-14 15:26:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
 .bounce-top {
	-webkit-animation: bounce-top 0.9s both;
	        animation: bounce-top 0.9s both;
}
/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
 @-webkit-keyframes bounce-top {
    0% {
      -webkit-transform: translateY(-45px);
              transform: translateY(-45px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 1;
    }
    24% {
      opacity: 1;
    }
    40% {
      -webkit-transform: translateY(-24px);
              transform: translateY(-24px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    65% {
      -webkit-transform: translateY(-12px);
              transform: translateY(-12px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    82% {
      -webkit-transform: translateY(-6px);
              transform: translateY(-6px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    93% {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    25%,
    55%,
    75%,
    87% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
  }
  @keyframes bounce-top {
    0% {
      -webkit-transform: translateY(-45px);
              transform: translateY(-45px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 1;
    }
    24% {
      opacity: 1;
    }
    40% {
      -webkit-transform: translateY(-24px);
              transform: translateY(-24px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    65% {
      -webkit-transform: translateY(-12px);
              transform: translateY(-12px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    82% {
      -webkit-transform: translateY(-6px);
              transform: translateY(-6px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    93% {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    25%,
    55%,
    75%,
    87% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
  }