.bg-size {
    height: 240px;
}

.threesixty {
    font-size: 30px;
}

.bg-size img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 1281px) {
    .bg-size {
        height: 260px !important;
    }
}

@media (min-width: 701px) and (max-width: 800px) {
    .bg-size {
        height: 260px !important;
    }
}

@media (min-width: 801px) and (max-width: 1020px) {
    .bg-size {
        height: 290px !important;
    }
}

@media (min-width: 501px) and (max-width: 600px) {
    .bg-size {
        height: 400px !important;
    }
}

@media (min-width: 401px)  and (max-width: 500px) {
    .bg-size {
        height: 300px !important;
    }
}

@media (max-width: 700px) {
    .px-xs-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }

    .px-xs-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    .px-xs-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .px-xs-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .px-xs-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .fw-md-bold {
        font-weight: 400 !important;
    }
}

/* .popup-size {
    height: 350px;
} */

.popup-size {
    height: max(25vh, 320px);
}

.popup-size img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 701px) {
    #modal-info {
        flex-wrap: wrap;
    }
}

@media (max-width: 576px) {
    .threesixty {
        font-size: 25px;
    }

    .center-pills {
        font-size: 12px !important;
    }

    /* .popup-size {
        height: 25vh !important;
    } */
}

@media (min-width: 381px) and (max-width: 576px) {
    .popup-size {
        height: 25vh !important;
    }
}

@media (max-width: 380px) {
    .popup-size {
        height: 30vh !important;
    }
}

/* tab pills properties */

.center-pills {
    display: flex;
    justify-content: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.nav-pills .nav-item .nav-link {
    cursor: pointer;
}

/* inactive pills */

.nav-pills .nav-item .nav-link:not(.active) {
    text-decoration: none;
    color: black;
}

/* active pills */
.nav-pills .nav-item .nav-link.active {
    color: #ed0000;
    text-decoration-line: underline;
    text-decoration-thickness: 0.2rem;
    text-underline-offset: 0.5rem;
    background-color: #fff !important;
}

/* custom paket img size */
.popup-paket__img {
    height: 300px;
    object-fit: cover;
}

/* .popup-paket__img img {
    object-fit: cover;
} */

@media (max-width: 576px) {
    .popup-paket__img {
        /* height: auto !important; */
        height: 30vh !important;
    }  
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    margin-bottom: 30px;
    color: #ed0000;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    margin-bottom: 30px;
    color: #ed0000;
}

.swiper-button-disabled{
    display:none;   
}