.page-template-content {
    overflow-x: hidden;
}

html{
    scroll-behavior: smooth;
  }

  body{
    /*font-family: 'Poppins', sans-serif;*/
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #333;
    overflow-x: hidden;
  }

  .container{
    max-width: 1170px !important;
    width: 100% !important;
    margin: 0 auto;
  }

  p{
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #333;
  }

  /*****************HEADER*****************/

  header{
    padding: 0px 0;
  }

  nav.navbar.navbar-expand-lg.navbar-light.bg-light{
      padding: 0px;
      background-color: #fff !important;
  }

  .navbar-brand img{
    width: 250px;
  }

   .btn.btn-login{
      border: 1px solid #1F83FF;
      background-color: #1F83FF;
      padding: 14px 30px !important;
      font-size: 16px !important;
      line-height: 20px !important;
      font-weight: 600 !important;
      color: #fff !important;
      margin-top: 5px;
  }

  /******************HEADER******************/






   .navbar-light .navbar-brand{
    width: 330px;
    padding: 0px;
  }

  .navbar-light .navbar-brand img{
    width: 160px;
    float: left;
    margin-right: 10px;
  }

  .navbar-light .navbar-brand p{
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0px;
  }

  .navbar-light .navbar-brand .logo-text{
    padding-top: 25px;
  }

  .navbar-expand-lg{
      padding: 0px;
  }

  .navbar-light .navbar-nav .nav-link {
      color: #000;
      font-size: 16px;
      line-height: 40px;
      font-weight: 500;
      padding: 10px 20px;
  }

  .navbar-light .navbar-nav .nav-link:hover{
      color: #000;
  }

.navbar-light .navbar-nav .dashboard-icon .nav-link{
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 20px;
}

.dashboard-icon .nav-link img{
    width: 30px;
    height: 30px;
}



  /****************BANNER SECTION***************/

  .banner-section{
      /* margin-top:300px ; */
    background: url("../images/banner-img1.jpg") center center no-repeat;
    width: 100%;
    height: 750px;
    background-size: cover;
    object-fit: cover;
  }


  .banner-title {
      /* margin-top:300px ; */
    margin-top: 20%;
  }

  .banner-section .overlay{
    background-color: rgb(0 0 0 / 16%);
    padding-top: 120px;
    height: 750px;
  }

  .banner-section h1{
    font-size: 50px;
      line-height: 55px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
  }

  .banner-section p{
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
  }




  .bravo-featured-item h5{
      margin-top: 20px;
  }


  .list-star ul{
      margin-bottom: 0px;
  }












  .flight-book-section .tabbox{
    position: relative;
    margin-top: -240px;
    padding: 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 7px 0px rgb(183 180 180 / 75%);
  }

  .flight-book-section .tabbox h4{
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
  }


  .flight-book-section .nav-tabs .nav-item.active .nav-link {
      color: #fff;
      background-color: #FFA033;
      border-color: none;
      border-radius: 0;
  }

  .flight-book-section .tabbox .nav-tabs .nav-item.show .nav-link, .flight-book-section .tabbox .nav-tabs .nav-link.active {
      color: #fff;
      background-color: #FFA033;
      border-color: none;
      border-radius: 0;
  }

  .flight-book-section .tabbox .nav-tabs .nav-link {
      font-size: 18px;
      line-height: 24px;
      font-weight: 600;
      padding: 10px 50px;
      margin-bottom: 0;
      background: #eee;
      color: #333;
      border: none;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-right: 1px solid #ddd;
  }

  .flight-book-section .tabbox .nav-tabs{
    margin-bottom: 20px;
    border-bottom: none;
  }






  .flight-book-section .tabbox input#name {
      border: 1px solid #ddd;
      padding: 10px;
      border-radius: 5px;
      font-size: 14px;
      color: #333;
      margin-bottom: 20px;
      height: 46px;
  }

  .flight-book-section .tabbox .select2-container,
  .flight-book-section .tabbox select{
      border: 1px solid #ddd;
      padding: 10px;
      border-radius: 5px;
      font-size: 14px;
      color: #333;
      margin-bottom: 20px;
      width: 100% !important;
      height: 46px !important;
  }

  .select2-container .select2-selection--single{
    height: 46px !important;
  }

  .select2-container--default .select2-selection--single {
      background-color: transparent !important;
      border: 1px solid transparent !important;
      border-radius: 0 !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #333;
      line-height: 20px;
      height: 46px !important;
      margin-top: -12px !important;
      padding: 10px !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 10px !important;
      right: 10px !important;
  }

   .flight-book-section label{
      position: relative;
      bottom: -11px;
      left: 20px;
      font-size: 12px;
      background-color: #fff;
      line-height: 2px;
      font-weight: 600;
      z-index: 9;
  }




  button.btn.btn-primary{
    padding: 12px 30px;
    border: 1px solid #1F83FF;
    background-color: #1F83FF;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    float: right;
  }

