.width-fit {
    width: fit-content;
}

.dropdown-select-people.w-full {
    min-width: auto !important;
}

.margin-top-50 {
    margin-top: -50px;
}

.width-80px {
    width: 80px;
}

.width-100px {
    width: 100px;
}

.width-150px {
    width: 150px;
}

.flex-shink-0 {
    flex-shrink: 0;
}

.gap-4 {
    gap: 16px;
}

.gap-3 {
    gap: 12px;
}
.w-calc-w-100-30px{
    width: calc(100% - 30px);
}
.class-hidden{
    opacity: 0;
    visibility:  hidden;
}


@media screen and (max-width: 990px) {
    .custom-rounded-search {
        border-radius: 36px !important;
    }

    .custom-width-button {
        width: 300px;
    }

    .custom-margin-bottom-md {
        margin-bottom: 16px !important;
        padding: 0 !important;
        /* margin: 0 !important; */
    }

    .border-md-none {
        padding: 16px 0 16px 0 !important;
        border-right: none !important;
        border-left: none !important;
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }

    .display-none-md {
        display: none !important;
    }

    .margin-md-0 {
        margin: 0 !important;
    }

    .drop-menu-account-md {
        transform: translate3d(-105px, 38px, 0px) !important;
    }
}

@media screen and (max-width: 768px) {
    .sm-none {
        display: none !important;
    }

    .custom-header-md {
        padding: 0 !important;
        /* margin: 0 !important; */
        margin-left: 24px;
        width: 100%;
    }

    .custom-padding-sm {
        margin: 0px 24px;
        padding: 0 !important;
        padding-right: 0 !important;
        max-width: 100%;
    }

    .custom-margin-bottom-sm {
        margin-bottom: 16px;
    }

    .custom-nav-tabs-sm {
        justify-content: start !important;
        overflow-y: scroll;
        overflow-x: visible;
    }

    .custom-nav-tabs-sm::-webkit-scrollbar {
        width: 0 !important;
        display: none;
    }

    .custom-height-banner-md {
        height: 300px !important;
    }

    .btn {
        padding: 4px !important;
    }

}

@media screen and (max-width: 420px) {
    .custom-transform-add-room-xs {
        transform: translate3d(-40px, 68px, 0px);
    }
}

div#drop-location {
    transform: translate3d(0px, 48px, 0px) !important;
}