.quick-search-desktop .nav-tabs  {
  height: 80px;
}

.quick-search-desktop .nav-tabs li .signup {
  background-color:#0B76A4;
}

.quick-search-desktop .nav-tabs li .women-id {
  background-color: #FFFBFC;
}

.quick-search-desktop .nav-tabs li .women-id:hover,
.quick-search-desktop .nav-tabs li .women-id:focus,
.quick-search-desktop .nav-tabs li .women-id:active{
    background: transparent !important; 
    border-top: 1px solid #114e69 !important;
    color: #114e69 !important;
    border-right: 1px solid #114e69 !important;
    border-bottom: 1px solid #114e69 !important;
}

.quick-search-desktop .nav-tabs li .signup:hover,
.quick-search-desktop .nav-tabs li .signup:focus,
.quick-search-desktop .nav-tabs li .women-id:hover,
.quick-search-desktop .nav-tabs li .women-id:focus {
  background:#114e69;
 
}


.quick-search-desktop .nav-tabs li .women-id:focus {
  color: #fff;
}

.quick-search-desktop .panel-body.position-relative {
    width: 750px !important;
    z-index: 2;
    background: #ffff;
    box-shadow: -14px 8px 40px 12px rgba(181, 176, 177, 0.20);
    border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
}

.quick-search-desktop .panel {
  box-shadow: none;
}

.quick-search-desktop .filters {
  margin-right: 25px;
    width: 180px;
}


.quick-search-desktop .tabs {
     margin-top: 70px;
}



.quick-search-desktop  .input-container button  {
  width: 232px;
}


.quick-search-desktop .backdrop {
  border-radius: 0;
}

@media (min-width: 1440px) {

  .quick-search-desktop {
    padding-top: 10px;
  }
  .quick-search-desktop .tabs {
    margin-top: 45px;
  }
}



.quick-search-desktop .intro-yt-thumbnail a {
  height: 505px;
  margin-left: 20px;
  display: inline-block;
}


.quick-search-desktop .panel-body button:hover {
  border: 1px solid #0b76a4 !important;
    background: transparent !important;
    color:#0b76a4 !important;

}


.quick-search-desktop .active {
  background: transparent !important;
}


.quick-search-desktop  i.fa-solid.fa-certificate {
      color: #118ebf82;
    }

