/*
Template Name: Tour Agency
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center****************/
.carousel-caption{
background-color: rgba(0, 0, 0, 0.7);
padding-top:220px;
bottom:0;
left:0;
width:100%;
height:100%;
 }
.center_home img{
height:700px;
 }
.center_home h1{
font-size:50px; 
 }
.main_3{
bottom:-55px; 
 }
.center_home .carousel-indicators {
bottom: 110px!important;
}
/*********************center_end****************/

/*********************offer****************/
#offer{
margin-top:70px; 
 }
/*********************offer_end****************/

/*********************offer_end****************/
#holi {
/*background-image: url(../img/background.jpeg);*/
background-position: center;
}
.holi_m {
padding-top: 100px;
padding-bottom: 100px;
background-color:black;
}
.timer li {
font-size: 14px;
padding: 10px 24px;
text-transform: capitalize;
color: #fff;
background: hsla(0,0%,100%,.15);
text-align: center;
font-weight: 700;
border-radius: 15px;
}
.holi_1r2{
padding-top:27%; 
 }
/*********************offer_end****************/

/*********************pack****************/
.pack_1l1{
padding:30px 30px 30px 100px; 
 }
.pack_1l1o{
padding:30px 100px 30px 30px; 
 }
.pack_1l2{
padding-top:16%; 
left:-70px;
 }
.pack_1l2o{
padding-top:16%; 
right:-70px;
 }
/*********************pack_end****************/

/*********************disc****************/
#disc {
background-image: url(../img/3.jpg);
background-position: center;
}
/*********************disc_end****************/

/*********************exep****************/
.exp_1i h5 i{
width:35px;
height:35px;
line-height:35px;
font-size:16px; 
 }
/*********************exep_end****************/

/*********************app****************/
#app {
background-image: url(../img/1.jpg);
background-position: center;
}
/*********************app_end****************/


@media screen and (max-width : 767px){
.carousel-caption br{
display:none; 
 }
.center_home img{
height:400px;
 }
.center_home h1{
font-size:20px; 
 }
.center_home .carousel-indicators {
bottom: 0!important;
}
.carousel-caption{
padding:80px 10px 0px 10px; 
 }
.center_home p{
font-size:14px!important;
text-align:left; 
 }
.center_home .button{
padding:10px 15px; 
 }
.center_home .button_1{
padding:10px 15px; 
 }
#book_o{
padding-top:30px; 
 }
.book_1i{
margin-top:8px;
margin-bottom:8px; 
 }
#offer {
margin-top: 0;
}
.holi_m {
padding-top: 30px;
padding-bottom: 30px;
}
.timer li {
padding: 10px 15px;
}
.holi_1l ul li{
margin-left:0!important; 
margin-right:0!important;
margin-top:5px!important;
margin-bottom:5px!important;
 }
.holi_1r{
margin-top:15px;
 }