button.btn.btn-secondary{
    padding: 10px 30px;
    border-radius: 10px;
}


select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}



  #myDIV{
    display: none;
      margin-top: -30px;
      box-shadow: 0px 0px 7px 0px rgb(183 180 180 / 75%);
      padding: 10px;
  }

  #myDIV input{
    width: 100%;
  }

  #myDIV3-one input,#myDIV3-two input{
      width: 100%;
    }

  #myDIV3,#myDIV3-one,#myDIV3-two{
      display: none;
        margin-top: -30px;
        box-shadow: 0px 0px 7px 0px rgb(183 180 180 / 75%);
        padding: 10px;
    }

  .border-bottom{
      border-bottom: none !important;
  }

  .bravo_topbar{
      border-bottom: 1px solid rgb(231 234 243 / 18%)!important;
  }

    #myDIV3 input{
      width: 100%;
      border: 1px solid #ddd;
      padding: 5px;
    }


    #myDIV3-two input{
      width: 100%;
      border: 1px solid #ddd;
      padding: 5px;
    }

    #myDIV3-one input{
      width: 100%;
      border: 1px solid #ddd;
      padding: 5px;
    }

  /*.tabbox input{*/
  /*    height: 46px;*/
  /*}*/

  .adult-input{
    border: 1px solid #ddd;
      padding: 10px;
      border-radius: 5px;
      font-size: 14px;
      color: #333;
      margin-bottom: 20px;
      width: 100%;
      height: 46px;
  }

  #myDIV label, #myDIV3 label,#myDIV3-one label,#myDIV3-two label {
      left: 2px !important;
      font-size: 11px !important;
  }

  #myDIV input,#myDIV3 input,#myDIV3-one input,#myDIV3-two input{
    border: 1px solid #ddd;
      padding: 10px;
      border-radius: 5px;
      font-size: 14px;
      color: #333;
      width: 100%;
      /*height: 46px;*/
  }


  #myDIV1{
    display: none;
      margin-top: -30px;
      box-shadow: 0px 0px 7px 0px rgb(183 180 180 / 75%);
      padding: 10px;
  }

  #myDIV1 input{
    width: 100%;
  }

  #myDIV1 label {
      left: 2px;
      font-size: 11px;
  }

  #myDIV1 input{
    border: 1px solid #ddd;
      padding: 10px;
      border-radius: 5px;
      font-size: 14px;
      color: #333;
      width: 100%;
      height: 46px;
  }

  #myDIV2{
    display: none;
      margin-top: -30px;
      box-shadow: 0px 0px 7px 0px rgb(183 180 180 / 75%);
      padding: 10px;
  }

  #myDIV2 input{
    width: 100%;
  }

  #myDIV2 label {
      left: 2px;
      font-size: 11px;
  }

  #myDIV2 input{
    border: 1px solid #ddd;
      padding: 10px;
      border-radius: 5px;
      font-size: 14px;
      color: #333;
      width: 100%;
      height: 46px;
  }




  input:focus-visible{
    outline: none;
  }

  #myDIV35,
  #myDIV34,
  #myDIV33,
  #myDIV32,
  #myDIV31{
    display: none;
      margin-top: -30px;
      box-shadow: 0px 0px 7px 0px rgb(183 180 180 / 75%);
      padding: 10px;
  }

  #myDIV35 input,
  #myDIV34 input,
  #myDIV33 input,
  #myDIV32 input,
  #myDIV31 input{
    width: 100%;
  }

  #myDIV35 label,
  #myDIV34 label,
  #myDIV33 label,
  #myDIV32 label,
  #myDIV31 label {
      left: 2px;
      font-size: 11px;
  }

  #myDIV35 input,
  #myDIV34 input,
  #myDIV33 input,
  #myDIV32 input,
  #myDIV31 input{
    border: 1px solid #ddd;
      padding: 10px;
      border-radius: 5px;
      font-size: 14px;
      color: #333;
      width: 100%;
      /*height: 46px;*/
  }





















  .form-group label#tolerance {
    position: relative;
    cursor: pointer;
    bottom: 0;
  }

  .form-group label#tolerance:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #55c57a;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }

  .form-group input#tolerance-label:checked + label#tolerance:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #55c57a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  label.tolerance-label{
    bottom: 0;
    left: 0;
    line-height: 20px;
    margin-bottom: 0px;
  }

  /*#content{
    display: none;
  }*/


  button.add-city {
      border: 1px solid green;
      background-color: green;
      padding: 3px 10px 5px;
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      border-radius: 5px;
      margin-right: 5px;
  }

  button.remove-button {
      border: 1px solid red;
      background-color: red;
      padding: 3px 13px 5px;
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      border-radius: 5px;
      margin-right: 5px;
  }

  .tabbox input[type=date]{
      height: 46px;
  }





