#filterForm::-webkit-scrollbar,
#searchForm ul::-webkit-scrollbar,
#filterForm .lists::-webkit-scrollbar {
    width: 5px;
}
#filterForm::-webkit-scrollbar-track,
#searchForm ul::-webkit-scrollbar-track,
#filterForm .lists::-webkit-scrollbar-track {
    background: #eceaea;
    border-radius: 50px;
}
#filterForm::-webkit-scrollbar-thumb,
#searchForm ul::-webkit-scrollbar-thumb,
#filterForm .lists::-webkit-scrollbar-thumb {
    background: #cdd0df;
    height: 49px;
    border-radius: 50px;
}
#filterForm::-webkit-scrollbar-thumb:hover,
#searchForm ul::-webkit-scrollbar-thumb:hover,
#filterForm .lists::-webkit-scrollbar-thumb:hover {
    background: #cdd0df;
}
#filterForm .lists {
}
#filterForm .lists .input {
    cursor: pointer;
}
#filterForm .lists .input input:disabled ~ label {
    color:rgb(var(--gray));
}
#filterForm .lists .input input:disabled ~ label:before {
    background-color:rgb(var(--gray));
}
#filterForm .lists .input input:checked {
}
#filterForm .lists .input input:checked ~ label {
    color: rgb(var(--green));
}
#filterForm .lists .input input:checked ~ label:before {
    border-color: rgb(var(--green));
    background-color: rgb(var(--green));
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29082 0.971021C9.01235 0.692189 8.56018 0.692365 8.28134 0.971021L3.73802 5.51452L1.71871 3.49523C1.43988 3.21639 0.987896 3.21639 0.709063 3.49523C0.430231 3.77406 0.430231 4.22604 0.709063 4.50487L3.23309 7.0289C3.37242 7.16823 3.55512 7.23807 3.73783 7.23807C3.92054 7.23807 4.10341 7.16841 4.24274 7.0289L9.29082 1.98065C9.56965 1.70201 9.56965 1.24984 9.29082 0.971021Z' fill='white'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
}
#filterForm .lists .input label {
    cursor: pointer;
}
#filterForm .lists .input label:before {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    border: 1px solid rgb(var(--anthracite));
    border-radius: 5px;
    transition: 250ms ease;
}


.cabin-check label {
    cursor: pointer;
}
.cabin-check .bk-cabin-check {}
.cabin-check .bk-cabin-check span {
    width: 30px;
    height: 30px;
    padding: 3px;
}
.cabin-check label:hover {
    border-color: rgb(var(--anthracite)) !important;
}
.cabin-check input:checked {}
.cabin-check input:checked ~ label .bk-cabin-check span {
    border-color:rgb(var(--anthracite)) !important;
    background-color: rgb(var(--anthracite)) !important;
}
.cabin-check input:checked ~ label .bk-cabin-check svg {
    display: block !important;
    fill: rgb(var(--white));
}
.cabin-check input:checked ~ label {
    border-color: rgb(var(--green)) !important;
}
.ships {
    min-height: 300px;
}
.ships img {
    width: 100%;
}
@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}
@keyframes slideOutLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
@media only screen and (max-width: 425px) {


    .bk-w-450px,
    .bk-w-300px,
    .review {
        width: 100%;
    }
    .content-head .filterList  {
        overflow-y:scroll;
        max-height: 200px;
    }
    .media-slide .bk-h-600px {
        height: auto;
    }
    .bk-text-25px {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1024px) {

    .bk-w-300px {
        width: 100%;
    }
}
@media only screen and (max-width: 992px) {
    .ship-tabs-ul {
        overflow-x: scroll ;
        padding-bottom: 1rem;
    }
    .ship-tabs-ul::-webkit-scrollbar {
        width: 100%;
    }
    .ship-tabs-ul::-webkit-scrollbar-track {
        background: #eceaea;
        border-radius: 17px;
    }
    .ship-tabs-ul::-webkit-scrollbar-thumb {
        background: #cdd0df;
        height: 15px;
        border-radius: 17px;
    }
    .ship-tabs-ul::-webkit-scrollbar-thumb:hover {
        background: #cdd0df;
    }
    .ships {
        min-height:auto !important;
    }
    .bk-w-300px {
        object-fit:cover;
    }
    .bk-w-450px {
        width: 100%;
    }
    .content-head .filterList  {
        overflow-y:scroll;
        max-height: 200px;
    }
    .review {
        width: 100%;
    }
    .ships h2 {
        font-size:20px;
    }
}