.tour-background{

    background-image: url("../images/tour_img/Rectangle\ 117.png");

    background-size: cover;

    background-repeat: no-repeat;

  height:180px
/*margin-top: -100px;*/
  

}

@media only screen and (min-width:320px) and (max-width:768px){

    .tour-background{

        background-image: url("../images/tour_img/Rectangle\ 117.png");

        background-size: cover;

        background-repeat: no-repeat;

      height:150px;
     /* margin-top: -100px;*/


    }

}

/*.tour-text-block {
    position: absolute;
    top: 20%;
    left: 40%;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
  }
  @media only screen and (min-width:320px) and (max-width:768px){
    .tour-text-block{
        left: 15%;
      }
  }

  .tour-form_content{
    position:relative;
  }
.tour-header-img{
    width: 100%;
    height: 150px;
    background-size: cover;
}
*/
.tour-search{

    width:100%;
  border-radius: 13px;
  margin-top: 55px;
  cursor: pointer;

}

@media only screen and (min-width:320px) and (max-width:768px){

    .tour-search{

        width:100%;
      border-radius: 13px;
margin-top: 10px;
    }  

}

.search-button{

    border-radius: 15px;

    background:#FF6600;

    color:white;

    border:solid 2px #FF6600;

    margin-left:15px;
    margin-top: 55px;

}
@media only screen and (min-width:320px) and (max-width:768px){

   .search-button{

    border-radius: 15px;

    background:#FF6600;

    color:white;

    border:solid 2px #FF6600;

    margin-left:15px;
    margin-top: 10px;

} 

}
.search-form{

    display:flex; justify-content:center;

    /*margin-top:150px;margin-bottom:100px*/

}



@media only screen and (min-width:320px) and (max-width:768px){

    .search-form{

        display:block; justify-content:center;
padding: 18px;
       /* margin-top:100px*/

    } 

}

.package-display{

    display:flex; 

}

.package-card{

    background-color:#EBEBEB;

    border-radius: 13px;

   

}

.pack-img{

    border-radius:13px 13px 0px 0px

}



.details-heading{

    background-color:#FAFAFA;

    border-radius:10px;

    box-shadow:1px 1px 3px grey;

    color:#000000;

    width:50%;

    margin:auto;

    text-align: center;

        padding:15px

}



@media only screen and (min-width:320px) and (max-width:768px){

    .details-heading{

        background-color:#FAFAFA;

        border-radius:10px;

        box-shadow:1px 1px 3px grey;

        color:#000000;

        width:100%;

        margin:auto;

        text-align: center;

        padding:15px

    }

}



.details-bg{

    background-color: #E9E9E9;

    padding:15px;

    border-radius:15px;

    box-shadow: inset 0 0 10px grey;

}

.view-heading{

    background:white;

    padding:15px;

    border-radius:10px;

    box-shadow: 6px 6px 6px -6px grey;

    width:75%;

    text-align: center;

    margin:auto;

    margin-top:-35px;

    position:sticky

}

.overview-heading{

    background:white;

    padding:15px;

    border-radius:10px;

    box-shadow: 6px 6px 6px -6px grey;

    width:25%;

    text-align: center;

    margin:auto;

    margin-top:-35px;

    position:sticky

}



@media only screen and (min-width:320px) and (max-width:768px){

    .overview-heading{

        background:white;

        padding:15px;

        border-radius:10px;

        box-shadow: 6px 6px 6px -6px grey;

        width:100%;

        text-align: center;

        margin:auto;

        margin-top:-35px;

        position:sticky

    }

}



.form-bg{

    background-color:#F2F2F2;

    padding:15px;

    box-shadow: 3px 3px 3px 3px #eceaea;

    border-radius:15px

}

.form-heading{

    border-radius:18px;

    background-color:#363534;

    text-align: center;

    color:#FFFFFF;

    padding:8px;



}



.input-bg{

    background-color: #D9D9D9;

    border:none;

    border-radius: 10px;

    width:100%

}

 .tour-label{

    font-size:18px;

    font-weight:500

 }



 .arrival-bg{

    background: #09A2A7;

    background: linear-gradient(270deg, #09A2A7 100%, #D9D9D9 100%);

    padding: 6px;

    width:50%;

    border-radius:0px 13px 13px 0px;

    color:#ffffff;

    box-shadow: 2px 2px 5px grey;

 }

 @media only screen and (min-width:320px) and (max-width:768px){

    .arrival-bg{

        background: #09A2A7;

        background: linear-gradient(270deg, #09A2A7 100%, #D9D9D9 100%);

        padding: 6px;

        width:100%;

        border-radius:0px 13px 13px 0px;

        color:#ffffff;

        box-shadow: 2px 2px 5px grey;

     }

    }

 .tour-border-line{

    border-left:solid 2px rgb(180, 178, 178);

    

 }



 .tour-detalis-para{

    text-align: justify;

    font-size:14px;

    font-weight: 500;

    padding:20px

 }



 .view-h6{

    margin-top:25px

 }



 .overview-h6{

    text-align: center;

    margin-top:25px

 }


 .autocomplete {
  position: relative;
  display: inline-block;
}


.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.auto-form-search{
    width: 50%;
}
@media only screen and (min-width: 320px) and (max-width: 768px){
  .auto-form-search{
    width: 100%;
}  
}