.login-modal-box .input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.login-modal-box .icon {
      padding: 15px;
    background: #1f83ff;
    color: white;
    min-width: 46px;
    text-align: center;
    border-radius: 5px 0 0 5px;
}

.login-modal-box .input-field {
      width: 100%;
    padding: 10px;
    outline: none;
    border: none;
}

.login-modal-box .input-field:focus {
  border: 2px solid #eee;
}
































  /****************EXCLUSIVE SECTION**************/

  .exclusive-section{
    padding: 70px 0
  }

  .exclusive-section h4{
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #1F83FF;
    margin-bottom: 5px;
  }

  .deal-content{
    margin-bottom: 25px;
  }

  .deal-item{
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;

  }

  .deal-item img{
    height: 200px;
    margin-bottom: 10px;
  }

  .deal-item h5{
        font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 10px;
  }


  .deal-item h5 a{
    color: #000;
    text-decoration: none;
  }

  .deal-item h5 a:hover{
    color: #1F83FF;
  }

  .deal-item p{
    margin-bottom: 10px;
  }

  .deal-item a.claim-now{
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
  }

  .deal-item a.claim-now:hover{
    color: #1F83FF;
  }

.exclusive-section .owl-nav span.fa.fa-angle-left {
    position: absolute;
    top: 50%;
    background-color: #000;
    padding: 5px 10px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
}
  .exclusive-section .owl-dots{
    display: none;
  }

