@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;700;800;900&display=swap');
/*@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-VariableFont_wght.ttf') format('truetype');
}*/



.favorite-heart-tours {
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.breadcrumb-item, .breadcrumb-item a {
    color: #8d8f9b;
    font-weight: 700;
    font-size: .8rem;
}


.form-group {
    display: block;
}


.form-group select, .form-group button {
    margin: 5px 0px;
    flex: 1;
}

.card {
    background: #fff;
}

.img-fluid {
    height: 310px;
    border-radius: 8px 0px 0px 8px;
    width: 100%;
    object-fit: cover;
}

.like-tour {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #fff;
    font-size: 14px;
    color: #ddd;
}

.shadow-md {
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background: #2439AC !important;
    color: #fff !important;
}

.datepicker table tr td span {
    border: 1px solid #ddd;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 8px !important;
}
.footer-list li a {
    font-weight:800;
}

.number-with-line-black {
    position: relative;
    display: inline-block;
}

.tour-img-box {
    position: relative;
}
.accordion-button:focus{
    box-shadow:none !important;

}
.number-with-line-black::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
}



.icon-arrow-detail {
    margin-right: 0px;
    transform: rotate(-45deg);
}
.tour-destination-text p {
    width:200px;
}



.dropdown button {
    border-radius: 8px;
}


.grey-bar {
    background-color: #f5f6f8;
}

.search-text {
    font-size: 2rem;
    font-weight: 800;
}

    .search-text span {
        font-size: 1rem;
        font-weight: 100;
    }

.grey-bar-content {
    display: flex;
    flex-direction: column;
    padding: 15px 0px;
}


.view-profile {
    font-size: 17px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    width:170px;
}

    .view-profile i {
        transform: rotate(-45deg);
    }

.form-group .input-place {
    padding: .25rem 2rem;
    height: calc(1.5em + .5rem + 8px);
    border-radius: 8px;
}

.card-body select {
    padding: .25rem .6rem;
    height: calc(1.5em + .5rem + 8px);
    border-radius: 5px;
    border:1px solid #000;
}
a {
    text-decoration:none !important;
    color:#000;
}
.pagination {
    --bs-pagination-disabled-bg: none !important;
}
.disabled > .page-link, .page-link.disabled {
    color:#ddd !important;
}
.date-pic {
    border: 1px solid #000;
    height: calc(1.5em + 0.5rem + 3px);
    border-radius: 5px;
}
select {
    font-size: 13px !important;
    color: #9698a3;
}

.accordion .card {
    border-bottom: 1px solid #ddd;
}

.card-body h5 a {
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.accordion .card-header {
    padding: 0;
    border: none;
    background: none;
}

.collapse-toggle .card-body {
    /*padding: 0px 20px 10px 20px;*/
}

.accordion .card-header a {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 20px 10px 22px;
    display: block;
    border-radius: 4px;
    position: relative;
}

.form-group h5 {
    padding: 5px 0px 0px 2px;
}

.rotate {
    transform: rotate(-90deg);
    transition: all 0.2s ease
}

.card-header {
    position: relative;
}

.fa-chevron-down {
    position: absolute;
    top: 18px;
    right: 22px;
    color: #9fa1ac;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f1f4;
    font-size: 8px;
}

.accordion.accordion-alternate.style-2 .card-header .collapsed i {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.accordion button {
    font-weight:700;
    font-size:15px;
}

accordion.accordion-alternate.style-2 .card-body {
    padding-left: 0px;
}
.accordion-button::after {
    background-image:none !important;
}
.accordion .card {
    --bs-card-border-width: 0px !important;
    --bs-card-border-radius:none !important;
}
.accordion-button:not(.collapsed) {
    color: #000 !important;
    background-color: #fff !important;
    box-shadow: none !important;
}
.page-link {
    border: none !important;
    color: #000;
}

.page-item.active .page-link {
    color: #000;
    font-weight: 900;
    background: none;
}

.accordion .card-body {
    line-height: 26px;
    
}
.tour-head {
    width:310px;
}
.search-bar-row {
    position: relative;
}

.search-magg {
    position: absolute;
    bottom: 5px;
    left: 15px;
    color: #9d9fa9;
}

.for-scroll .card-body {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 40vh;
    margin:0 1em 2em 0;
}

.show-tours-btn {
    background: #26262e;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .show-tours-btn:hover {
        background-color: #fff;
        border: 1px solid #000;
        color: #000;
    }


.datepicker {
    width: 250px;
}

.table-condensed {
    width: 240px;
}

@media screen and (max-width: 1366px) {
    .tour-length {
        margin-right: 1rem !important;
    }
    .img-fluid {
        height:320px;
    }
    .tour-price-info {
        margin-top: 30px !important;
    }

    .view-detail-container {
        margin-top: 30px !important;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
    .accordion .card-header a {
        font-size: 12px;
    }
    .mobile-padding{
        padding:20px;
    }
    .tour-price-info {
        margin-top:15px !important;
    }
    .view-detail-container {
        margin-top: 15px !important;
    }
    .view-profile {
        width: 100%;
    }
    .tour-text {
        font-size: 12px;
    }

    .tour-length-text {
    }

    .tour-head {
        font-size: 17px;
    }

    .img-fluid {
        height: 290px;
    }
    .tour-destination-text p {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
        .view-profile {
        font-size: 12px;
    }
}

@media screen and (min-width: 820px) and (max-width: 1023px) {
    .mobile-padding {
        padding: 30px !important;
    }
    .offset-1 {
        margin-left:0 !important;
    }
    

}

@media screen and (max-width: 768px) {
    .mobile-padding {
        padding: 2rem !important;
    }
    .img-fluid {
        border-radius: 8px 8px 0px 0px;
        height:200px;
    }

    .mobile-nav-right {
        display: block;
    }

    .desktop-right-menu {
        display: none;
    }

    .btn-primary {
        width: 100%;
        height: 50px;
    }

    .card img {
        width: 100%;
        border-radius: 8px 8px 0px 0px;
    }

    .tour-dest-info {
        display: block !important;
    }

    


    .fa-brands {
        font-size: 25px;
    }

    .desktop-bottom-login {
        display: none;
    }

    .high {
        height: 45px;
    }

    .width-col-50 {
        width: 50%;
    }

    .view-detail-container a {
        font-size: 15px;
    }

    .offset-1 {
        margin-left: 0;
    }

    .search-text {
        margin-left: 0px;
    }
}