/* When use Animate On Scroll - include this to prevent overflow content x-axis */
body, html {
    overflow-x: hidden;
    width:100vw;
}

.d-inline-block {display: inline-block!important;}

.bg-light-blue-menu {background-color: #223168;}

/* font styles */
.g-font-italic {font-style: italic!important;}

/* logo heights */
.g-height-20 {height: 20px!important;}
.g-height-30 {height: 30px!important;}
.g-height-40 {height: 40px!important;}
.g-height-50 {height: 50px!important;}
.g-height-60 {height: 60px!important;}
.g-height-70 {height: 70px!important;}
.g-height-80 {height: 80px!important;}
.g-height-90 {height: 90px!important;}
.g-height-100 {height: 100px!important;}

/* vh heights for promo sections */
.g-height-80vh {height: 80vh!important; max-height: 80vh!important;}
.g-height-85vh {height: 85vh!important; max-height: 85vh!important;}
.g-height-90vh {height: 90vh!important; max-height: 90vh!important;}

.g-pt-160 {padding-top: 10rem;}
.g-pt-180 {padding-top: 11.25rem;}
.g-pt-200 {padding-top: 12.5rem;}
.g-pt-220 {padding-top: 13.75rem;}
.g-pt-240 {padding-top: 15rem;}
.g-pt-260 {padding-top: 16.25rem;}
.g-pt-280 {padding-top: 17.5rem;}
.g-pt-300 {padding-top: 18.75rem;}

/* Scroll bar styling ---------------------------------------------------------*/
/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #dadada;
    border-radius: 50px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #444444;
    border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #3a3a3a;
    -webkit-transition: 2s ease-in-out; /* For Safari 3.1 to 6.0 */
    transition: 2s ease-in-out;
}
/* END Scroll bar styling ---------------------------------------------------------*/


/* Ellipsis based on lines */

.ellipsis-1, .ellipsis-2, .ellipsis-3, .ellipsis-4, .ellipsis-5, .ellipsis-6, .ellipsis-7, .ellipsis-8, .ellipsis-9, .ellipsis-10 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-1 {-webkit-line-clamp: 1;}
.ellipsis-2 {-webkit-line-clamp: 2;}
.ellipsis-3 {-webkit-line-clamp: 3;}
.ellipsis-4 {-webkit-line-clamp: 4;}
.ellipsis-5 {-webkit-line-clamp: 5;}
.ellipsis-6 {-webkit-line-clamp: 6;}
.ellipsis-7 {-webkit-line-clamp: 7;}
.ellipsis-8 {-webkit-line-clamp: 8;}
.ellipsis-9 {-webkit-line-clamp: 9;}
.ellipsis-10 {-webkit-line-clamp: 10;}

/* END Ellipsis based on lines */

/* all padding from 1 - 10px */
.g-pa-1 {padding: 1px!important;}
.g-pa-2 {padding: 2px!important;}
.g-pa-3 {padding: 3px!important;}
.g-pa-4 {padding: 4px!important;}
.g-pa-5 {padding: 5px!important;}
.g-pa-6 {padding: 6px!important;}
.g-pa-7 {padding: 7px!important;}
.g-pa-8 {padding: 8px!important;}
.g-pa-9 {padding: 9px!important;}
.g-pa-10 {padding: 10px!important;}
/* END all padding from 1 - 10px */

/* Special breakpoints alignment */
@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}

.swiper-height-50vh {height:50vh;}
.swiper-text-center-all {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height:50vh; Change this if the height of the slider changes */
}

.swiper-text-center-bg {background-color: rgba(0,0,0,0.5);}

.swiper-text-no-text {padding-top: 84px!important;}

.cus-dawa-home-bs {
    height: 255px;
    object-fit: contain;
}

@media screen and (max-width: 1025px) {
    .cus-dawa-home-bs {
        height: 210px;
    }
}

@media screen and (max-width: 769px) {
    .gallery-top img {
        height: 300px;
    }
    .gallery-thumbs img {
        height: 90px;
    }
}

@media screen and (max-width: 426px) {
    .cus-height-200-product img {
        height: 180px;
    }
    .swiper-text-no-text {padding-top: 48.8px!important;}
}


/*test*/