.exclusive-section .owl-nav span.fa.fa-angle-right {
    position: absolute;
    top: 50%;
    right: 10px;
    background-color: #000;
    padding: 5px 10px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
}




  /*************************/

  .experience-section{
    padding: 70px 0;
    background-color: #D9D9D9;
  }

  .experience-section h4{
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #1F83FF;
    margin-bottom: 5px;
  }

  .experience-box{
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 7px 0px rgb(183 180 180 / 75%);
    border-radius: 5px;
  }

  .experience-section img{
    height: 150px;
    width: 150px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
        border-radius: 50%;
    object-fit: cover;
  }

  .experience-section h5{
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-bottom: 10px;
    height: 60px;
  }

  .experience-section h5 a{
    color: #000;
    text-decoration: none;
  }

  .experience-section h5 a:hover{
    color: #1F83FF;
  }

  p.exper-content{
    margin-bottom: 10px;
  }

  .experience-box p{
    margin-bottom: 0px;
  }


  /********************TESTIMONIALS*****************/

  .testimonials{
    padding: 70px 0;
    background-color: #D9D9D9;
  }


  .testimonials h4{
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #1F83FF;
    margin-bottom: 5px;
  }

  p.testi-content{
    margin-bottom: 10px;
  }

  .testimonials h6{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
  }

  .testimonials i.fa.fa-star{
    font-size: 14px;
    margin-bottom: 15px;
    color: #FFA033;
  }



  .shadow-effect {
          background: #fff;
          padding: 20px;
          border-radius: 4px;
          text-align: center;
    border:1px solid #ECECEC;
          box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
      }
      #customers-testimonials .shadow-effect p {
          font-family: inherit;
          font-size: 17px;
          line-height: 1.5;
          margin: 0 0 17px 0;
          font-weight: 300;
      }
      .testimonial-name {
          margin: -17px auto 0;
          display: table;
          width: auto;
          background: #1F83FF;
          padding: 9px 35px;
          border-radius: 12px;
          text-align: center;
          color: #fff;
          box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
      }
      #customers-testimonials .item {
          text-align: center;
          padding: 20px;
          margin-bottom:40px;
          opacity: .2;
          -webkit-transform: scale3d(0.8, 0.8, 1);
          transform: scale3d(0.8, 0.8, 1);
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
      }
      #customers-testimonials .owl-item.active.center .item {
          opacity: 1;
          -webkit-transform: scale3d(1.0, 1.0, 1);
          transform: scale3d(1.0, 1.0, 1);
      }
      .testimonials .owl-carousel .owl-item img {
              transform-style: preserve-3d;
            width: 90px !important;
            margin: 0 auto 17px;
            border-radius: 50%;
            height: 90px;
      }
      #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
  #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
          background: #1F83FF;
          transform: translate3d(0px, -50%, 0px) scale(0.7);
      }
  #customers-testimonials.owl-carousel .owl-dots{
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  #customers-testimonials.owl-carousel .owl-dots .owl-dot{
    display: inline-block;
  }
      #customers-testimonials.owl-carousel .owl-dots .owl-dot span {
          background: #1F83FF;
          display: inline-block;
          height: 20px;
          margin: 0 2px 5px;
          transform: translate3d(0px, -50%, 0px) scale(0.3);
          transform-origin: 50% 50% 0;
          transition: all 250ms ease-out 0s;
          width: 20px;
      }


  /***********UNLUCK SECTION*************/

  .unluck-section{
    padding: 70px 0;
    background-color: #1F83FF;
  }

  .unluck-section h4{
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
  }

  .unluck-section p{
    margin-bottom: 20px;
    color: #fff;
  }

  a.btn.btn-signup{
    border: 1px solid #FFA033;
    background-color: #FFA033;
    padding: 14px 35px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
  }

  a.btn.btn-signup:hover{
    border: 1px solid #FFA033;
    background-color: #FFA033;
    color: #fff;
  }
  
  button.btn.btn-signup{
    border: 1px solid #FFA033;
    background-color: #FFA033;
    padding: 14px 35px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
  }

  button.btn.btn-signup:hover{
    border: 1px solid #FFA033;
    background-color: #FFA033;
    color: #fff;
  }

  /**************FOOTER***************/

  .top-footer{
    padding-top: 40px;
  }

  .top-footer h4{
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
  }

  .footer-left h6{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
  }

  .footer-left img{
    width: 130px;
    margin-bottom: 10px;
  }

  .footer-left p{
    margin-bottom: 4px;
  }

  .footer-left p a{
    color: #000;
    text-decoration: none;
  }

  .footer-left ul{
    padding: 0px;
    margin: 0px;
  }

  .footer-left ul li{
    list-style-type: none;
    display: inline-block;
    padding-right: 15px;
  }

  .footer-left ul li a i{
    font-size: 16px;
    color: #000;
  }

  .quicks ul{
    padding: 0px;
    margin: 0px;
  }

  .quicks ul li{
    list-style-type: none;
    padding-bottom: 10px;
  }

  .quicks ul li a{
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
  }

  .quicks ul li a:hover{
    color: #1F83FF;
  }

  .associate ul{
    padding: 0px;
    margin: 0px;
  }

  .associate ul li{
    list-style-type: none;
    display: inline-block;
    padding-right: 10px;
  }

  .associate ul li a img{
    width: 50px;
    height: 50px;
  }

  .bottom-footer{
    border-top: 2px solid #eee;
    padding: 20px 0;
    margin-top: 40px;
    text-align: center;
  }

  .bottom-footer p{
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0px;
  }

  .bravo-testimonial img{
      width: 100px;
      height: 100px;
  }

  /************MEDIA QUERY***********/


  @media(max-width: 767px){
      .banner-section .overlay,
      .banner-section{
          height: 550px;
      }
      .adult-input,
      .flight-book-section .tabbox .select2-container{
          margin-bottom: 0px;
      }
      .flight-book-section .tabbox{
          margin-top: 0px;
      }
      .flight-book-section{
          padding-top: 60px;
      }
      .text-gray-1{
          margin-bottom: 40px;
      }
  }

  @media(max-width: 650px){
      .flight-book-section .tabbox .nav-tabs .nav-link{
          padding: 10px 20px;
      }
  }

  @media(max-width: 600px){
      .banner-section .overlay, .banner-section {
          height: 400px;
      }
      .banner-title{
          margin-top: 10%;
      }
      .banner-section h1 {
          font-size: 30px;
          line-height: 35px;
          margin-bottom: 5px;
      }

      .flight-book-section .tabbox {
        margin-top: -210px;
    }
  }

  @media(max-width: 575px){
      .banner-section .overlay, .banner-section {
          height: 300px;
      }
      .banner-title{
          margin-top: 5%;
      }
      .flight-book-section .tabbox{
          padding: 15px;
      }
      .flight-book-section .tabbox h4 {
          font-size: 20px;
          line-height: 24px;
          margin-bottom: 10px;
      }
      .flight-book-section .tabbox .nav-tabs{
          margin-bottom: 0px;
      }
      .flight-book-section .tabbox .nav-tabs .nav-link{
          font-size: 14px;
          line-height: 18px;
      }
      button.btn.btn-primary {
          padding: 10px 20px;
          font-size: 14px;
          line-height: 18px;
      }
      .bravo-featured-item h5 {
          margin-top: 20px;
          margin-bottom: 10px !important;
      }
      /*.bravo-featured-item.style_2.border-bottom h5{*/
      /*    margin-bottom: 40px !important;*/
      /*}*/
      .gradient-overlay-half-bg-dark{
          padding: 30px 0 !important;
      }

      .gradient-overlay-half-bg-dark h6{
          font-size: 20px;
          line-height: 26px;
          margin-bottom: 0px !important;
      }
      .space-1, .space-top-1{
          padding-top: 0px !important;
      }
      .flight-book-section {
          padding-top: 30px;
      }
      .text-gray-1 {
            margin-bottom: 5px;
        }
      .bravo-featured-item .col-lg-4.pb-4.pb-lg-0 {
          max-width: 50%;
      }
      .bravo-featured-item img.img-fluid.pb-5{
          padding-bottom: 0px !important;
          width: 100px;
          height: 100px;
      }
      iframe {
          height: 300px;
      }
      .bravo-box-category-tour img{
          height: 300px;
          object-fit: cover;
      }
      h1{
          font-size: 20px !important;
          line-height: 26px !important;
      }
      .bravo-list-news h2,
      .bravo-destination h2,
      .bravo-list-all-service h2,
      .bravo-featured-item h2,
      .bravo-testimonial h2{
          font-size: 20px;
          line-height: 26px;
      }
      .bravo_wrap .page-template-content .bravo-box-category-tour .list-item .item .text-title{
          font-size: 18px;
      }

      .flight-book-section .tabbox {
        margin-top: -125px;
    }

    .banner-section .overlay {
        padding-top: 80px;
    }
    .unluck-section{
        text-align: left;
    }
  }

  @media(max-width: 400px){
      .bravo-featured-item .col-lg-4.pb-4.pb-lg-0 {
          max-width: 50%;
      }
  }

  @media(max-width: 390px){
      .flight-book-section .tabbox .nav-tabs .nav-link {
          padding: 10px 12px;
      }
  }

  @media(max-width:350px){
      .flight-book-section .tabbox .nav-tabs .nav-link {
          font-size: 12px;
          line-height: 16px;
      }
  }



  /* popup box */




