:root{--main:#24374c}
.inner-page{margin:0;padding:70px 0 50px;background:#fff}
.inner-page .container {overflow: visible; }

/* section-title */
.section-title{width:100%;padding:20px 0;display:flex;gap:24px;align-items:center;justify-content:space-between}
.section-title .title{font-size:40px;font-weight:800;color:#393147;flex:1;margin:0}
.section-title .sub-title{width:384px;font-size:19px;font-weight:500;color:#756d83}
.section-title .divider{border-radius:12px;background-color:var(--main);width:4px;height:60px}

/* section_place */
.section_place{ margin-bottom:50px;display:flex;justify-content:space-between;gap:24px;align-items:center; padding:24px 0;border-bottom: 1px solid #e4deee;}
.place-container{display:flex; justify-content:space-between; align-items:center; gap:24px; flex:1}
.search-container{width:100%;display:none; flex:1}
.place-route{display:flex}
.place-route .decoration{display:none;flex-direction:column;align-items:center;padding:28px 0}
.place-route .decoration .circle{background-color:#09f;border-radius:50%;width:8px;height:8px}
.place-route .decoration .line{background-color:#09f;width:2px;flex:1}    
.place{display:flex; gap:24px; align-items:center;color:var(--main); font-size:18px}
.place .departure, .place .destination{flex:1; padding:12px 0}
.place .chevron{border-right:1px solid #e4deee;border-left:1px solid #e4deee;color:#d9d1e7;display:flex;justify-content:center;align-items:center;padding:20px}
.place-container .info{font-size:16px;color:#7f7f7f;margin:0}                  
.search-form-toggle{background-color:#eebc34;padding:12px;border-radius:9.6px;border:none;cursor:pointer; margin-left:auto}
.search-form-toggle i.icon.settings{mask-image:url(/Design/settings.svg);display:flex;align-items:center;justify-content:center;user-select:none;width:24px;height:24px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;background-color:#fff}
.search-container .searchtour {top:0;}
/* section_car-class */
.section_car-class{margin-top:20px;}
.section_car-class .title{font-size:26px}
/* section_map */
.section_map{border-radius:6px; margin-bottom:48px; overflow:hidden}
/* section_review */
.section_review .boxes{padding:0}
/* owl-carousel */
.owlnav.owl-carousel .owl-nav button{height:40px;position:absolute;top:50%;transform:translateY(-50%)}
.owlnav .owl-nav button span{display:none}
.owlnav .owl-nav button.owl-prev{left:15px}
.owlnav .owl-nav button.owl-next{right:15px}
.owlnav .owl-nav button:before{border:1px dashed var(--main);width:40px;height:40px;display:block;border-radius:50%;line-height:40px;color:var(--main)}
.owlnav .owl-nav button:after{content:"";display:inline-block;position:absolute;width:60px;height:60px;left:-10px;top:-10px;z-index:-1;opacity:0;border-radius:50%;transform:scale(0);transition:all .3s ease;background-color:#fff}
.owlnav .owl-nav button:hover:after{opacity:1;transform:scale(1)}
.owlnav .owl-prev:before{content:"\f104";font-family:fontawesome}
.owlnav .owl-next:before{content:"\f105";font-family:fontawesome}
.owlnav:hover .owl-nav button{}
.owlnav.owl-carousel .owl-nav button:hover{}
.owldot .owl-dots{text-align:center;margin-top:20px}
.owldot .owl-dots button{outline:0}
.owldot .owl-dots span{display:block;width:10px;height:10px;margin:5px;background:#555;transition:.5s;border-radius:50%;opacity:.5}
.owldot .owl-dots button.active span{opacity:1}
.dsimg-tour.owldot .owl-dots{margin:0;position:absolute;bottom:0;width:100%;z-index:2}
.dsimg-tour.owldot .owl-dots span{background:#fff}

.car_route{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
    .car_route .item{display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:#f9f9fb;border-radius:16px;overflow:hidden;padding:24px}
    .car_route .item .img{border-radius:12px;overflow:hidden}
    .car_route .item .title{font-size:18px;padding-bottom:20px;border-bottom:1px solid #e4deee;margin-bottom:0}
    .car_route .item .info{color:#61596f;margin:8px 0;display:block;}
    .car_route .item .info span{display:block;}
    .car_route .item .price-bk a{width:100%;font-weight:800;border-radius:8px;color:#fff;background-color: #09f;border:none;padding:12px 20px;text-decoration:none;display:flex;justify-content:center;align-items:center;transition:.2s}
    .car_route .item .price-bk a:hover{background-color:#eebc34;}

    @media only screen and (max-width: 992px) {
        .car_route{grid-template-columns:repeat(2,1fr);gap:32px}
    }
    @media only screen and (max-width: 768px) {
        .car_route{grid-template-columns:repeat(2,1fr);gap:28px}

    }
    @media only screen and (max-width: 576px) {
        .car_route{grid-template-columns:repeat(2,1fr);gap:10px}
        .car_route .item{gap:8px;border-radius:16px;padding:6px}
        .car_route .item .img{border-radius:12px;overflow:hidden}
        .car_route .item .title{font-size:15px; margin:0;padding-bottom:6px;}
        .car_route .item .info{font-size: 13px;margin-bottom:12px}
        .car_route .item .price-bk{justify-items:center}
        .car_route .item .price-bk a{ width:90%;box-shadow:0 4px 8px 0 rgba(0,210,205,.2);padding:12px 20px;}
    }

@media only screen and (max-width: 992px) {
    .inner-page{padding:60px 0 45px;}
    /* section-title */
    .section-title{padding:10px 0 48px;}
    .section-title .title{font-size:34px;}
    .section-title .sub-title{width:300px;font-size:18px;}

    .section_place{flex-direction:column}
}
@media only screen and (max-width: 768px) {
    .inner-page{padding:48px 0 25px;}
    /* section-title */
    .section-title{padding:10px 0 30px;}
    .section-title .title{font-size:28px;}
    .section-title .sub-title{width:260px;font-size:16px;}
    .section-title .divider{border-radius:12px;width:4px;height:50px}

}
@media only screen and (max-width: 576px) {
    .inner-page{padding:28px 0 30px;}
    /* section-title */
    .section-title{padding:10px 0 20px;}
    .section-title .title{font-size:26px;}
    .section-title .sub-title{display:none}
    .section-title .divider{display:none}

    /* section_place */
    .section_place{ margin-bottom:50px;gap:24px;padding:24px 0;}
    .place-container{display:flex;gap:24px; flex-direction:column}
    .search-container{display:none; flex:1}        
        
    .place{display:flex; gap:16px; font-size:18px; flex-direction:column}
    .place-route {gap:20px}
    .place-route .decoration {display: flex;}
    .place .departure, .place .destination{flex:1; padding:12px 0}
    .place .chevron{display:none}
        
    .place-container .info{display:none}
                     
    .search-form-toggle{background-color:#f7f6fa;padding:12px;border-radius:9.6px;border:none;cursor:pointer; margin-left:auto}
    .search-form-toggle i.icon.settings{mask-image:url(/Design/settings.svg);display:flex;align-items:center;justify-content:center;user-select:none;width:24px;height:24px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;background-color:#938ba1}

    .search-container .searchtour {top:0;}


}