.charter-Tour{

}
.charter-Tour .top-banner{
    border-radius: 15px 15px 0 0;
    height:220px;
    overflow:hidden;
}
.charter-Tour .top-banner .banner-Container{

}
.charter-Tour .top-banner .banner-Container span {
    z-index: 2;
    font-size: 24px;
    font-weight: bold;
}
.charter-Tour .-top-10 {
    top: -10px;
}

.charter-Tour .-top-15 {
    top: -15px;
}

.charter-Tour .-top-20 {
    top: -20px;
}

.charter-Tour .-top-25 {
    top: -25px;
}

.charter-Tour .-top-30 {
    top: -30px;
}

.charter-Tour .top-banner .banner-Container::before{
    top:0;
    width:100%;
    height:100%;
    content:"";
    position:absolute;
    z-index:1;
    background-color: rgba(0,0,0,.3);
    backdrop-filter: blur(1px);
}
.charter-Tour .top-banner .banner-Container img{
    position:absolute;
    z-index:0;
    width:100%;
    top:0;
}
.charter-Tour .top-banner .banner-Container span{
    z-index:2;
    font-size:24px;
    font-weight:bold;
}
.charter-Tour .tourMenu{
    position:absolute;
    position: relative;
    min-height: 157px;
    z-index: 1;
    border-radius:0 0 15px 15px;
}

.charter-Tour .callender{
    border-radius:15px;
}

.charter-Tour .tourMenu ul {
}
.charter-Tour .tourMenu ul li{
    color:var(--primary-400);
}

.charter-Tour .tourMenu ul li a{
    transition:ease-in .2s;
}
.charter-Tour .tourMenu ul li a.active, .charter-Tour .tourMenu ul li a:hover{
    border-bottom: 1px solid var(--primary-600);
    color: var(--primary-600);
    font-size:16px;
    font-weight: 700;
}
.charter-Tour .tourMenu ul li a i{
    font-weight: 450;
}
.charter-Tour .tourMenu ul li a span {
    color: var(--primary-500);
}
.charter-Tour .tourMenu ul li a.active span{
    color: var(--primary-600);
}

.charter-Tour .custom-checkbox{
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 2px solid var(--primary-400);
  cursor: pointer;
}
.charter-Tour .custom-checkbox:hover{
    border-color:var(--primary-500);
}

.charter-Tour .custom-checkbox:checked {background-color: #C9733D;border-color: #C9733D;}

.charter-Tour .custom-checkbox:focus {box-shadow: none;}

.charter-Tour .Filters .filter-Header button{
    color:var(--artBrown-600) !important;
}

.charter-Tour .Filters .filter-Header span{
    color:var(--primary-400);
}
.charter-Tour .Filters .filter-Item{
    min-width:130px;
}

.charter-Tour .tour-Card{

}

.charter-Tour .tour-Card .price{
    color:var(--artBrown-600);
}

.charter-Tour .tour-Card .info-hotel{

}

.charter-Tour .tour-Card .info-hotel .image-card-container {
    width: 126px;
    height: 126px;
}

.charter-Tour .tour-Card .info-hotel .image-card-container img{
    object-fit:cover;
}

.hotel-info{}
.charter-Tour .callender .slider-item {
    padding: 25px 38px;
    transition:ease-in 0.4s;
}
.charter-Tour .callender .slider-item:hover,.charter-Tour .callender .slider-item.active {
    background: var(--primary-600);
    color: white;
    cursor:pointer;
}

.charter-Tour .arrow-container i {
    cursor: pointer;
}

@media only screen and (max-width: 600px) {
    .charter-Tour .top-banner .banner-Container img{
        width:auto;
        height:100%;
    }
    .charter-Tour .tourMenu ul li a, .charter-Tour .tourMenu ul li a span {
        font-size: 10pt;
        font-weight:bold;
    }

    .charter-Tour .tourMenu {
        position: relative;
        top: 0;
        border-radius: 0;
        padding: 0 5px;
    }

    .charter-Tour .top-banner {
        border-radius: 0;
        height: 150px;
    }

    .charter-Tour .callender {
        border-radius: 0;
    }

    .charter-Tour .tour-Card .info-hotel .image-card-container {
        width:100%;
        height:176px;
    }
    .exchange-Icon {
        position: absolute;
        right: calc(50vw - 10px);
        font-size: 18px;
    }
    .exchange-Icon:hover{
        cursor:pointer;
    }
}