.login-modal-box .modal-dialog {
    max-width: 1000px;
    margin: 10rem auto;
}

.login-modal-box .modal-body{
  padding: 0px;
}

.login-modal-box .modal-body .row{
  margin-left: 0px;
  margin-right: 0px;
}

.login-modal-box .login-left{
  background-color: #1F83FF;
  padding: 150px 40px;
  text-align: center;
}

.login-modal-box .login-left p{
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}

.modal-header{
    padding: 0px;
}

.login-modal-box .login-right{
  padding: 40px;
}

.login-modal-box .login-right h4{
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  color: #525252;
  text-align: center;
    margin: 0 auto;
    display: block;
  margin-bottom: 25px;
}

.login-modal-box .login-right label.name {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    position: relative;
      bottom: -11px;
      left: 20px;
      font-size: 12px;
      background-color: #fff;
      line-height: 2px;
      font-weight: 600;
      z-index: 9;
}

a.btn.btn-google{
    border: 1px solid #db4a39;
    background-color: #db4a39;
    padding: 14px 18px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: 100%;
}

a.btn.btn-google i{
    padding-right: 5px;
    float: left;
    position: relative;
    top: 2px;
}

.login-modal-box .login-right input.form-control {
    border: 1px solid #eee;
    padding: 10px;
    height: 44px;
    font-size: 14px;
    margin-bottom: 20px;
}