.quick-search-desktop .input-container {
  width:98%;
}

  .parent-div {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 2fr;
    grid-template-rows: repeat(3, 1fr);
    align-items: center;
  }

  .div1 {
    grid-area: 1 / 1 / 2 / 2;
  }

  .div2 {
    grid-area: 1 / 2 / 2 / 3;
  }

  .div3 {
    grid-area: 1 / 3 / 2 / 4;
  }

  .div4 {
    grid-area: 1 / 4 / 2 / 5;
  }

  .div5 {
    grid-area: 2 / 1 / 3 / 2;
  }

  .div6 {
    grid-area: 2 / 2 / 3 / 3;
  }

  .div7 {
    grid-area: 2 / 3 / 3 / 4;
  }

  .div8 {
    grid-area: 2 / 4 / 3 / 5;
  }

  .div9 {
    grid-area: 3 / 1 / 4 / 2;
  }

  .div10 {
    grid-area: 3 / 2 / 4 / 5;
  }

  .div11 {
    grid-area: 4 / 1 / 5 / 5;
  }

  .div12 {
    grid-area: 5 / 1 / 6 / 5;
  }

  .div12 p {
    text-underline-offset: 1rem;
    /* text-decoration: underline #e6ecd1; */
  }

  
  .div12 p strong a:hover {
    text-decoration: underline #6b7385;
  }
 
  .quick-search-form {
    background: #ffff;
    margin-top: 265px;

  }


  @media (min-width: 712px) {
  .quick-search-form {
    margin-top: 270px;
    }
 }

  @media (min-width: 1024px) {
   .quick-search-form {
    margin-top: 232px;
   }
  }

  @media (min-width: 1280px) {
    .quick-search-form {
      margin-top: 200px;
    }
  }

  @media (min-width: 1440px) {
   .quick-search-form {
    max-width: 100%;
    margin-top: 215px;
   }
  }


  .quick-search-form h1 {
    text-align: center ;
    font-size: 24px !important;
  }

  @media (min-width: 1024px) {
    .quick-search-form h1 {
      font-size: 30px !important;
    }
  }

  @media (min-width: 1440px) {
    .quick-search-form h1 {
      font-size: 35px !important;
     
    }

  }


  .yt-thumb-wrapper {
    width: 100%;
  }


  @media (min-width: 1440px) {
    .yt-thumb-wrapper {
      width: 90%;
    }
  }

  .backdrop {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: #f1fafe;
  }




  @media (min-width: 1024px) {
    .backdrop {
      padding-inline: 30px;
    }
  }


  .input-container {
    position: relative;
    display: flex;
    width: 100%;
  }

  .input-container>button,
  .input-container .input {
    white-space: nowrap;
    display: block;
  }

  .input-container>button,
  .input-container .input:first-child {
    border-radius: 6px 0 0 6px;
  }

  .input-container>button,
  .input-container .input {
    border-radius: 0 6px 6px 0;
  }

  .input-container>button,
  .input-container .input {
    margin-left: -1px;
  }

  .input-container .input {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    width: 1%;
    margin-top: 0;
    margin-bottom: 0;
  }

  input#searchid::placeholder {
    color: #0b8bbe;
  }

  .input-container button {
    text-align: center;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 25px;
    color: #333;
    background: rgba(39, 39, 39, 0.50);
    border: 2px rgba(39, 39, 39, 0.50);
    font-weight: bold;
    transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;

  }

  .input-container:focus-within>button {
    color: #fff;
    background-color: #006847;
    border-color: #006847;
  }

  .input {
    display: block;
    width: 100%;
    padding: 8px 16px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    border-radius: 6px;
    -webkit-appearance: none;
    color: #0d5d7f;
    border: 2px rgba(39, 39, 39, 0.50);
    background: #fff;
    transition: border 0.3s ease;
  }

  .input::placeholder {
    color: #0d5d7f;
  }

  .input:focus {
    outline: none;
    border-color: #bde8fa;
  }

  .backdrop-input {
    backdrop-filter: blur(10px);
    transition: 0.3s ease-out;
  }


  button.primaryBGColor1.btn.bg-opacity-75 {
    background-color: transparent !important ;
    border: #0d5d7f solid 1px;
    color: #0d5d7f;

  }

  button.primaryBGColor1.btn.bg-opacity-75:hover {
    background-color: #0d5d7f !important;
    color: #fff ;
    border: none;
  }

  a.btn.bg-danger.bg-opacity-75.text-white:hover {
    background-color: transparent !important;
    border: 1px solid #CDD9ED;
    color: whitesmoke !important;
  }

  .or:before, .or:after {
    content: "";
    border-bottom: 1px solid #ddcdcd;
    display: inline-block;
    width: 2.5rem;
    margin-inline: 5px;
    position: relative;
    top: -3px;
  }


   hr {
    height: 1px !important;
    background: #042f42  !important;
    width: 100% !important;
    margin: 10px auto 0 !important;
}

  .or {
    color: #0B76A4 !important;
  }

  .vr-span span {
    height: 150px;
    width: 50px;
    display: inline-block;
    padding-top: 11.7rem;
  }

  .vr-span span:before {
    border-left: 1px solid #e6ecd1;
    content: "";
    display: block;
    height: 65px;
    left: 47px;
    position: absolute;
    top: 115px;
    width: 1px;
    z-index: 0;
  }

  .vr-span span:after {
    border-left: 1px solid #e6ecd1;
    content: "";
    display: block;
    height: 65px;
    left: 47px;
    position: absolute;
    top: 220px;
    width: 1px;
    z-index: 0;
  }

  a.btn.bg-opacity-75.text-white {
    background-color: #0B76A4;
    width: 100%;
    color: #ffff !important;
    font-size: 2rem !important;
  }

  
  .intro-video a.btn.bg-opacity-75.text-white strong {
      font-size: 2rem !important;
    }

  a.btn.bg-opacity-75.text-white .span.fs-3 {
    font-size: 2rem !important;
  }


  .intro-video .btn.bg-transparent {
    border: 1px solid #3c91b6; 
    color:#3c91b6;
    width: 100%;
    white-space: normal;
    font-size: 1.8rem !important;
    transition: all .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }


  .intro-video .btn.bg-transparent:hover {
    font-weight: 700 !important;
    color: #3c91b6 !important;
  }


  .intro-video .text-white.fs-5.text-lg-start.text-md-start.text-sm-center.text-center.lh-2.pt-lg-0.pb-2.px-lg-3 {
    font-size: .95rem !important;
    line-height: 1.3 !important;
    margin-block: 3px;
  }



  .text-dark.fs-2.text-lg-start.text-md-start.text-sm-center.text-center.pt-lg-0.pb-2.px-lg-5 {
    line-height:1.3 !important;
    padding-inline: 25px !important;
  }


  .intro-video .btn.active.focus, .intro-video  .btn.active:focus, .intro-video  .btn.focus, .intro-video  .btn:active.focus, .intro-video  .btn:active:focus,  .intro-video .btn:focus {
      font-weight: 700;
      outline: none;
  }


  button.primaryBGColor1.btn.active.focus,  button.primaryBGColor1.btn.active.focus.btn.active:focus, button.primaryBGColor1.btn.active.focus .btn.focus, button.primaryBGColor1.btn.active.focus .btn:active.focus, button.primaryBGColor1.btn.active.focus .btn:active:focus, .btn:focus {
    color: #0B76A4;
  }


  i.fa-solid.fa-certificate {
    color: #ff9aac;

  }
    
    .intro-video a {
      width: 100%;
    display: inline-block;
    margin-inline: auto !important;
    }


   

    .intro-video .center-block {
    
    border-radius: 10px;
    border: none !important;
    height: auto;
}
    
