.upload-logo{
    max-width: 60px;
    max-height:60px;
    object-fit: cover;
}

.first_sec{
                background-size: cover;
                background-repeat: no-repeat;
                height: unset !important;
                background-attachment: fixed;
                animation: changeBg 25s linear infinite;
            }
            @keyframes changeBg{
                20% {background-image: url('<?=base_url() . 'assest/doc_uploads/' .$wl[0]->home_back ;?>');}
                50% {background-image: url('<?=base_url() . 'assest/doc_uploads/' .$wl[0]->home_back ;?>');}
            }
            .first_sec:hover{
                animation-play-state: paused;
            }
      
             #find_id input:invalid{
             border:1px solid red !important;
             animation :shake 0.2s 2;
             }
             @keyframes shake{
             25%{
             translate:6px 0;
             }
             50%{
             translate:-6px 0;
             }
             75%{
             translate:6px 0;
             }
             }
             
             /************flighht*********/
             .searchlistcls {
                overflow: auto;
                max-height: 300px;
                overflow-y: scroll;
                border: 1px solid #ced4da;
                position: absolute;
                z-index: 1;
                margin-top: 0;
                background: #fff;
            }
            
            .searchlistcls ul {
                list-style: none;
                padding-left: 0px;
                margin-bottom: 0px;
            }
            
            .searchlistcls ul li {
                padding: 5px;
                margin-left: 2px;
                border-top: 1px solid #ced4da;
            }
            
            
            .searchlistcls ul li a {
                text-decoration: none;
                color: black;
            }
            .hidden{
                display:none;
            }
            
            .error
            {
                color:red !important;
            }
            
            .fl_cal {
                background: #F9F9F9 url('https://bharatvle.co.in/flight_booking/assets/img/cal2.jpg') no-repeat 98% 8px !important;
            }
            
             #checkin
            {
                background-image: url(https://i.imgur.com/u6upaAs.png);
                background-repeat: no-repeat;
                padding-left: 5px;
                background-position: right;
            }
             #checkout
            {
                background-image: url(https://i.imgur.com/u6upaAs.png);
                background-repeat: no-repeat;
                padding-left: 5px;
                background-position: right;
            }
            .hidden{
                display:none !important;
            }







.login-form img, .login-form-modal img {
    width: 5.8rem;
}
.login-form, .login-form-modal{
    /*background: #00000059;*/
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, 
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 5%;
}
.social-icon img{
    width: 2rem;
    background: #f1f1f1;
    padding: 0.2rem;
    border-radius: 10%;
}
/*.logo img {*/
/*    width: 3.5rem;*/
/*}*/


.button-30 {
    align-items: center;
    appearance: none;
    /*background-color: #FCFCFD;*/
    border-radius: 4px;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
    box-sizing: border-box;
    color: #f1f1f1;
    cursor: pointer;
    display: inline-flex;
    font-family: "JetBrains Mono",monospace;
    height: 42px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 18px;
  }
  
  .button-30:hover {
    box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    transform: translateY(-2px);
  }
  .para{
    font-family: cursive;
  }
  
.button-34 {
  background: #5E5DF0;
  border-radius: 0 20px;
  box-shadow: #5E5DF0 0 10px 20px -10px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Inter,Helvetica,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  opacity: 1;
  outline: 0 solid transparent;
  padding: 8px 18px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: fit-content;
  word-break: break-word;
  border: 0;
}
.footer-mob{
    display: none;
}

.button-85 {
  padding: 0.6em 2em;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-85:before {
  content: "";
  background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 10px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.travel-sec-form label {
    color: #111;
    font-weight: 600;
    font-size: 0.8rem;
    margin-bottom: 0;
}
.travel-sec-form .form-control, .travel-sec-form .form-select {
    border-radius: 0 !important;
    border: 1px solid #ffad06 !important;
}
.nav-pills .navitm .nav-link.active, .nav-pills .show>.nav-link {
    padding: 0.3rem 1rem !important;
    background: linear-gradient(to right, rgb(117, 127, 154), rgb(215, 221, 232)) !important;
    color: #111 !important;
    font-weight: bold !important;
    letter-spacing: 0.1rem;
}
.travel-ico img{
    width: 1.5rem;
}
.travel-ico{
    padding: 0.3rem 1rem !important;
    background: linear-gradient(to right, rgb(117, 127, 154), rgb(215, 221, 232)) !important;
    color: #111 !important;
    font-weight: bold !important;
    letter-spacing: 0.1rem;
}


.travel-icon{
    border-radius: 0.5rem;
    border: 0.5rem solid #f1f1f1;
    margin-top: -1.2rem;
}
.travel-ico-bg{
    padding: 0.5rem 1rem;
    background : orange;
    border-radius: 0.5rem;
}
.travel-icon img{
    width: 1.8rem;
    height: 1.8rem;
}

.button-85:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #222;
  left: 0;
  top: 0;
  border-radius: 10px;
}
.oval-bg{
    /*border-radius: 0 0 50% 50%;*/
    padding-bottom: 1rem; 
}
.border-img{
    margin-top: -4rem;
}

.custom-form .input-group{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
    margin-bottom: 1rem;
    border-radius: 5px;
    background: #fff;
    
}
.custom-form .form-control{
    display: block;
    width: 100%;
    padding: 0.6rem 0.5rem !important;
    font-size: 0.85rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*border-radius: 10rem !important;*/
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: serif !important;
}
.custom-form .form-control:focus{
    box-shadow: none !important;
}
.custom-form .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.6rem 0.6rem !important;
    font-size: 0.85rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    /*background-color: transparent !important;*/
    background-image: linear-gradient(140deg, #ff7e5f 0%, #feb47b 50%);
    border: none;
    border-radius: 0.25rem;
    width: 2rem;
}
.custom-form .note{
    font-size: 0.75rem;
    font-weight: 600;
    font-style: italic;
}
.custom-modal .modal-header{
    background-image: linear-gradient(140deg, #43cea2 0%, #ff7e5f 50%);
    color: #fff;
}
.custom-modal .modal-body{
    background: #f2f3f0;
}

.button-73 {
  appearance: none;
  background-image: linear-gradient(140deg, #43cea2 0%, #ff7e5f 50%);
  border-radius: 40em;
  border-style: none;
  box-shadow: #FF63140 -12px 6px inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 0;
  outline: none;
  padding: 0.5rem 1rem;
  quotes: auto;
  text-align: center;
  text-decoration: none;
  transition: all .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-73:hover {
  background-image: linear-gradient(140deg, #fff 0%, #fff 50%);
  box-shadow: #ADCFFF 0 -6px 8px inset;
  transform: scale(1.125);
  color: #111;
}

.button-73:active {
  transform: scale(1.025);
}
.button-45 {
    align-items: center;
    background: linear-gradient(to right, #ff105f,#ffad06);
    background-position: 0 0;
    border: 1px solid #ff105f;
    border-radius: 11px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    line-height: 33.4929px;
    list-style: outside url(https://www.smashingmagazine.com/images/bullet.svg) none;
    padding: 2px 12px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-underline-offset: 1px;
    transition: border .2s ease-in-out,box-shadow .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    word-break: break-word;
}

@media (min-width: 768px) {
  .button-73 {
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
  }
}

@media only screen and (max-width: 768px) {
  body {
    padding-bottom: 5rem;
  }
  .button-30{
      font-size: 0.7rem;
      padding: 0.5rem;
      height: unset;
  }
  .first_sec{
      height: unset;
  }
  .login-form{
      display: none !important;
  }
  .nav-bar .justify-content-end{
      display: none !important;
  }
  .footer-mob {
      display: block;
      position: fixed;
      z-index: 100;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: #fff;
      text-align: center;
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.75), 0 -1px 10px rgba(0,0,0,0.75);
      font-size: 0.8rem;
      font-weight: 600;
      border-radius: 1rem 1rem 0 0;
    }
    .footer-mob .ico{
        font-size: 1.5rem;
        padding: 0.3rem 0.6rem;
        border-radius: 10%;
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
        background-image: linear-gradient(#ff512f, orange);
        color: #fff;
    }
    .contact-img{
        width: 50% !important;
    }
    .button-34 {
        font-size: 0.7rem;
        padding: 0.5rem;
        line-height: unset;
    }
    .button-85 {
        font-size: 0.85rem;
        padding: 0.4em;
    }
    .oval-bg{
        /*border-radius: 0 0 10% 10%;*/
    }
    .border-img{
        margin-top: -2rem;
    }
    .first_sec {
      height: unset !important;
    }
    .search-btn{
        margin-top: 1rem;
    }
}