.login-modal-box .login-right label{
  font-size: 12px;
}

p.pass{
  display: inline-block;
  float: right;
}

p.pass a{
  font-size: 12px;
  color: #DD225D;
  text-decoration: none;
}

.login-modal-box .login-right button.btn.btn-login {
    border: 1px solid #1F83FF;
    background-color: #1F83FF;
    padding: 12px 18px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #fff !important;
    width: 100%;
    /*max-width: 120px;*/
    text-transform: uppercase;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.login-modal-box .login-right h6{
  margin-bottom: 15px;
}

.login-modal-box .login-right h6 a.google{
  font-size: 14px;
  color: #ccc;
  line-height: 30px;
  text-decoration: none;
}

.login-modal-box .login-right h6 a.google i{
    font-size: 40px;
    position: relative;
    top: 10px;
    margin-right: 10px;
    color: #db4a39;
}

p.create{
  font-size: 14px;
  color: #777;
  margin-bottom: 0px;
}

p.create a{
  float: right;
  color: #DD225D;;
  text-decoration: none;
}

.login-right-new{
  padding: 40px;
}

.login-right-new p{
      font-size: 24px;
    line-height: 32px;
    color: #333;
}

.login-left-new{
  padding: 0px;
}

.login-left-new img{
    width: 100%;
    height: 405px;
    object-fit: cover;
}

/* dropdown menu */



.navbar-expand-lg .navbar-nav .dropdown-menu{
    padding: 0px;
    border-radius: 0px;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
      font-size: 15px;
      font-weight: 600;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover{
    color: #1F83FF;
  }

  .dropdown-item.active, .dropdown-item:active {
      color: #333;
      text-decoration: none;
      background-color: #eee;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item span{
    float: right;
  }

  .nav-item .submenu{
    top: -3px !important;
  }






.control{
    display: inline-block !important;
    float: right;
    text-align: right;
}

.control .item .dropdown,
.control .item .item-title,
.control .item{
    display: inline-block !important;
    margin-left: 20px;
}
  

































  @media (min-width: 992px){
    .dropdown-menu .dropdown-toggle:after{
      border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }
    .dropdown-menu .dropdown-menu{
      margin-left:0; margin-right: 0;
    }
    .dropdown-menu li{
      position: relative;
    }
    .nav-item .submenu{
      display: none;
      position: absolute;
      left:100%; top:-7px;
    }
    .nav-item .submenu-left{
      right:100%; left:auto;
    }
    .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .submenu{
      display: block;
    }
  }

/*  a.btn.btn-login-new {*/
/*    display: none;*/
/*    position: absolute;*/
/*    top: -41px;*/
/*    right: 65px;*/
/*    border: 1px solid #1F83FF;*/
/*    background-color: #1F83FF;*/
/*    padding: 8px 14px;*/
/*    font-size: 14px;*/
/*    line-height: 18px;*/
/*    font-weight: 600;*/
/*    color: #fff;*/
/*    margin-top: 5px;*/
/*}*/

/*a.btn.btn-login-new:hover{*/
/*    border: 1px solid #1F83FF;*/
/*    background-color: #1F83FF;*/
/*    color: #fff;*/
/*}*/

a.btn.btn-login-new{
    display: none;
    position: absolute;
    top: -33px;
    right: 70px;
    padding: 0px;
}

a.btn.btn-login-new img{
    width: 30px;
}

/**********MOBILE MENU***********/

.clickmenus{
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    top: -35px;
    right: 15px;
    color: #fff;
    z-index: 99;
    display: inline-block;
    float: left;
    display: none;
    background-color: #1F83FF;
    padding: 5px 10px;
    border-radius: 5px;
}

.clickmenus h6{
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #dc3545;
    text-transform: uppercase;
    float: right;
    margin-left: 10px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: #1F83FF;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 20px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #222;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #fff;
}

.sidenav .closebtn {
  position: absolute;
    top: 5px;
    right: 11px;
    font-size: 50px;
    margin-left: 50px;
    z-index: 9999;
    padding: 0px;
    color: #fff;
}

@media screen and (max-height: 450px) {
  .sidenav a {font-size: 18px;}
}


.sidenav .card{
    background-color: transparent;
    border: none;
}


.card-header{
  background-color: transparent;
  border-bottom: 1px solid #eee;
}

.sidenav .card-body{
    padding: 0 10px;
}

.mobile-menus ul{
    padding: 0px;
    margin: 0px;
}

.mobile-menus ul li{
    list-style-type: none;
}

.mobile-menus ul li a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    padding: 14px 20px;
    border-bottom: 1px solid #198bb3;
}

.sidenav .card-body ul li a {
    font-size: 12px;
}


.sidenav .card-body ul li a:hover {
    color: #fff;
    font-size: 12px;
    background-color: transparent;
}

.mobile-menus ul li a i.fa{
    float: right;
}



button.btn.btn-primary.d-flex.align-items-center.justify-content-center.height-60.w-100.mb-xl-0.mb-lg-1.transition-3d-hover.font-weight-bold.btn-primary{
    float: none;
}

img.card-img-top{
    height: 200px;
}




















@media(max-width: 991px)
{
  .clickmenus{
    display: block;
  }

  .shadow-img{
    display: none;
  }

  .navbar-light .navbar-brand{
    display: block;
  }

  .navbar-toggler-icon{
    display: none;
  }

  nav.navbar.navbar-expand-lg.navbar-light{
    height: 38px;
  }

  .navbar-light .navbar-toggler{
    display: none;
  }
}

@media (max-width: 991px){
    .experience-section h5{
        height: auto;
    }
    .experience-box{
        margin-bottom: 30px;
    }
    .deal-item img {
        height: 320px;
    }
    header {
      padding: 15px 0;
  }
  .navbar-light .navbar-brand img {
    margin-top: -8px;
  }
  a.btn.btn-login-new {
    display: block;
  }
}

@media (max-width: 768px){
  .deal-item img {
    height: 240px;
  }
  .modal-open .modal {
    padding: 10px !important;
  }
}

@media (max-width: 767px){
  .top-footer h4 {
    margin-bottom: 5px;
    margin-top: 20px;
  }
  .login-modal-box .login-left {
    padding: 30px 20px;
}
  .login-modal-box .modal-dialog {
        max-width: 1000px;
        margin: 4rem auto;
    }
    .login-modal-box .login-right {
        padding: 20px;
    }
}

@media (max-width: 600px){
  .deal-item img {
    height: 160px;
  }
  img.card-img-top {
    height: auto;
  }
  .navbar-light .navbar-brand img {
    width: 90px;
}
}

@media (max-width: 575px){
  .deal-item img {
    height: 170px;
    object-fit: cover;
  }
  .testimonials h4,
  .experience-section h4,
  .exclusive-section h4 {
    font-size: 24px;
    line-height: 30px;
  }
  .exclusive-section .owl-nav span.fa.fa-angle-left,
  .exclusive-section .owl-nav span.fa.fa-angle-right{
      top: 40%;
  }
  .experience-section .col-12.col-sm-6.col-md-6.col-lg-3 {
    max-width: 50%;
  }
  .experience-section img {
    height: 120px;
    width: 120px;
    }
    .login-modal-box .login-right button.btn.btn-login{
        max-width: 100%;
    }
    .deal-item{
        min-height: 350px;
    }
    .experience-box{
        min-height: 365px;
    }
}

@media (max-width: 450px){
  .deal-item img {
      height: 140px;
  }
  .exclusive-section .owl-nav span.fa.fa-angle-left, .exclusive-section .owl-nav span.fa.fa-angle-right {
    top: 33%;
    }
    .deal-item h5{
        height: auto;
    }
}

@media(max-width: 400px){
    
  .experience-section .col-12.col-sm-6.col-md-6.col-lg-3 {
    max-width: 100%;
  }
  .deal-item img {
    height: 190px;
}
}

@media (max-width: 340px){
  a.btn.btn-login-new {
    padding: 8px 10px;
  }
}


#myDIV35 .row,
#myDIV34 .row,
#myDIV33 .row,
#myDIV32 .row,
#myDIV31 .row,

#myDIV3 .row,
#myDIV3-two .row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#myDIV3 .row .col-md-4,
#myDIV35 .row .col-md-4,
#myDIV34 .row .col-md-4,
#myDIV33 .row .col-md-4,
#myDIV32 .row .col-md-4,
#myDIV31 .row .col-md-4,
#myDIV3 .row .col-md-4,
#myDIV3-two .row .col-md-4{
  padding-left: 5px !important;
  padding-right: 5px !important;
}