.holi_1r2 {
padding-top: 20%;
}
.pack_1l2 {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l2o {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l1 {
padding: 15px;
text-align:center;
}
.pack_1l1o {
padding: 15px;
text-align:center;
}

.pack_1l1 p{
text-align:left;
}
.pack_1l {
margin-top:8px;
margin-bottom:8px; 
 }
.exp_1i .text-end{
text-align:center!important; 
 }
.exp_1i {
margin-top:8px;
margin-bottom:8px;
 }
.sub_1l h3{
line-height:1.8em; 
 }
.sub_1r{
margin-top:15px; 
 }
.center_home h1{
font-size:40px; 
 }
.carousel-caption p{
font-size:16px!important;
 }
 }

@media (min-width:576px) and (max-width:767px) {

 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption br{
display:none; 
 }
.center_home h1{
font-size:60px; 
 }
.offer_2mi img{
min-height:180px; 
 }
.timer li {
padding: 10px 15px;
}
.holi_1l ul li{
margin-left:0!important; 
margin-right:0!important;
margin-top:5px!important;
margin-bottom:5px!important;
 }
.holi_1r2 {
padding-top: 20%;
}
.holi_m {
padding-top: 50px;
padding-bottom: 50px;
}

.pack_1l2 {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l2o {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l1 {
padding: 15px;
text-align:center;
}
.pack_1l1o {
padding: 15px;
text-align:center;
}

.pack_1l1 p{
text-align:left;
}
.pack_1l {
margin-top:8px;
margin-bottom:8px; 
 }
.holi_1l  br{
display:none; 
 }
.sub_1l h3{
font-size:14px; 
 }
.holi_1l  br{
display:none; 
 }
.pack_1l1o p{
text-align:left;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.carousel-caption br{
display:none; 
 }
.center_home h1{
font-size:70px; 
 }
.offer_2mi img{
min-height:240px; 
 }
.timer li {
padding: 10px 20px;
}
.holi_1l ul li{
margin-left:2px!important; 
margin-right:2px!important;
margin-top:5px!important;
margin-bottom:5px!important;
 }
.pack_1l2 {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l2o {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l1 {
padding: 15px;
text-align:center;
}
.pack_1l1o {
padding: 15px;
text-align:center;
}

.pack_1l1 p{
text-align:left;
}
.pack_1l {
margin-top:8px;
margin-bottom:8px; 
 }
.holi_1l  br{
display:none; 
 }
.sub_1l h3{
font-size:18px; 
 }
.pack_1l1o p{
text-align:left;
}
 }
@media (min-width:1201px) and (max-width:1300px) {
.pack_1l2 {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l2o {
position:static!important;
padding-top:0;
text-align:center;
padding-bottom:15px; 
 }
.pack_1l1 {
padding: 15px;
text-align:center;
}
.pack_1l1o {
padding: 15px;
text-align:center;
}
.pack_1l1o p{
text-align:left;
}

.pack_1l1 p{
text-align:left;
}
.pack_1l {
margin-top:8px;
margin-bottom:8px; 
 }
 }



/* ── SEARCH BOX STYLES ── */
#book_o .book_1 {
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.10) !important;
  border: 1px solid #e8e8e8 !important;
  align-items: center !important;
}

#book_o .input-group {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
}

#book_o .input-group-text {
  background: #fff !important;
  border: none !important;
}

#book_o .form-control {
  border: none !important;
  background: #fff !important;
  font-size: 14px !important;
  color: #333 !important;
  height: 42px !important;
  box-shadow: none !important;
}

#book_o .button {
  background: #ef3f3e !important;
  color: #fff !important;
  font-weight: bold !important;
  border-radius: 8px !important;
  padding: 11px 20px !important;
  transition: background 0.3s !important;
  text-decoration: none !important;
  font-size: 14px !important;
  display: block !important;
}
#book_o .button:hover { background: #c72f2e !important; }

#book_o .book_1i { margin-top: 0 !important; }

/* ── MOBILE FIX — search box overlap ── */
@media screen and (max-width: 767px) {
  .main_3 {
    position: relative !important;
    margin-top: -60px;
  }
  .main {
    padding-bottom: 80px;
  }
  #book_o .book_1 {
    padding: 16px !important;
  }
  #book_o .dropdown-menu {
    width: 100% !important;
  }
}

/* ── DROPDOWN MENU STYLE ── */
#book_o .dropdown-menu {
  position: absolute !important;
  z-index: 9999 !important;
  top: 100% !important;
  left: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
  border: none !important;
  margin-top: 6px !important;
}
#book_o .dropdown-item:hover {
  background: #fef0f0 !important;
  color: #ef3f3e !important;
}

.dropdown-item .fw-bold {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Route card image fix */
.offer_2mi {
    overflow: hidden;
    height: 220px;
}
.offer_2mi img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

@media screen and (max-width: 767px) {
    .offer_2mi,
    .offer_2mi img {
        height: 200px;
    }
}