body{margin:0 auto;padding:0;font-family:'Roboto', sans-serif;overflow-x:hidden;}

a:hover{text-decoration:none;}

ul li{list-style:none;}

li{list-style-type:none;}

ul{margin:0 auto;padding:0;}



p{

	margin: 0;

}

/****header****/



/****header****/





.second-sec{

	background-image: url(../img/banner1.jpg);

	height: 550px;

	background-size: cover;



}

/****forth-sec****/

.forth-sec h4 {

  text-align: center;

  font-size: 45px;

  text-transform: capitalize;

}



.passenger-sec {

  background: aliceblue;

  padding: 10px 11px;

  border-radius: 10px;

  border: 2px solid #265a88;

  margin: 20px 0;

  text-align: center;

}



.passenger-sec1 {

  background: aliceblue;

  padding: 10px 11px;

  border-radius: 10px;

  border: 2px solid #265a88;

  margin: 20px 0;

  text-align: center;

}

.passenger-sec a{

color: #fff;

text-align: center;

}

.passenger-sec1.active{

 background: #265a8891 !important ;

}





.passenger-sec:hover {

  background: #265a8891;

}



.passenger-sec1.active a {

  color: #000;

}



.passenger-sec a {

  color: #000;

}





.loginmodal-container {

  text-align: center;

}



.loginmodal-container p {

  margin: 10px 0;

}



.room {

  

  margin-top: 5em;

   margin-bottom: 4em;

}



.choose-room h4 {

  text-align: center;

  

  margin-bottom: 1em;

  font-size: 44px;

}

.box1 {

  background: #eee;

  border-radius: 10px;

  padding: 10px;

  border: 2px solid #265a88;

  margin: 20px;

  cursor:pointer;

}



.box1.active{

	background:#8ba5bb !important;

	

}



.box1:hover {

  background:#8ba5bb;

  border-radius: 10px;

  padding: 10px;

  border: 2px solid #265a88;

}



.ul-room{

display: flex;

}



.ul-room li{

margin: 0 10px;}



.ul-room li h6{

	font-size: 25px;

}







.ul-room li strong{

	color: red;

}

.price-tag{

	font-size: 25px;

	line-height: 21px;

	margin: 0;



}

/****footer****/



footer {

  background: #265a88;

  color: #fff;

  padding: 10px 0;

}





.box-img {

  background: aliceblue;

  border-radius: 120px;

  border: 3px solid #265a88;

  width: 84px;

  height: 84px;

  padding: 19px 0px;

  margin: 0 auto;

}



.box-pass-ul {

  display: flex;

  text-align: center;



}



.box-pass-ul li {

  margin: 0 20px;

}



.selt-add {

  font-weight: bold;

}



.box-pass-ul li p {

    color: #000;

    font-size: 17px;

    text-transform: capitalize;

    margin-top: 17px;

    font-weight: bold;

}

.selction-sec {

  margin: 25px 20px;

}

.no-add-text {

  font-size: 38px;

  text-align: center;

  margin-bottom: 45px;

  font-weight: bold;



}

.box-img.add-active {

  background: #c6d9ea;

}







@media screen and (max-width: 991px) {

 .navbar .navbar-nav .nav-item {

  padding: 20px 40px 0 0;

}

nav.navbar {

  padding: 26px 10px 20px 10px;

}.forth-sec h4 {

  text-align: center;

  font-size: 31px;

  text-transform: capitalize;

}

.box-img.add-active::before {

  

  display: none;

}

.selction-sec {

  margin: 25px 20px;

  display: none;

}

.addtional-content {

  text-align: center;

}

.selt-add {

  text-align: center;

  font-size: 29px;

}

.addtional-content h3 {

  font-size: 20px;

}

}



@media screen and (max-width: 769px) {

.box-pass-ul {

    display: inherit;

    text-align: center;

}

.box-pass-ul li::before {

 

  display: none;

}

.box-pass-ul li{

 

  width: 100%!important;

}





.box-pass {

  padding: 20px 0;

}

}













.switch {

  display: inline-block;

  height: 34px;

  position: relative;

  width: 60px;

}



.switch input {

  display:none;

}



.slider {

  background-color: #ccc;

  bottom: 0;

  cursor: pointer;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  transition: .4s;

}



.slider:before {

  background-color: #fff;

  bottom: 4px;

  content: "";

  height: 26px;

  left: 4px;

  position: absolute;

  transition: .4s;

  width: 26px;

}



input:checked + .slider {

  background-color: #265a88;

}



input:checked + .slider:before {

  transform: translateX(26px);

}



.slider.round {

  border-radius: 34px;

}



.slider.round:before {

  border-radius: 50%;

}



.checkbox-sec {

  text-align: center;

}

.price-section {

  font-size: 27px;

  

}



.checkbox-buuton {

  margin-top: 29px;

}

.row.price-scond-sec {

  margin: 21px 0;

  border-bottom: 1px solid #c8bebe;

}



.addtional-content {

  padding: 0px 0 20px;

}

.button-text {

  text-align: center;

  margin: 20px 0;

}



.sub-total {

  display: block;

  margin: 18px 0;

  font-size: 26px;

  color: #269d33;

}



.summry-box {

  margin: 25px 0;

}



.summry-box strong {

  font-size: 21px;

}



.all-summry-box {

  background: #f0f8ff;

  border-radius: 10px;

  padding: 10px 10px;

  border: 2px solid #000;

}

.select-addtional-sec {

  margin: 70px 0;

}



.box-img.add-active{

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

   flex-grow: 1;

  text-align: center;

  position: relative;

  z-index: -2000;

}







.box-img.add-active::before {

    height: 17px;

    position: absolute;

    content: "";

    width: 125px;

    left: 80px;

    top: 37px;

    border-top: 3px solid #265a88;

}





.track {

  position: relative;

  background-color: rgb(221, 221, 221);

  height: 4px;

  display: flex;

  margin-bottom: 60px;

  margin-top: 50px;

  top: 103px;

  z-index: -2000;

  width: 85%;

  left: 60px;

}



.box-img.active {

  background: #c6d9ea;

}



section.third-sec {

    padding: 0 15px;

}



@media screen and (max-width: 500px) {



.passenger-list h4 {

	padding-top: 20px;

  font-size: 24px!important;

}

.forth-sec h4 {

	text-align: center;

	font-size: 24px!important;

	text-transform: capitalize;

}

}