.mobile-menus ul li{
    list-style-type: none;
}

.mobile-menus ul li a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    padding: 14px 20px;
    border-bottom: 1px solid #198bb3;
}



@media(max-width: 1400px){
    .login-modal-box .modal-dialog {
        max-width: 1000px;
        margin: 1rem auto;
        margin-bottom: 0px !important;
    }
    .login-modal-box .login-right h4{
        margin-bottom: 5px;
        font-size: 30px;
        line-height: 34px;
    }
    .login-modal-box .login-right input.form-control{
        margin-bottom: 0px;
    }
    .login-modal-box .form-group {
        margin-bottom: 10px;
    }
}








/**************INSIDE PAGE CSS***********/


.bravo_banner{
    background-color: #eee;
}

.bravo_single_book .nav-enquiry {
    background: #f9f9f9;
    border-bottom: 1px solid #d7dce3;
    display: flex;
    padding: 20px;
}

.bravo_single_book .nav-enquiry .enquiry-item {
    flex: 0 0 50%;
    text-align: center;
}

.bravo_single_book .nav-enquiry .enquiry-item.active span {
    border-bottom: 1px solid #5191fa;
    color: #5191fa;
}

.bravo_single_book .nav-enquiry .enquiry-item span {
    border-bottom: 1px solid transparent;
    color: #1a2b4e;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
}




