img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.object-fit-contain {
    object-fit: contain;
}

/* === padding === */
.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

/* === margin === */
.ml-0 {
    margin-left: 0rem !important;
}

.mr-0 {
    margin-right: 0rem !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

@media (max-width: 576px) {
    .mb-xsm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xsm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xsm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xsm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xsm-5 {
        margin-bottom: 3rem !important;
    }

    .mt-xsm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xsm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xsm-3 {
        margin-top: 1rem !important;
    }

    .mt-xsm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xsm-5 {
        margin-top: 3rem !important;
    }
}


.short_desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.short_desc-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.accommodation_short_desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.card_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.level_color_medium,
.level_color_easy,
.level_color_hard {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-right: 5px;
}

.level_color_medium {
    background-color: #F7630C;
}

.level_color_hard {
    background-color: #E81224;
}

.level_color_easy {
    background-color: #16C60C;
}

.color-0085BA {
    color: #0085BA !important;
}

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

.fs-13px {
    font-size: 13px !important;
}

.fs-14px {
    font-size: 14px !important;
}

@media (max-width: 636px) {
    .top-header .top-header-inner {
        grid-template-columns: repeat(0, minmax(0, 1fr));
        grid-gap: 0px !important;
    }
}

@media (max-width: 576px) {
    .site-logo img {
        max-width: 150px !important;
    }
}

@media (max-width: 310px) {
    .site-logo img {
        max-width: 100% !important;
    }
}

.bike-img {
    height: 210px;
    object-fit: cover;
}

.round-btn-danger {
    background-color: #dc3545 !important;
}

.round-btn-danger:hover {
    background-color: #bb2d3b !important;
}

.btn-outline-danger {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-outline-danger:hover {
    color: #fff !important;
}

.offcanvas-sidebar-logo {
    position: absolute;
    top: 0;
    width: 250px;
}

.w-45 {
    width: 45% !important;
}

.nav-logo img {
    max-height: 60px;
    transition: all 0.3s ease-in-out;
    display: none;
}

.sticky .nav-logo img {
    max-height: 34px;
    display: block;
}

@media (max-width: 1140px) {
    .sticky .nav-menu-text {
        font-size: 14px !important;
    }
}

@media (max-width: 1140px) {
    .sticky .nav-logo img {
        max-height: 28px;
        display: block;
    }

    .sticky .nav-menu-text {
        font-size: 13px !important;
    }
}

.z-3 {
    z-index: 3 !important;
}

.z-4 {
    z-index: 4 !important;
}


.object-fit-cover {
    object-fit: cover;
}

.gallery-img {
    transition: transform .25s ease;
    cursor: zoom-in;
}

.gallery-img:hover {
    transform: scale(1.06);
}

.remove-image-div .ratio {
    border-radius: .75rem;
}

#lightboxCarousel img {
    max-height: 90vh;
    object-fit: contain;
    transition: transform .3s ease;
    cursor: grab;
}

#lightboxCarousel img:active {
    cursor: grabbing;
}

#lightboxCarousel .lightbox-container {
    overflow: auto;
    width: 100%;
    height: 90vh;
}

/* keep existing thumbnail styles */
.gallery-img {
    transition: transform .25s ease;
    cursor: zoom-in;
}

.gallery-img:hover {
    transform: scale(1.06);
}

.h-75px {
    height: 75px !important;
}

.h-50px {
    height: 50px !important;
}

.lower-footer .img {
    height: 75px !important;
}

@media (max-width: 950px) {
    .lower-footer .img {
        height: 60px !important;
    }
}

@media (max-width: 820px) {
    .lower-footer .img {
        height: 52px !important;
    }
}

article .img {
    height: 226px !important;
    /*object-fit: contain;*/
}

@media (max-width: 575px) {
    article .img {
        height: auto !important;
    }
}