@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media (min-width: 320px) and (max-width: 768px) {
    .slick-track li{
        display: flex!important;
    }
}




.slick-prev,.slick-next{
    display: none!important;
}
.slick-dots{
    display: flex;
    gap: 10px;
    justify-content: center;
    list-style: none;
}
.slick-slide{
    display: flex;
    justify-content: center;
    padding: 40px;
}
.slider-mini{
    box-shadow: 21px 11px 23px 0 rgba(201, 201, 201, 0.5);
    padding: 20px 0px;
    margin: 30px 0px 60px 0px;
    position: relative;
    object-fit:cover;
    z-index: 999;
    list-style: none;
}
.slick-dots li button{
    width: 25px;
    height: 25px;
    border: none;
    background-color: #032231;
    padding: 5px;
    border-radius: 50%;
    color: #032231;
}
.slick-active button{
    background-color: #25d4c2!important;
    border-color: #25d4c2!important;
    color: #25d4c2!important;
  }
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative;margin: 100px 0px 100px 0px; }
    .MultiCarousel .MultiCarousel-inner {float: left; }
    #MultiCarousel1 > div > div{
        width: 250px!important;
      }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div {background:#ffff; color:#666;display: flex;flex-direction: column;align-items: center;padding: 20px; box-shadow: 21px 11px 23px 0 rgba(201, 201, 201, 0.5);
            border: solid 1px #fff;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0;margin-left: 10px; }
    .MultiCarousel .rightLst { right:0;margin-right: 10px; }

        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none;  }
        #MultiCarousel1 > div > div > div > span{

            font-family: Nunito-SemiBold!important;
            font-size: 20px;
            font-weight: 600;
            color: #1e2875;
        }
        #MultiCarousel1 > div > div> div > img{
            width: 192px;
            height: 76px;
            object-fit: contain;
            margin-bottom: 20px;
        }
        #miniSlider > div.miniSlider-header > div.miniSlider-header-title > span {

            font-family: Gravity-Bold;
            font-size: 32px;
            color: #071050;
        }
        #miniSlider > div.miniSlider-header > div.miniSlider-header-body > span{

            font-family: Gravity;
            font-size: 24px;
            color: #4f5051;
        }
        .miniSlider-header{
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .miniSlider-description{
            font-family: Nunito-SemiBold!important;
            font-size: 20px;
            color: #1e2875;
        }
#MultiCarousel1 > div > div > div{
    padding:60px
}
.btn:focus{
    box-shadow: none!important;
    outline: none!important;
}