/**new css**/


.customselect .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
  }

  .customselect .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #000;
      width: 100%;
      height: 44px;
      border-radius: 5px;
  }

  .customselect .select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 8px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-radius: 5px;
    border: 1px solid #ddd;
  }
  .customselect .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
  }
  /*.customselect .select-styled:hover {
    background-color: #b83729;
  }
  .customselect .select-styled:active, .select-styled.active {
    background-color: #ab3326;
  }*/
  .customselect .select-styled:active:after, .select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #000 transparent;
  }

  .customselect .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #eee;
  }
  .customselect .select-options li {
    margin: 0;
    padding: 5px 0;
    text-indent: 15px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
  }
  .customselect .select-options li:hover, .select-options li.is-selected {
    color: #000;
    background: #fff;
  }
  .customselect .select-options li[rel="hide"] {
    display: none;
  }

  /*new css end*/


.bravo-more-book-mobile{
    display:none;
}







/******************FAQS PAGE START HERE*******************/

.faqs-section{
    padding: 70px 0;
    position: relative;
    margin-top: 107px;
}

.faqs-section h1{
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

.faqs-section .accordion-container{
    position: relative;
    max-width: 100%;
    width: 100%;
    float: left;
  
  }
.faqs-section .accordion-container > h2{
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
  }
.faqs-section .set{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #f1f5f7;
    box-shadow: 0 5px 1px -3px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 5px 1px -3px rgba(0,0,0,.15);
    -moz-box-shadow: 0 5px 1px -3px rgba(0,0,0,.15);
    -ms-box-shadow: 0 5px 1px -3px rgba(0,0,0,.15);
      margin-bottom: 10px;
  }
.faqs-section .set > a{
    display: block;
    font-size: 18px;
    padding: 18px 30px;
    font-family: var(--font-family);
    text-decoration: none;
    color: #282828;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    transition:all 0.2s linear;
  }
.faqs-section .set > a i{
    float: right;
    margin-top: 2px;
  }
.faqs-section .set > a.active{
    background: #000;
    color: #fff;
  }
.faqs-section .set .content{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display:none;
  }
.faqs-section .set .content p{
    padding: 10px 15px;
    margin: 0;
    color: #333;
  }

/**********MICE PAGE START HERE**********/

.mice-section{
  padding: 60px 0;
}

.mice-section img{
  width: 100%;
}

.mice-section h4{
  font-size: 30px;
  line-height: 34px;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
}

.mice-row{
  border-bottom: 1px solid #ddd;
  padding-bottom: 40px;
  margin-bottom: 40px;
}