.intro-video .cta-buttons {
     
     width: 100%;
   }

   .yt-intro-thumb-desktop {
    width: 348px;
    height: 220px;
   }

   @media (min-width: 1280px) {
    .yt-intro-thumb-desktop {
      width: 420px;
    height: 220px;
    }
   }

   @media (min-width: 1440px) {

    .yt-intro-thumb-desktop {
    width: 380px;
    height: 222px;
}
   
   }


   @media (min-width: 1920px) {
    .yt-intro-thumb-desktop {
    width: 450px;
    height: 240px;
}
   }

@media (min-width: 1024px) {
      .intro-video a {
        width: 575px;
      }

      .intro-video .center-block {
        height: 340px;
      }
    }

    .row.d-flex.flex-column.flex-lg-row-reverse.mt-lg-3 .col-lg-5 {
      width: 37%;
    }

    .d-flex.flex-column.flex-lg-row.column-gap-2 .btn {
      padding: 11px 0;
    }

    .d-flex.flex-column.flex-lg-row.column-gap-2 .btn:hover {
      background: transparent;
    border: 1px solid #e73c5a;
    color: #e73c5a !important;
    
    }

    .d-flex.flex-column.flex-lg-row.column-gap-2 .bg-transparent:hover {
      border: 1px solid #3c91b6;
    color: #3c91b6 !important;
    font-weight:700;
    }

    a.fs-6.btn.bg-opacity-75.text-white.mb-0 {
      padding-block: 12px;
    }


    .text-white.fs-5.text-lg-start.text-md-start.text-sm-center.text-center.lh-2.pt-lg-0.pb-2 {
      line-height: 1.5;
    }

    a.fs-6.btn.bg-opacity-75.text-white.mb-0:hover {
      background-color: transparent;
      border: 1px solid #e6ecd1;
      color: #753737 !important;
    }

    a.fs-6.btn.bg-transparent.mb-0.d-flex.align-items-center.justify-content-center {
      font-size: .9rem !important;
    }

    a.fs-6.btn.bg-transparent.mb-0.d-flex.align-items-center.justify-content-center:hover {
      color: #fff !important;
    }

    
    .parent-div {
      grid-template-rows: repeat(4, 48px);
    }

    .intro-video .text-white.fs-5.text-lg-start.text-md-start.text-sm-center.text-center.lh-2.pt-lg-0.pb-2.px-lg-3 {
      font-size: 1.2rem !important;
    line-height: 1.5 !important;
    padding-left:  68px !important;
    }


    .intro-video .text-black.fst-italic.fs-3.text-lg-start.text-md-start.text-sm-center.text-center.mt-lg-3.pt-lg-0.pb-2.ps-lg-5 {
      font-size: 1.7rem !important;
    }


    small.featured.text-uppercase.fw-medium {
      position:relative;
      top:-18px;
    }


  .count, .featured {
    color: #520006;
  }



  .bottom.row {
    height: 280px;
  }


  .bottom-right.row {
    height: 100%;
  }



  .open-acct-btn:hover {
    background: #530505 !important;
    color: #ffff !important;

  }

  @media (min-width: 1024px) {
    .bottom.row {
      padding-top:10px;
    }
  }


  .bottom-left {
    position: relative;
    left: -12px;
  }

 

  .cta-card.left {
    background:linear-gradient(180deg, rgba(239, 152, 122, 0.53) 0%, #AE3A11 100%), url('/img/quick-search-bg-flip.png');
    background-repeat: no-repeat;
    background-size: cover;
  }



  .cta-card.right {
    background:linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, #FFC1AB 100%), url('/img/book-now-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
  }



  .cta-card .display-hover a   {

    width: 100%;
  
  }

  .cta-card a.quick-search-btn {
    background-color: #F36F2D;
    border: 1px solid #F36F2D !important;
    
 
 
  
  }

  .cta-card  a.book-now-btn {
    background-color: #530505;
    border: 1px solid #530505 !important;
    color: #ffff !important;
  
  }

  .cta-card {
    position:relative;
  
  }
  
.cta-card .hide-hover {
   opacity: 1 !important;
   transition: opacity .4s ease-out;

   
  }

  .cta-card .display-hover {
    
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transform: (0, 100px);
    transform: translate(0, 100px);
    opacity: 0;
    transition: opacity .4s ease-out;

  }



 

  .cta-card:hover .display-hover {
    opacity:1 !important;
   
  }

  .cta-card:hover .hide-hover {
    opacity: 0 !important;
  } 

  /*** Marquee logo ***/

  .featured__title {
    margin-top:38px;
  }


  @media (min-width: 1280px) {
    .featured__title {
      margin-top: 0px;
    }
  }
  @media (min-width:1440px) {
    .featured__title {
      margin-top: 80px;
    }
  }


  .marquee {
  width: 100%;
  pointer-events: none;
  overflow: hidden;
 
}

.marquee__wrapper {
    position: absolute;
    right: 0;
    left: 0;
    width: 1600px important;
  }


.marquee__inner-wrap {
  height: 100%;
  width: 100%;
}

.marquee__inner {
  overflow: hidden;
  white-space: nowrap
}


.marquee__inner img {
  display: inline-block;
  position: relative;
  left: 100%;
  animation: marquee 45s linear infinite;
    width: 550px !important;
    margin-left: -60px;
}


.marquee__inner  img:nth-child(1) {
  animation-delay: 0s;
}
.marquee__inner img:nth-child(2) {
  animation-delay: 0.8s;
}
.marquee__inner  img:nth-child(3) {
  animation-delay: 1.6s;
}


@keyframes marquee {
  0%   { left: 100%; }
  100% { left: -100%; }
}

.marquee__inner img {
  filter: saturate(0);
  opacity: .5;
}



/*** Quick Search Modal ***/


    .modal.quick-search-modal.in .modal-dialog {
      top: 30%;

    }

    .quick-search-modal .parent-div {
      grid-template-rows: repeat(4, 55px);
    }


    .quick-search-modal .register-modal {
      border-radius:0;
    }


    .quick-search-modal  .register-modal .close {
      top: -39px !important;
    right: 23px !important;
}


  /*********MEDIA QUERIES*********/
  @media (max-width:320px) {
    .form-select.fs-6 {
    font-size: 0.65rem !important;
    padding-inline: 7px;
}

.or:before, .or:after {
  width: 4rem;
}

.intro-video a.btn.bg-opacity-75.text-white {
  padding: 5px;
  font-size: 1.8rem !important;
}

.intro-video a.btn.bg-opacity-75.text-white strong {
  font-size: 1.8rem ;
}
.intro-video .btn.bg-transparent {
  font-size: 1.25rem !important;
    padding: 12px;

}

input#searchid {
  font-size: 1.1rem;
}

.div12 .text-center a.fs-6 {
  font-size: .78rem !important;
}

label.col-form-label.fs-6.fw-normal {
  font-size: .78rem !important;
}



.form-select.fs-6 {
    font-size: 0.65rem !important;
    font-weight: 600;
    padding: 2px 10px 2px 5px;
  }

  b.text-white.ms-2.fs-6.fw-normal {

    font-size: .72rem !important;
}

i.fas.fa-circle.text-success {
    font-size: .75rem !important;
}
  }

  @media (max-width:540px) {
    .form-select.fs-6 {
    font-size:0.8rem !important;
  }

  }


  @media (min-width: 712px) and (max-width: 834px ) {
    /* .parent-div {
      row-gap: 20px;
    } */

  
    .cta-text.text-black.fst-italic.fs-4.text-lg-start.text-md-center.text-sm-center.text-center.mt-3.mt-lg-3.pt-lg-0.pb-2 {
      font-size: 2rem !important;
    }

    
  }

  @media (max-width: 1199.98px) {

    .vr-span span:after,
    .vr-span span:before {
      left: 40px;
    }
  }

  @media (max-width: 991.98px) {
    .md-grid {
      display: grid;
      place-items: center;
    }


    .intro-video .btn.bg-transparent {
      font-size: 1.7rem;
    }
    
  }

 
  @media (min-width: 1280px) {
    .intro-video .cta-text {
    padding-left: 45px;
    font-size: 1.65rem !important;
    
}


.intro-video .cta-buttons {
    padding-left: 45px !important;
    width: 625px;
}


  }

  @media (min-width: 1024px) {
    .intro-video {
      display: none !important;
    }
  }