/* .owl-dots {
    text-align: center;
}

.owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    margin-left: 6px;
    margin-right: 6px;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    background-color: #767676 !important;
    border: 1px solid #767676 !important;
    border-radius: 3px;
}

.owl-dots .owl-dot.active {
    width: 20px;
    background-color: #19aaf8 !important;
    border: 1px solid #19aaf8 !important;
}

.heroCarousel .owl-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.heroCarousel .owl-dots .owl-dot {
    background-color: #fff !important;
    border: 1px solid #f5f5f5 !important;
}

.heroCarousel .owl-dots .owl-dot.active {
    background-color: #19aaf8 !important;
    border: 1px solid #f5f5f5 !important;
}

.dCarousel.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.dCarousel img {
    display: inline-block !important;
    max-width: 100%;
    height: auto;
}

.dCarousel .slick-dots li {
    width: 6px;
    height: 6px;
    margin-left: 6px;
    margin-right: 6px;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.dCarousel .slick-dots li.slick-active {
    width: 20px;
}

.dCarousel .slick-dots li button {
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #767676;
    border: 1px solid #767676;
    border-radius: 3px;
}

.dCarousel .slick-dots li button::before {
    display: none;
}

.dCarousel .slick-dots li.slick-active button {
    background-color: #19aaf8;
    border: 1px solid #19aaf8;
}

.dCarousel.dotIn .slick-dots {
    position: absolute;
    bottom: 15px;
}

.dCarousel.dotIn .slick-dots li button {
    background-color: #fff;
    border: 1px solid #f5f5f5;
}

.dCarousel.dotIn .slick-dots li.slick-active button {
    background-color: #19aaf8;
    border: 1px solid #f5f5f5;
}

.cardCarousel .slick-slide {
    width: 234px;
    margin-right: 30px;
    padding-bottom: 15px;
}

.cardCarousel .owl-item {
    width: 234px !important;
    padding-bottom: 15px;
}

.cardCarousel .cardItem {
    width: 234px !important;
}

.cardCarousel .card {
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    -webkit-filter: drop-shadow(0px 4px 8px rgba(96, 97, 112, 0.16));
    filter: drop-shadow(0px 4px 8px rgba(96, 97, 112, 0.16));
}

.cardCarousel .card:hover {
    text-decoration: none;
}

.cardCarousel .card-img,
.cardCarousel .card-img-top {
    border-radius: 10px 10px 0 0;
}

.cardCarousel .card-body {
    padding: 10px;
}

.cardCarousel .card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #1a1a1a;
    margin-bottom: 10px;
}

.cardCarousel .card-title.titleIco {
    padding-left: 38px;
    padding-top: 6px;
}

.cardCarousel .card-title span {
    display: inline-block;
}

.cardCarousel .card-title .icoCard {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background-color: #d6d6d6;
    margin-right: 8px;
}

.cardCarousel .card-title .icoCard img {
    display: inline-block !important;
    max-width: 100%;
    height: auto;
    border-radius: 3px;
}

.cardCarousel .card-text {
    font-size: 12px;
    line-height: 18px;
    height: 70px;
    overflow: hidden;
}

.bannerPackage img {
    border-radius: 16px;
}

.bannerContent img {
    display: inline-block !important;
    max-width: 100%;
    height: auto;
    border-radius: 16px;
}

.sideBanner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    width: 100%;
    overflow: hidden;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.sideBanner img {
    border-radius: 8px;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .sideBanner {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (min-width: 992px) {
    .sideBanner {
        width: 100%;
        margin-left: auto;
    }
    .heroCarousel .owl-stage-outer {
        border-radius: 16px;
    }
    .bannerHero {
        border-radius: 16px;
        overflow: hidden;
    }
} */