/*
# BASE
*/

:root {
    --brand-300: #4DD0E1;
    --brand-400: #26C6DA;
    --brand-500: #00BCD4;
    --brand-600: #00ACC1;
    --brand-700: #00ACC1;
    --gray: #fbfbfb;
    --black: #000;
    --alt-black : #111111;
    --white: #fff;
    --dark-gray : #ebeef3;
    --light-blue:  #f2fefc;
    --red:  #F44336;
    --green: #8BC34A;
    --secondary: #2f3f63;
  }
  
  
  
  
  @media (min-width: 992px){
      .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 90vw;
      }
      }
  
      @media (min-width: 1400px){
          .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1240px;
          }
          }
  
  
          .payment-actions {
              display: flex;
              padding: .5rem 0 !important;
            }
  
    .payment-actions .btn {
      font-size: 11px !important;
      padding: 0.373rem 7px;
      margin-top: -5px;
      margin-right: 5px;
    }
  
  a::before {
  
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      
  }
  
  #rev_slider_1063_1 {
      margin-top: -35px !important;
    }
  
   
  .hour {
      color: #616267;
      font-size: 18px;
      font-weight: 700;
    }
    .tour-info {
      font-size: 12px;
    }
  
    .duration-legend {
      position: absolute;
      bottom: 42px;
      font-size: 12px;
    }
  
    .show-read-more .more-text{
      display: none;
  }
  
  .btn.facebook-btn {
      background: #4267b2;
      border-radius: 7px;
      color: #fff;
      font-size: 12px;
    }
  
  .btn.google-btn {
      border: 1px solid #d5d2dc;
      border-radius: 7px;
      font-size: 12px;
      width: 100%;
    }
  
  .read-more {
  
      position: relative;
      display: block;
      width: auto;
       max-width: 20%;
  margin-top: 10px;
  
  }
  .offcanvas-header .btn-close {
      background: transparent;
      opacity: 1;
  }
  
  .offcanvas-header .btn-close::before {
      position: relative;
      content: "\f00d";
      font-family: "Font Awesome 6 Pro"; 
      top: -4px;
  left: 5px;
  color: #00bcd4;
  }
  
  .carousel {
      max-width: 100vw;
    }
  
    .collapse {
      transition: all linear .5s;
    }
  
    .experience-form .daterangepicker {
      top: 29.4px !important;
      left: 127.33px !important;
    }
  
    #experience-form .form-select:focus {
      border: 1px solid var(--brand-500);
    }
  
    .tarifas .price {
      text-align: right;
    }
    .tarifas .price del {
      text-align: left;
      font-size: 13px
    }
    .tarifas .fw-bold {
      font-size: 13px;
    }
    .tarifas del {
      padding-right: 10px;
      
    }
  
  
  .tarifas .sale-price sup {
    left: -2px;
    top: -7px;
    font-size: 13px;
  }
  
    .tarifas .sale-price .price {
      font-size: 23px;
      padding-right: 7px;
    }
  
    .tarifas sub {
      left: -1.25rem;
    }
    .tarifas .sale-price {
      position: relative;
      top: -10px;
      right: 0;
      float: right;
    }
  
    .tarifas .row div {
      max-height: 40px;
    }
  
    .experience-modal {
      height: 60vh !important;
    }
  
    .mobile-price .price {
      font-size: 26px !important;
      padding-right: 7px;
    }
  
  
  .itinerary-map {
    height: 100%;
    min-height: 500px;
  }
  
  html {
      overflow-x: hidden;
  }
  body {
      overflow-x: hidden;
      font-family: 'Poppins', sans-serif; 
      font-weight: 300;
      font-size: 14px;
      margin-top: 107px;
  }
  
  
  header.fixed-top {
      position: fixed !important;
  width: 100% !important;
  top: 0 !important;
  transition: all .4s ease-in-out !important;
  }
  #reservation_card {
      z-index: 1035;
    }
  .scroll-down  {
      transform: translate3d(0, -100%, 0);
    }
    
    
    
    .scroll-up  {
      transform: none;
    }
  
    .package-up {
      transform: translate3d(0, 105px,0);
    }
  
    .package-down {
      transform: none;
    }
  .bg-overlay {
      background: rgba(0,0,0,0.2);
      position: absolute;
      width: 100%;
      height: 100%;
    }
  
    .profile-name .circular {
      box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
    }
    
    #request-done {
        display: none;
    }
  /*Fix issue when font Family is inherited*/
  button, input, optgroup, select, textarea {
       font-family: 'Poppins', sans-serif; 
  }
  
  a, a:hover{
   color: var(--black);
   text-decoration: none;   
  }
  
  img {
      max-width: 100%;
  }
  
  .image-wrapper img {
      min-height: 220px;
      -o-object-fit: cover;
         object-fit: cover;
      max-height: 220px;
  }
  
  #destinations img {
      min-height: 225px;
      -o-object-fit: cover;
         object-fit: cover;
      max-width: 225px;
  }
  
  [aria-expanded="false"] > .expanded,
  [aria-expanded="true"] > .collapsed {
    display: none;
  }
  
  
  p {
      font-weight: 300;
      font-size: 14px !important;
  }
  
  strong {
      font-weight: 700;
  }
  
  h2, .fs-2 {
      font-size: 30px;
  }
  
  .h3, h3 {
      font-size: 24px;
  }
  
  .ui-widget-header .ui-icon {
      background-image: url("../images/ui-icons_444444_256x240.png") !important;
  }
  
  .primary-bg, .bg-primary {
  background-color: var(--brand-500) !important;
  color:  var(--white) !important;
  }
  
  .login .txt-light,
  .login .txt-light:hover
   {
      color: #212121 !important;
    }
  .primary-bg:hover, .bg-primary:hover,
  .primary-bg:focus, .bg-primary:focus {
      background-color: var(--brand-400) !important;
      box-shadow: none !important;
      outline: none;
  
      }
  
  .notification {
      opacity: 0.5;
  }
  
  .info-warning {
      background-color: #fdf6ec;
      padding: 20px;
      color: var(--bs-orange);
  }
  
  .total{
      padding: 20px 10px;
      background: var(--brand-500);
      margin: 0;
      color: var(--white);
  }
  
  .total-payments td {
      border: 0 !important;
  }
  
  .primary-bg-alt {
  background-color: var(--brand-700); 
  }
  
  .bg-light {
      background-color: var(--white) !important;
  }
  
  .bg-gray {
      background-color: var(--gray);
  }
  
  .bg-dark-gray {
      background-color: var(--dark-gray);
  }
  
  .bg-black {
   background-color: var(--black);
  }
  .bg-alt-black {
   background-color: var(--alt-black);
   color: var(--white);
  }
  
  .bg-secondary {
   background-color: var(--white) !important;
   color:  var(--white);
  }
  
  .color-primary{
      color: var(--brand-500);
  }
  
  .color-red{
       color: var(--red);
  }
  
  
  .txt-light,
  .txt-light:hover{
      color: var(--white) !important;
  }
  .txt-dark {
      color: var(--black);
  }
  
  .circular {
  border-radius: 25rem;
  height: auto;
  }
  
  .form-check-input:focus, .form-control:focus {
      box-shadow: none;
  }
  
  
  .form-control:not(.cc):focus {
      border: 1px solid #00bcd4 !important;
  }
  
  .dateinput.form-control:hover {
      cursor: pointer !important;
    }
  
  .dateinput.form-control:focus {
      border: 0 !important;
      cursor: pointer !important;
    }
  
  .quantity {
    position: relative;
  }
  
  .alert-primary {
      color: var(--white);
      background-color: #03A9F4;
      border-color: #03A9F4;
  }
  
  .alert-warning {
      color: #F4511E;
      background-color: #FFF3E0;
      border-color: #FFF3E0;
  }
  
  .input-group.state-success, 
  .state-success input, 
  .state-succes .form-control {
      color: #2ecc71;
      background: #EAFCD8 !important;
      border: 1px solid #2ecc71;
      border-radius: 5px;
  }
  
  
  .input-group.state-error, .state-error input {
      background: #FEEFE9 !important;
      border: 1px solid #F44336;
      border-radius: 5px;
  }
  
  .offcanvas-nav .submenu {
      background: transparent;
      padding: 0;
      border-bottom: 0;
      border-top: 0;
      border-color: transparent;
  }
  
  .offcanvas-nav .submenu .nav-link {
      color: #212121 !important;
      background: transparent;
      padding: 19px 30px;
      color: #696969;
      font-size: 15px;
      text-transform: capitalize;
      letter-spacing: 0;
      margin: 0 10px;
      font-weight: 400;
      border-radius: 5rem;
      border: 0;
  }
  em.state-error {
      color: #F44336;
      font-size: 13px;
      margin-top: 5px;
      margin-bottom: 10px;
      position:  relative;
      display: block;
  }
  .tabs-container {
      padding-top: 10px;
    }
  
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button
  {
    -webkit-appearance: none;
    margin: 0;
  }
  
  input[type=number]
  {
    -moz-appearance: textfield;
  }
  
  .quantity input {
    width: 45px;
    height: 42px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #eee;
  }
  
  .quantity input:focus {
    outline: 0;
  }
  
  .quantity-nav {
    float: left;
    position: relative;
    height: 42px;
  }
  .reservation-date .btn {
      border-radius: 7px;
    }
  
    .more-info .btn {
      border-radius: 7px;
    }
    
  .quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  
  .quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee;
  }
  
  .quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
  }
  
  .trends-carousel, .experiences-carousel {
      max-width: 1120px;
      margin: 0 auto;
          margin-top: 0px;
  }
  
  .subtitle {
      font-family: 'Satisfy', cursive;
      font-size: 29.6px;
      color: var(--brand-400);
  }
  
  .lead {
      width: 50%;
      margin: 0 auto;
      font-size: 16px;
      font-weight: 300;
  }
  
  .hide {
      display: none;
  }
  
  .image-wrapper {
      position: relative;
      display: block;
      overflow: hidden;
  }
  
  .zoom-effect {
      transition: transform .5s;
  }
  
  .zoom-effect:hover, 
  .card:hover .zoom-effect,
  #membership-plans .col-md-4:hover .zoom-effect{
      transform: scale(1.2);
      cursor: pointer;
  
  }
  
  
  .accordion-button:not(.collapsed) {
      color: var(--brand-600);
      background-color: transparent;
      box-shadow: none;
  }
  
  .pt-wide{
      padding-top: 8rem;
  }
  .accordion-button:focus {
      z-index: 3;
      border-color: transparent;
      outline: 0;
      box-shadow: none;
  }
  
  .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
      }
  
  #faqs .accordion-button::after {
      display: none;
  }
  
  #faqs .accordion-button:not(.collapsed)::before {
      margin-right: 10px;
      transition: transform .2s ease-in-out;
      content: "\f056";
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      color: var(--brand-500);
  }
  
  #faqs .accordion-button::before {
      margin-right: 10px;
      transition: transform .2s ease-in-out;
      content: "\f055";
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      color: var(--brand-500);
  }
  
  #display-all-itinerary {
      display: flex;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto;
  }
  
  .extra-price {
      right: 2.9rem;
      position: absolute;
      text-align: right;
      color: var(--black);
      font-weight: 300;
  }
  
  .percent {
      position: absolute;
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      z-index: 1;
      text-align: center;
      color: #2f3f63;
      font-weight: 600;
  }
  
  .progress {
      padding: 0;
      position:  relative;
  }
  
  .progress-bar {
      background-color: var(--brand-500);
  }
  .rating-score {
      font-size: 48px;
      font-weight: 700;
  }
  .score .fa {
      margin-right: 7px;
  }
  .reviews-wrapper {
      padding-right: 25px;
  }
  .customer-avatar img {
      border-radius: 5rem;
    }
  .review-card {
      padding: 20px;
      background: #f7f8f7;
      border-radius: 7px;
      border: 1px solid #eee;
      margin: 10px 0;
    }
  
    .review-card p {
      margin-top: 7px;
    }
  
    .review-card .fa-regular.fa-star {
      color: #939393;
    }
  
  #send-comment .form-check {
      padding-left: 35px;
  }
  
  #send-comment .form-check label {
      padding-top: 13px;
      display: flex;
  }
  
  /*
  # Forms
  */
  
  .input-group-text {
      background: transparent;
      border-right: 0;
      color: var(--brand-300);
  }
  .billing .form-control:focus {
  border-color: #ccc !important;
  border-left: 0 !important;
  }
  
  .billing .form-control, #cc_number {
      border-left: 0 !important;
  }
  
  .form-label.required::after {
      content: '*';
      color: var(--red);
  }
  
  .form-check-input:checked {
      background-color: var(--brand-500);
      border-color: var(--brand-500) !important;
  }
  .quantity input {
      width: 64px;
  }
  
  .rating-container .filled-stars {
      color: #fde16d;
      white-space: nowrap;
      -webkit-text-stroke: none !important;
      text-shadow: none !important;
    }
  
  .rating-container {
      text-align: left;
      padding-top: 5px;
  }
  
  .rating-container .empty-stars,
  .rating-container .filled-stars {
      color: #ffc107 !important;
      border-color: #ffc107;
      -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  }
  .rating-input {
      display: none;
  }
  
  #send-comment textarea {
      background: rgba(255,255,255,0.5);
      border: 0;
      box-shadow: none !important;
      color: var(--white);
      padding: 15px;
      max-width: 96%;
      margin: 0 auto;
  }
  
  #send-comment textarea::-moz-placeholder {
      color:  var(--white);
  }
  
  #send-comment textarea:-ms-input-placeholder {
      color:  var(--white);
  }
  
  #send-comment textarea::-webkit-input-placeholder {
      color:  var(--white);
  }
  
  #send-comment textarea::-ms-input-placeholder {
      color:  var(--white);
  }
  
  #send-comment textarea::placeholder {
      color:  var(--white);
  }
  
  #send-comment input[type="text"],
  #send-comment input[type="email"] {
      background: rgba(255,255,255,0.5);
      border: 0;
      padding: 9px;
      border-radius: 0;
      color: var(--white);
  }
  
  #send-comment input[type="text"]::-moz-placeholder, #send-comment input[type="email"]::-moz-placeholder {
      color: var(--white);
  }
  
  #send-comment input[type="text"]:-ms-input-placeholder, #send-comment input[type="email"]:-ms-input-placeholder {
      color: var(--white);
  }
  
  #send-comment input[type="text"]::-webkit-input-placeholder, #send-comment input[type="email"]::-webkit-input-placeholder {
      color: var(--white);
  }
  
  #send-comment input[type="text"]::-ms-input-placeholder, #send-comment input[type="email"]::-ms-input-placeholder {
      color: var(--white);
  }
  
  #send-comment input[type="text"]::placeholder,
  #send-comment input[type="email"]::placeholder {
      color: var(--white);
  }
  
  #cart-items th {
      border-color: #e5e3e4;
      font-size: 13px;
  }
  
  #cart-items .remove-product {
      background: transparent;
      border: 0;
  }
  #cart-items .remove-product:hover {
      color: var(--brand-500);
  }
  
  .product-title img {
      margin-right: 7px;
  }
  
  #coupon-code {
      background: #f8f8f8;
      border: 0;
      border-radius: 0;
      padding: 5px 13px;
  }
  
  .coupon-button {
      font-size: 13px;
      text-transform: uppercase;
      padding: 10px 20px;
  }
  
  .cart-totals th {
      width: 15%;
  }
  
  #contact-form {
      background-color: var(--brand-500);
      padding: 30px;
      color: var(--white);
  }
  
  #contact-form .form-control {
      background: var(--brand-300);
      border: 0;
      color: var(--white);
  }
  
  #contact-form .form-select {
      background-color: var(--brand-300);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
      color:  var(--white);
      border: 0;
  }
  
  .form-select:focus {
      border-color: var(--brand-500);
      outline: 0;
      box-shadow: none;
  }
  .contact-links .nav-link {
      color: var(--black);
  }
  .contact-links .nav-link  svg{
      color: var(--brand-500);
  }
  
  .contact-info {
      background-color: var(--gray);
      padding: 25px;
  }
  
  /*
  # ELEMENTS
  */
  .btn {
  border-radius: 0;
  padding: .395rem .75rem
  }
  
  .btn:hover,
  .btn:focus,
  .btn:active {
      box-shadow: none;
  }
  
  .btn-primary {
  color: #fff;
  background-color: var(--brand-500);
  border-color: var(--brand-500);
  font-size: 13px;
  text-transform: uppercase;
  }
  
  .btn-secondary, 
  .btn-secondary:hover,
  .btn-secondary:focus,
  .btn-secondary:active {
      color: #fff;
      background-color: var(--secondary);
      border-color: var(--secondary);
      font-size: 13px;
      text-transform: uppercase;
      box-shadow: none !important;
      }
  
      
  
  .offcanvas-nav .nav-link  {
      color: var(--white);
      font-size: 15px;
      font-weight: 400;
  }
  
  #mobile-menu .nav-item.has-submenu > .nav-link::after {
      content: "\f105";
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      position: absolute;
      right: 15px;
  }
  
  
  .btn-outline-dark {
  font-size: 13px;
  text-transform: uppercase;
  }
  
  .btn-outline-primary {
      color: var(--brand-500);
      border-color: var(--brand-500);
    }
    .btn-outline-primary:hover {
      color: #fff;
      background-color: var(--brand-500);
      border-color: var(--brand-500);
    }
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active  {
  color: #fff;
  background-color: var(--brand-300);
  border-color: var(--brand-300);
  }
  
  .btn-primary-alt {
  color: #fff;
  background-color: var(--brand-700);
  border-color: var(--brand-700);
  }
  
  .btn-primary-alt:hover,
  .btn-primary-alt:focus,
  .btn-primary-alt:active  {
  color: #fff;
  background-color: var(--brand-400);
  border-color: var(--brand-400);
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
      color: #212121;
      background-color: var(--dark-gray);
      border-color: var(--dark-gray);
  }
  
  .shadow-sm {
      box-shadow: 0 0px 15px 4px rgba(0,0,0,.075) !important;
    }
  
  .trip-options {
      max-width: 400px;
      margin-top: 10px;
      z-index: 20 !important;
    }
  
    .trip-options.wide {
    max-width: 100%;
  }
  
  .btn-download {
      color: #3f9cec !important;
      font-size: 13px;
      border-color: #3f9cec;
      border-radius: 5px;
      background-color: #edf6ff;
  }
  
  .btn-ask {
      color: #498e4d !important;
      font-size: 13px;
      border-color: #498e4d;
      border-radius: 5px;
      background-color: #f1f9ec;
  }
  
  
  .navbar-light .navbar-toggler {
      color: var(--white) !important;
      border-color: transparent;
      background-color: transparent;
  }
  
  .navbar-toggler:focus {
      text-decoration: none;
      outline: 0;
      box-shadow: none;
  }
  
  .dropdown-item.active, .dropdown-item:active {
      background-color: var(--brand-500);
  }
  
  video {
      width: 100%;
  }
  
  .full-video {
      max-height: 580px;
      -o-object-fit: cover;
         object-fit: cover;
  }
  
  .page-item.active .page-link {
      z-index: 3;
      color: #fff;
      background-color: var(--brand-500);
      border-color: var(--brand-500);
  }
  
  .page-link {
      color: var(--black);
  }
  
  .page-link:hover {
      z-index: 2;
      color: var(--brand-500);
      background-color: var(--gray);
      border-color: var(--dark-gray);
  }
  
  .page-link:focus {
      box-shadow: none;
  }
  .hidden {
      display: none;
  }
  
  .passport-wrapper {
      position: relative;
  
  }
  .passport-wrapper:hover::after,
  .passport-wrapper:hover::before {
      border: 1px solid var(--brand-400);
      cursor: pointer;
      opacity: 1;
  }
  
  .passport-wrapper::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.5);
      z-index: 1;
      opacity: 0;
      transition: all .3s ease-in-out;
  }
  
  .passport-wrapper::before {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f044";
      color: var(--white);
      padding: 5px 8px;
      position: absolute;
      right: 0;
      top: 0;
      background: var(--brand-400);
      font-size: 20px;
      z-index: 2;
      opacity: 0;
      transition: all .3s ease-in-out;
  }
  
  .image-container {
      position: relative;
      width: 150px;
      height: 150px;
      overflow: hidden;
      border-radius: 50%;
  }
  .testimonials-carousel-single .image-container {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
  }
  
  .testimonials-carousel-single .content {
      width: 80%;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }
  
  .testimonials-carousel-single .author {
      font-family: 'Satisfy', cursive;
      font-size: 19.2px;
      font-weight: 700;
  }
  
  .carousel-item img {
      height: 500px;
      max-height: 500px !important;
      object-fit: cover;
  }
  
  .testimonials-carousel .splide__slide.is-active img {
      width: 100%;
      height: 100%;
      margin-left: 0 !important;
      -o-object-fit: cover;
         object-fit: cover;
  }
  .testimonials-carousel .splide__slide img {
    width: 100%;
      height: 100%;
      margin-left: 0 !important;
      -o-object-fit: cover;
         object-fit: cover;
  }
  
  .testimonials-carousel .splide__slide .content{
      margin-top: 2rem;
      opacity: 0;
      text-align: center;
      transition: all 0.3s ease-in-out;
  }
  .testimonials-carousel .splide__slide.is-active .content{
      opacity: 1;
      
  }
  .testimonials-carousel .splide__pagination {
      bottom: 4.7rem;
  }
  
  .accordion-item {
      border: 1px solid rgba(0,0,0,.125) !important;
  }
  
  .testimonials-carousel .splide__pagination__page.is-active {
      background-color: var(--brand-700);
  }
  
  .benefits-prev {
      left: -4rem;
      fill: var(--white);
      width: 3rem;
      height: 3rem;
  }
  
  .benefits-next {
      right: -4rem;
      fill: var(--white);
      width: 3rem;
      height: 3rem;
  }
  
  
  .checked {
      color: #FF9800;
  }
  
  .dotted-separator {
      border-top: 2px dotted var(--black);
      color: #fff;
      background-color: #fff;
      overflow: hidden;
      margin-top: -35px;
      z-index: -1;
      width: 80%;
      margin-left: 15px;
  }
  
  
  .label {
      padding: .4rem 1rem;
      text-align: center;
      margin-right: 10px;
      position: relative;
  display: inline-block;
  margin-bottom: 10px;
  }
  
  .trip-details .row {
      padding: 5px 0;
  }
  
  .trip-details .fa-check-circle {
      color: var(--green);
      fill: var(--green);
  }
  
  .trip-details .fa-times-circle {
  color: var(--red);
      fill: var(--red);
  }
  
  .promo-section h2 {
      line-height: 3rem;
  }
  
  #filters button {
      font-size: 13px;
      text-transform: inherit;
  }
  
  #filters .btn {
      margin-left: 7px;
  }
  
  #filters .nav-item.added {
      background: var(--white) !important;
      box-shadow: 0 0 7px 1px rgba(0,0,0,0.3);
     }
  
  .ui-slider .ui-widget-header {
      border: 1px solid var(--brand-500);
      background: var(--brand-500);
  }
  
  .ui-slider .ui-state-default, .ui-slider .ui-widget-content .ui-state-default, 
  .ui-slider .ui-widget-header .ui-state-default, .ui-slider .ui-button, .ui-slider
  html .ui-button.ui-state-disabled:hover, .ui-slider html .ui-button.ui-state-disabled:active {
      border: 1px solid var(--brand-500);
      background: var(--gray);
      font-weight: normal;
      border-radius: 50%;
  }
  
  .ui-slider .ui-state-active, .ui-slider .ui-widget-content .ui-state-active {
      background: var(--brand-500);
      border: 1px solid var(--gray);
  }
  
  .webui-popover-content {
      max-width: 325px;
  }
  
  .filter-content input {
      width: 49%;
      border: 0;
      color: #222;
      font-weight: 300;
  }
  
  #categoryFilterContent .form-check {
      padding-left: 15px;
  }
  
  #applyCategory {
      margin-top: 10px;
  }
  
  #categoryFilterContent label {
      margin-top: 10px;
      display: inline-block;
  }
  
  #categoryFilterContent input {
      display: inline-block !important;
      float: none;
  }
  
  .max-value {
      text-align: right;
  }
  
  #search-text {
      padding: 17px 25px;
      border-radius: 0;
      border: 1px solid rgba(0,0,0,0.07);
   
  }
  
  #search-button {
      padding: 17px 21px;
      width: 100%;
  }
  
  .form-control::-moz-placeholder {
      color: #6c757d;
      opacity: 1;
      font-size: 13px;
  }
  
  .form-control:-ms-input-placeholder {
      color: #6c757d;
      opacity: 1;
      font-size: 13px;
  }
  
  .form-control::-webkit-input-placeholder {
      color: #6c757d;
      opacity: 1;
      font-size: 13px;
  }
  
  .form-control::-ms-input-placeholder {
      color: #6c757d;
      opacity: 1;
      font-size: 13px;
  }
  
  .form-control::placeholder {
      color: #6c757d;
      opacity: 1;
      font-size: 13px;
  }
  
  .nav-link svg {
      margin-right: 7px;
  }
  
  /*
  # Header
  */
  
  /* Top Bar */
  
  header {
      z-index: 1040 !important;
  }
  
  #top-menu {
      padding-top: 4px;
  }
  
  .widget {
      padding: 10px 20px 0 10px;
      font-size: 1.125rem;
  }
  
  #mini-cart-count {
      font-size: 10px;
  }
  
  .dropdown-menu {
      font-size:  13px;
  }
  
  #telf-button {
      color: var(--black);
      font-size: 13px;
      padding-top: 9px;
  }
  
  #lang-button, #currency-button {
      font-size: 13px;
      font-weight: 400;
  }
  
  #lang-list, #currency-list  {
      background-color: var(--brand-500);
      border-color: var(--brand-500);
      font-size: 13px;
  }
  
  #lang-list  .dropdown-item,
  #currency-list .dropdown-item {
      color:  var(--white);
  }
  
  #lang-list .dropdown-item:hover,
  #lang-list .dropdown-item:focus,
  #currency-list .dropdown-item:hover,
  #currency-list .dropdown-item:focus {
      background-color: var(--brand-300);
  }
  
  #login-button {
      color: var(--brand-500);
      border: 1px solid;
      border-radius: 50%;
      padding: 5px 12px;
  }
  
  #login-button:hover,
  #login-button:focus{ 
  background-color: var(--brand-500);
  border-color: var(--brand-500);
  color: var(--white);
  
   }
  
   .h-search-form {
      top: 11px;
      position: relative;
    }
  
  #h-search{
  border: 0 !important;
  }
  
  #h-search-button {
      background: var(--white);
      border: 0;
      color: var(--brand-400);
  }
  .h-search-form .input-group {
      border-radius: 5px;
  border: 1px solid var(--brand-700);
  }
  
  #mini-cart a,
  #mini-cart-widget .svg-inline--fa.fa-times.fa-w-11 {
      color:  var(--white);
  }
  
  
  /*Revolution Slider style*/
  
  .rs-title {
      background-color: transparent;
      border-color: transparent;
      border-radius: 0 0 0 0;
      border-style: none;
      border-width: 0;
      color: rgba(255,255,255,1.00);
      font-family: 'Poppins', sans-serif; 
      font-size: 96px;
      font-style: normal;
      font-weight: 400 !important;
      line-height: 6rem !important;
      padding: 0;
      text-decoration: none;
  }
  
  #main-menu .nav-link {
      color: var(--black);
  }
  
  .rs-subtitle {
      font-family: 'Satisfy', cursive;
      font-size: 32px;
      color: var(--white) !important;
      border: 0 !important;
  }
  
  /*
  * Modals
  */
  
  
  .modal-content {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ddd;
      border-radius: .3rem;
      outline: 0;
  }
  .payment-actions i {
      padding-right: 7px; }
      
  #add_Payment .modal-content {
      border: 0;
  }
  
  #add_Payment .modal-header {
      border-bottom: 0;
  }
  
  #add_Payment .gateway {
      margin-bottom: 15px;
      padding-bottom: 15px;
      border: 1px solid;
      border-color: #ccc;
      border-radius: 5px;
  }
  #add_Payment .gateway.selected{
      border-left: 3px solid var(--brand-500);
      margin-bottom: -10px;
  }
  
  #add_Payment .hiddenbox {
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      background: #fff;
      position: relative;
      padding-right: 25px;
      border-radius: 0 0 5px 5px;
      margin-bottom: 18px;
  }
  
  .amount-select {
      border: 0 !important;
      padding: 0;
  }
  
  #add_Payment .currency-icon,
  #add_Payment .currency-symbol{
      background: var(--bs-gray);
      color: var(--white);
      border: 0;
  }
  
  #add_Payment .currency-icon.selected,
  #add_Payment .currency-symbol.selected{
      background: var(--brand-500);
      color: var(--white);
      border: 0;
  }
  #user-login .modal-header,
  #user-signup .modal-header,
  #forgot-password .modal-header
   {
  
      text-transform: uppercase;
      border: 0;
  }
  
  
  
  #reservation_modal .modal-content {
      border: 0;
  
  }
  #reservation_modal .reservation-step {
      box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
      border-radius: 5px;
      margin-bottom: 20px;
      position: relative;
  
  }
  
  #reservation_modal .reservation-step:hover {
      cursor: pointer;
  }
  
  #reservation_modal .complete:hover {
      cursor: default !important;
  }
  
  #reservation_modal .step-title {
  padding: 18px 30px 8px;
  background: var(--gray);
  border-bottom: 1px solid #ccc;
  
  }
  
  #reservation_modal .complete .step-title {
  background: #eafcd8;
  border-bottom: 1px solid #eafcd8;
  
  }
  
  #reservation_modal .step-content {
     padding: 18px 30px 8px; 
  }
  
  #reservation_modal .complete .step-content {
  display: none;
  }
  #reservation_modal .step-title h5 {
  font-size: 16px;
  }
  
  #reservation_modal .step-title h5::before {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f06a";
      color: var(--bs-gray);
      padding-right: 5px;
      margin-left: -14px;
  }
  
  #reservation_modal .complete .step-title h5::before {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f058";
      color: var(--brand-500);
      padding-right: 5px;
      margin-left: -14px;
  }
  
  .full-link {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 5;
  }
  
  #reservation_modal .complete .full-link{
      display: none;
  }
  
  #modify_reservation .modal-content {
      border: 0;
  }
  
  #modify_reservation .welcome-message::before{
    font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f06a";
      color: var(--bs-gray);
      padding-right: 5px;
      margin-left: -14px;
      display: inline-block;
      vertical-align: top;
      margin-top: 20px;
  }
  
  #modify_reservation .content-message {
      display: inline-block;
      width: 90%;
  }
  
  #modify_reservation .welcome-message {
      padding: 10px 30px 0;
      background: var(--gray);
  }
  
  #modify_reservation .form-check.form-switch {
      padding: 0;
  }
  
  #modify_reservation .extras-heading {
      padding: 20px;
      background: var(--dark-gray);
      font-weight: 700;
      margin-left: 0;
      margin-right: 0;
      margin-top: 15px;
  }
  
  #modify_reservation .extra-content {
      padding: 14px 15px;
  }
  
  #modify_reservation .modal-content {
      overflow-y: scroll;
      max-height: 90vh;
  }
  
  #modify_reservation #ui-datepicker-div {
      position: absolute !important;
      left: 20px !important;
      top: -90px !important;
  }
  /*
  # Hero Carousels
  */
  #hero {
      position: relative;
      background-size: cover;
      background-position: center;
      min-height: 29vh;
  }
  
  
  #hero h1 {
      font-size: 48px;
      font-weight: 700;
      text-transform: uppercase;
      text-shadow: 1px 2px 3px rgba(0,0,0,0.4);
  }
  
  .profile-name {
      color: var(--white);
      font-size: 32px !important;
      text-transform: uppercase;
      position: absolute;
      bottom: 35%;
  }
  
  .submenu-container{
      margin-top: -76.5px;
      position: relative;
      display: block;
      z-index: 1;
      border-radius: 9px 8px 0 0;
      margin-bottom: 12px;
  }
  
  .is-sticky .submenu {
  border-radius: 0;
  }
  .submenu {
      position: relative;
      background: var(--white);
      padding: 15px 10px;
      border-radius: 7px 7px 0 0;
      min-height: 76.5px;
  }
  
  .submenu .nav {
      padding-top: 5px;
  }
  
  .submenu .nav-link {
      background: #f4f7ff;
      padding: 7px 16px;
      color: var(--secondary);
      font-size: 16px;
      letter-spacing: 0;
      margin: 0 10px;
      font-weight: 500;
      border-radius: 7px;
  }
  
  .submenu .nav-link span {
      top: -2px;
      position: relative;
  }
  .submenu .nav-link.active {
      position: relative;
      background: var(--white);
      z-index: 999 !important;
      box-shadow: 0 0 7px 1px rgba(0,0,0,0.3);
  }
  .submenu .active .fad{
      --fa-primary-color: #374162;
      --fa-secondary-color: #00bcd4;
      --fa-primary-opacity: 1;
      --fa-secondary-opacity: 1;
      margin-right: 7px;
      font-size: 24px !important;
  }
  .submenu .fad {
      --fa-primary-color: #55718a;
      --fa-secondary-color: #59b7d9;
      --fa-primary-opacity: 0.7;
      --fa-secondary-opacity: 0.3;
      margin-right: 7px;
      font-size: 24px !important;
  }
  
  .info-message {
      border-left: 6px solid var(--brand-500);
      background: #ebf8ff;
      padding: 20px 25px 5px;
      margin-bottom: 2rem;
      border-radius: 10px 0 0 10px;
      box-shadow: 1px 3px 5px rgba(0,0,0,0.1);
  }
  
  .reservation-image {
      height: 150px;
      width: 150px;
      -o-object-fit: cover;
         object-fit: cover;
  }
  
  .reservation-info {
      list-style: none;
      padding: 0;
      margin-top: 10px;
  }
  
  .reservation-status {
      text-align: center;
  }
  
  .payment-status {
  font-size: 16px;
  font-weight: 500;
  }
  .payment-status span {
      font-size: 18px;
      font-weight: 600;
  }
  
  .chat-header {
      padding: 20px 15px;
  }
  
  .chat-title {
      padding: 20px;
  }
  
  .chat-image {
      width: 80px;
      height: 80px;
      -o-object-fit: cover;
         object-fit: cover;
  }
  
  .chat-option {
      border-top: 0;
      border-right: 0;
      border-left: 0;
      border-bottom: 1px solid;
      border-color: var(--gray);
  }
  
  .chat-queue {
      min-height: 420px;
      background: var(--dark-gray);
      overflow-y: scroll;
      padding: 20px 25px;
  }
  
  .chat_message {
      background: var(--white);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 5px 10px;
      border-radius: 10px;
      margin-top: 7px;
  }
  
  .chat_message-own {
      float: right;
      background-color: var(--bs-cyan);
      color: var(--white);
  }
  
  .send-time {
      margin-left: auto;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      display: block;
  }
  
  .chat-option:hover {
        border-color: var(--brand-500);
  }
  
  .canceled h4,
  .canceled span
   {
      color: var(--red);
  }
  
  .paid h4,
  .paid span {
      color: var(--brand-500);
  }
  
  .reservation-actions {
      background: var(--gray);
      border-color: var(--dark-gray);
  }
  
  .reservation-actions .nav-link {
      color: var(--black);
      transition: all .2s linear;
  }
  
  .reservation-actions .nav-link:hover {
      color: var(--brand-500);
  }
  
  
  #Hero-Carousel .carousel-item {
      min-height: 550px;
  }
  .hero-extended {
      min-height: 55vh !important;
  }
  
  .hero-full {
      min-height: 620px !important;
  }
  
  .hero-full .subtitle {
      margin-top: -14% !important;
      z-index: 99;
  }
  
  .hero-full .hero-title {
      margin-top: -12% !important;
      z-index: 99;
  }
  
  .hero-full .hero-text {
      margin-top: -8% !important;
      z-index: 99;
      color:  var(--white);
  }
  
  .hero-full .hero-video {
      margin-top: 150px !important;
      z-index: 99;
      width: 950px;
  }
  
  .hero-full .hero-video  video{
     width: 100%;
     max-height: 454px;
     -o-object-fit: cover;
        object-fit: cover;
  }
  
  
  .carousel-inner {
      text-align: center;
  }
  .carousel-item {
      background-position: center;
      background-size: cover;
  }
  
  .carousel-control-next, .carousel-control-prev {
      z-index: 999;
  }
  
  .hero-title {
  z-index: 9;
  font-size: 96px;
  color: #fff;
  width: 100%;
  }
  
  .hero-subtitle {
      z-index: 99;
  margin-top: -4rem;
  font-size: 48px;
  color: #fff;
  }
  
  #hero .subtitle {
      color: var(--white);
      margin-top: -2.1rem;
  }
  
  .hero-paragraph {
      z-index: 99;
  margin-top: 4rem;
  font-size: 16px;
  color: #fff;
  }
  
  #t-login-button {
      position: absolute;
      right: 20px;
      bottom: 11px;
      color: var(--brand-500);
      border: 1px solid var(--brand-300) !important;
      border-radius: 25px;
  }
  
  .location {
      margin-left: 3px;
      margin-bottom: 5px;
  }
  
  .location .fas {
      color: #00bcd4;
      font-size: 15px;
      margin-right: 5px;
  }
  .location .fad {
      --fa-primary-color: #00bcd4;
      --fa-secondary-color: #00bcd4;
      --fa-secondary-opacity: 1;
      font-size: 15px;
      margin-right: 6px;
  }
  .experience-date {
      background: transparent !important;
    }
  .search-wrapper {
      background: var(--white);
      margin-top: -8rem;
      padding: 0;
      z-index: 999;
      overflow: visible;
      border-radius: 5px;
      max-width: 75%;
      box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
  }
  
  #search:focus {
      border: 0 !important;
  }
  #searchbox {
      max-width: 1400px;
      margin: 0 auto;
  }
  
  #searchbox .nav {
      width: 99%;
      margin: 0 auto;
      padding-bottom: 10px;
  }
  
  #searchbox .nav-link {
      cursor: pointer;
      white-space: nowrap;
      border-radius: 12px;
      background: #eee;
      margin-top: 15px;
      text-align: center;
      padding: 17px 40px;
      transition: all .3s ease-in-out;
      border: 0;
  }
  #home-search .fas {
      font-size: 16px !important;
  }
  #searchbox .nav-link:hover {
      background: var(--white);
  border: 0;
  box-shadow: 0 0 7px 1px rgba(0,0,0,0.3);  
  }
  
  #searchbox .fad {
      transition: all .3s ease-in-out;
  }
  
  #searchbox .nav-link:hover .fad {
      text-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  }
  
  #searchbox .nav-link.active {
      background: var(--white);
      border: 0;
      box-shadow: 0 0 7px 1px rgba(0,0,0,0.3);
  }
  #searchbox .nav-title {
      font-size: 16px;
      font-weight: 600;
      margin-left: 12px;
      position: relative;
      display: inline-block;
      top: -8px;
      color: var(--secondary);
      text-transform: uppercase;
  }
  
  #searchbox .input-group-text {
      background: transparent;
      border: 0;
      color: #b4b4b4;
      padding-left: 10px;
      margin: 0;
      padding-top: 0;
      padding-bottom: 3px;
  }
  
  #searchbox input {
      border: 0;
      padding: 0 5px;
      height: 30px;
      margin-top: 3px;
      background: transparent;
  }
  
  #searchbox label {
      font-weight: 700;
      z-index: 2;
  }
  
  #searchbox .col-auto.col-md-10,
  #searchbox .col-auto.col-md-2 {
      padding: 0;
  }
  
  #searchbox .nav {
      border-bottom: 0 !important;
  }
  #searchbox .btn {
      padding: 15px 30px 15px;
      border-radius: 8px;
      font-size: 14px;
  }
  #searchbox .fad.fa-suitcase-rolling {
      --fa-primary-color: #8fe0ef;
  --fa-secondary-color: #212d52;
  --fa-secondary-opacity: 1;
  font-size: 36px;
  --fa-primary-opacity: 1;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
  }
  
  #searchbox .fad.fa-flag-swallowtail {
      --fa-primary-color: #212d52;
  --fa-secondary-color: #f95c38;
  --fa-secondary-opacity: 1;
  font-size: 36px;
  --fa-primary-opacity: 1;
  }
  
  #searchbox .fad.fa-plane{
      font-size: 36px;
      --fa-secondary-color: #98bff8 !important;
      --fa-primary-color: #0d6efd !important;
  }
  
  #searchbox .fad.fa-hotel {
      font-size: 36px;
      --fa-primary-color: #59b7d9;
      --fa-secondary-color: #2f3f63;;
      --fa-secondary-opacity: 1;
  }
  
  
  
  #results .nav-link:hover {
   color:  var(--brand-500);
  }
  
  /*Carousels / Cards */
  .card-link {
      z-index: 99;
      position: absolute;
      width: 100%;
      height: 100%;
  }
  .card svg {
      margin-right: 3px;
  }
  .destination, 
  .destination:hover, 
  .destination:active {
      display: inline-block;
      text-decoration: none;
      color: #212121;
      font-size: 20.8px;
      padding: 10px 18px;
  }
  
  .destination .count {
      color: var(--brand-300);
  }
  
  .destination-title {
      font-family: 'Satisfy', cursive;
      color: var(--bs-dark);
      padding-top: 10px;
  }
  
  .card {
      border: 0;
      box-shadow: 1px 1px 10px #cecece;
      margin-bottom: 10px
  }
  
  .card-meta {
      position: relative;
      padding: 7px 15px;
      font-size: 14px;
      display: flex;
      flex-wrap: nowrap;
      width: 150%;
      overflow: hidden;
  }
  
  .card-meta::after {
      background-image: linear-gradient(to right, rgba(255,0,0,0) 0%, var(--brand-500) 45%);
      content: "";
      display: block;
      position: absolute;
      width: 35px;
      height: 35px;
      top: 0;
      right: 33%;
    }
  
  .card-meta .nav {
      display: flex;
      flex-wrap: nowrap;
    }
  .card-meta ul li {
      padding: 0 5px;
      min-width: max-content;
  }
  
  .card-info span {
      font-weight: 500;
      padding-right: 7px;
  }
  
  .splide__pagination__page {
      background-color: var(--brand-300);
  }
  
  .splide__pagination__page.is-active {
      background-color: var(--brand-500);
  }
  
  .featured {
  position: absolute;
  top: 15px;
  right: 20px;
  padding: 2px 7px 5px 7px;
  background-color: var(--brand-500);
  color: var(--white);
  }
  .main-benefits .meta, .additional-benefits .meta {
      margin-left: auto !important;
      margin-right: 20px !important;
    }
  .membership-image {
      position: relative;
      overflow: hidden;
      border-radius: .25rem;
      max-height: 350px;
  }
  
  #membership-plans figcaption {
  top: 35%;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  text-transform: uppercase;
  }
  
  #membership-plans figcaption {
      color: var(--white);
  }
  
  #membership-plans figcaption hr {
      height: 5px;
      width: 57%;
      margin-left: auto;
      margin-right: auto;
      opacity: 1;
  }
  
  .membership-plan .figure {
      max-height: 50%;
      width: 100%;
  }
  
  .membership-plan .img-fluid {
      width: 100% !important;
      height: 350px;
  }
  
  .thumbnails__list {
      display: flex;
      list-style: none;
      background-color: var(--gray);
  }
  
  .thumbnails__item.is-active {
      border: 1px solid var(--brand-500);
  }
  
  .additional-benefits {
      margin: 0 auto;
          margin-top: 0px;
          margin-bottom: 0px;
      position: relative;
      display: block;
  }
  .card {
      overflow: hidden;
  }
  .card-info .trip-price {
      padding-left: 0;
  }
  
  .card-info .score {
      color: var(--black) !important;
  }
  
  .card-info svg {
      margin-right: 2px;
  }
  
  .card-info .trip-price span {
      font-size: 16px;
  }
  
  .card-info .price {
      font-weight: 500 !important;
      font-size: 48px;
  }
  
  .card-info .sale-price .price,
  .card-info .regular-price .price {
      font-size: 32px;
  }
  
  .card-info .sale-price sub, 
  .card-info .regular-price sub {
      font-size: 12px;
      left: -26px;
    }
  
  .card-info .sale-price sup, 
  .card-info .regular-price sup {
      font-size: 15.44px;
      top: -0.7rem;
    }
  
  .score {
      color: var(--black);
      font-weight: 500;
      margin-bottom: 5px;
  }
  
  .card-badge {
      left: 20px !important;
      top: 15px !important;
      border-radius: 0 !important;
      font-size: 18px;
      z-index: 99;
      padding-left: 35px;
  }
  
  #request-demo, #be-partner {
      background: var(--gray);
      padding: 25px;
      margin: 25px 0;
      box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
  }
  
  #request-demo .input-group,
  #be-partner .input-group {
      background: var(--brand-300);
      padding: 5px;
  }
  
  #request-demo .btn-primary,
  #be-partner .btn-primary
   {
      font-size: 13px;
      text-transform: uppercase;
      width: 100%;
      padding: 11px 10px;
  }
  
  
  #request-demo .form-control::-moz-placeholder,
  #be-partner .form-control::-moz-placeholder {
      background: transparent;
      border: 0;
      color: var(--white);
      font-size: 13px;
  }
  
  
  #request-demo .form-control:-ms-input-placeholder,
  #be-partner .form-control:-ms-input-placeholder {
      background: transparent;
      border: 0;
      color: var(--white);
      font-size: 13px;
  }
  
  
  #request-demo .form-control::-webkit-input-placeholder, #be-partner .form-control::-webkit-input-placeholder  {
      background: transparent;
      border: 0 !important;
      color: var(--white);
      font-size: 13px;
  }
  
  
  #request-demo .form-control::-moz-placeholder, #be-partner .form-control::-moz-placeholder  {
      background: transparent;
      border: 0 !important;
      color: var(--white);
      font-size: 13px;
  }
  
  
  #request-demo .form-control:-ms-input-placeholder, #be-partner .form-control:-ms-input-placeholder  {
      background: transparent;
      border: 0 !important;
      color: var(--white);
      font-size: 13px;
  }
  
  
  #request-demo .form-control::-ms-input-placeholder, #be-partner .form-control::-ms-input-placeholder  {
      background: transparent;
      border: 0 !important;
      color: var(--white);
      font-size: 13px;
  }
  
  
  #request-demo .input-group-text,
  #request-demo .form-control,
  #request-demo .form-control::placeholder,
  #be-partner .input-group-text,
  #be-partner .form-control,
  #be-partner .form-control::placeholder  {
      background: transparent;
      border: 0 !important;
      color: var(--white);
      font-size: 13px;
  }
  
  /*
  * Blog Carousel
  */
  .date, .meta {
      background: var(--brand-500);
      color: var(--white);
      text-align: center;
      padding: 5px 15px;
      position: relative;
      margin-right: auto;
      margin-left: 20px;
      margin-top: -18px;
      max-width: 170px;
    }
  
   .meta a {
      color: var(--white);
   }
  
  .blog-posts {
      margin: 0 auto;
  }
  
  /*
  * Subscriber block
  */
  
  #newsletter-block {
      background-color: var(--bs-gray-dark);
      color: var(--white);
  }
  #newsletter-block a{
      color: var(--white);
      text-decoration: underline;
  }
  
  #subscriber-email {
      border: 0;
      border-radius: 0;
      padding: 7px 8px;
  }
  #newsletter-block button {
      border-radius: 0 5px 5px 0;
  }
  
  
  #accept-terms.form-check-input:checked {
      background-color: var(--brand-500);
      border-color: var(--brand-500);
  }
  
  #newsletter-block .input-group-text {
      background: var(--gray);
      color: var(--bs-gray);
      border: 0;
  }
  
  #newsletter-email {
      border-radius: 5px 0px 0 5px;
  }
  
  /*
  * Footer
  */
  
  footer ul:not(.social-nav) a,
  footer ul:not(.social-nav) a:hover{
      color: var(--white);
  }
  
  .social-nav a {
      width: 32px;
      height: 32px;
      padding: 5px 9px;
      margin-left: 7px;
      color: var(--black);
      font-size: 17px;
    }
  
  .social-nav a:hover{
      color: var(--brand-500);
  }
  
  .footer .nav li:not(.nav-item) {
      width: 100%;
  }
  
  .post-link,
  .post-link:hover {
      color: var(--white);
  }
  
  #td-module .nav-link{
      color: var(--white);
  }
  
  #info-module a {
      color: var(--white);
  }
  
  #copyright {
      padding: 6px;
  }
  
  #copyright a {
      color: var(--white);
  }
  
  #copyright p{
      font-size: 12px;
      margin: 0;
  }
  
  /*Single Items*/
  .single-title {
      z-index: 1;
      text-transform: uppercase;
      font-weight: 700;
      text-align: center;
      color: var(--white);
      width: 100%;
      text-shadow: 1px 2px 3px rgba(0,0,0,0.4);
  }
  .single-title span{
      text-transform: capitalize;
      font-weight: 500;
  }
  
  
  .is-sticky #package-tabs {
      border-radius: 0 !important;
  }
  .is-sticky #filters {
      border-radius: 0 0 7px 7px !important;
  }
  
  
  #package-tabs {
      position: relative;
      background: var(--white);
      z-index: 1036 !important;
      display: flex;
      flex-wrap: nowrap;
      overflow-x: scroll;
      padding: 10px 15px;
      border: 0;
      transition: all .4s ease-in-out;
  
  }
  
  #results .nav{
      display: block !important;
  }
  
  
  #more-options-sticky-wrapper {
     display: none;
  }
  
  .more-options {
     display: none;
  }
  #more-options {
      transition: transform 0.4s ease-in-out;
    }
  
  #more-options .btn {
      color: var(--secondary);
      background: #f4f7ff;
      border-radius: 6px;
      margin-top: -2px;
  }
  .from-date, .to-date {
      width: 40%;
      color: #616267;
    }
  
  .entry-hour {
      display: inline-block;
      margin-top: 20px;
  }
  
  .entry-hour img {
      margin-top: -6px;
  }
  
  span.separator {
      position: absolute;
      bottom: 40px;
      margin-left: 14px;
      color: #696969;
  }
  
  
  .entry-hour strong {
      color: #676767;
      font-size: 18px;
      margin-left: 8px;
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  #package-tabs::-webkit-scrollbar, #filters .nav::-webkit-scrollbar, #searchbox .nav, #promo-banners .row::-webkit-scrollbar, #promo-banners-m .row::-webkit-scrollbar, .promo-section .row::-webkit-scrollbar  {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  #package-tabs, #filters .nav, #searchbox .nav, #promo-banners .row, #promo-banners-m .row, .promo-section .row {
      -ms-overflow-style: none;
      scrollbar-width: none !important;
  }
  
  #package-tabs li button {
      padding: 30px 50px !important;
      font-size: 13.6px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0;
      color: var(--black);
  }
  
  #package-tabs li button.active {
      background: var(--white);
      border-radius: 0;
      z-index: 2;
      display: block;
      position: relative;
      box-shadow: 0 0 7px 1px rgba(0,0,0,0.3);
  }
  
  #package-tabs li button {
      padding: 9px 15px !important;
      font-size: 13.6px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0;
      color: var(--black);
  }
  
  #promo-banners, #promo-banners-m, .promo-section {
      padding: 45px 0;
      background: var(--white);
      margin: 65px 0 0;
  }
  .promo-section img {
      max-height: 245px;
      border-radius: 7px;
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
  }
  #promo-banners .card, #promo-banners-m .cad{
  box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
  }
  
  #promo-banners a, #promo-banners-m a{
     font-weight: 500;
  }
  
  #promo-banners .fad, #promo-banners-m .fad {
  --fa-primary-color: #00bcd4;
  --fa-secondary-color: #2f3f63 ;
  --fa-secondary-opacity: 1;
  font-size: 24px;
  }
  
  
  
  #show-gallery {
      background-color: var(--white);
      right: 0;
      z-index: 99;
      bottom: 30px !important;
      position: absolute;
  }
  
  #show-gallery:hover{
      background-color: var(--dark-gray);
  
  }
  #package-tabs .nav-item {
      margin: 5px 13px;
  }
  
  #package-tabs .nav-link {
     color: #696969;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      border-radius: 5rem !important;
      border: 1px solid #b4b4b4;
      color: #696969;
      background: var(--white);
  }
  
  #more-options .nav-link {
      color: #696969;
      font-weight: 500;
      text-transform: uppercase;
       letter-spacing: 0;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
  }
  tbody tr:first-child th:not(:first-child) {
      background: #f5f5f5;
      color: #666666;
      text-align: center;
      padding: 20px;
    }
  
    tbody, td, tfoot, th, thead, tr {
      border: 0 !important;
    }
  
    .pack-feature {
      background-color: #f5f5f5 !important;
      font-size: 16px;
      font-weight: 700;
      color: #666;
    }
    .reservation-export i {
      padding-right: 8px;
    }
  
    .payments-list th {
      text-align: center;
    }
  
    tr td:not(:first-child) {
      text-align: center;
      min-width: 120px;
    }
  
    .tick .fa-check {
      color: #69A84F;
      font-size: 19.2px;
    }
  
    .tick .fa-times {
      color: #CC0201;
      font-size: 19.2px;
    }
  
    #price-packages {
      padding: 5rem 0;
    }
    #price-packages .table-responsive {
      position: relative;
      float: right;
  
    }
    .table h4 {
      margin-bottom: 0;
    }
    
    #price-packages .table th:first-child,
  #price-packages .table td:first-child {
    position: sticky;
    left: 0;
    background-color: #fff;
    width: 30%;
  }
  
  #price-packages tr:last-child td {
      padding-bottom: 30px !important;
    }
    
    .empty-space {
  padding: 20px 0;
    }
  
  .white-space {
   padding: 0 24px;
  }
  .tab-content {
      padding-left: 20px;
  }
  
  .breadcrumbs {
      width: auto;
      position: relative;
      display: inline-flex;
      padding: 7px 0 0 0;
  }
  
  .breadcrumbs li:not(:last-child) a::after {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f054";
      position: relative;
      top: 0;
      left: 1rem;
      color: #ccc;
  }
  .breadcrumbs li a,
  .breadcrumbs li a:hover {
      color: var(--black);
  }
  
  .js-sticky-widget.questions.sticksy-dummy-node {
      height: 0;
    }
  
  .trip-duration {
      padding-top: 15px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 30px;
  }
  
  .trip-duration .col-4 {
      padding: 0 !important;
  }
  
  .trip-duration svg:not(.start) {
      margin-left: auto;
      margin-right: auto;
  }
  
  .trip-duration svg {
      background: var(--white);
  }
  
  .middle-trip {
      padding-left: 30px;
  }
  
  .trip-price {
      padding-left: 20px;
  }
  
  .trip-price span {
      padding-right: 6px;
  }
  
  .trip-price .start-price {
      text-decoration:line-through;
  }
  
  .trip-price .discount
   {
      background-color: var(--red);
      color: var(--white);
      padding: 0.25rem 0.75rem;
      border-radius: 2rem;
      font-weight: 700;
      font-size: 12.32px;
  }
  
  
  .tarifas .discount {
      background-color: var(--red);
      color: var(--white);
      padding: 0.25rem 0.75rem;
      border-radius: 2rem;
      font-weight: 700;
      font-size: 10.72px;
      margin-left: -10px;
      position: relative;
      top: -7px;
  }
  
  .end-trip {
      padding-left: 30px;
  }
  
  .sale-price {
      color: var(--red);
  }
  
  .regular-price {
      color: #373737;
  }
  
  .sale-price .price {
      font-size: 48px;
      font-weight: 700;
  }
  
  #terms {
      margin-top: 0;
  }
  
  .sale-price sup {
      top: -0.7rem;
      left: -0.3rem;
      font-size: 13.6px;
  }
  
  .sale-price sub,
  .regular-price sub {
      left: -1.5rem;
      bottom: -2px;
  }
  
  .feature-list{
      list-style: none;
  }
  
  .feature-list li::before {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f054";
      color: var(--dark-gray);
      padding-right: 5px;
      margin-left: -14px;
  }
  
  .trip-title {
      text-transform: uppercase;
  }
  
  /*Recommend dates*/
  .reservation-date {
      position: relative;
  }
  .reservation-date::after {
      content: "";
      height: 2px;
      background: var(--dark-gray);
      position: absolute;
      bottom: 15px;
      width: 100%;
  }
  .day {
      font-size: 48px;
      font-weight: 700;
      color: #616267;
      line-height: 3rem
  }
  
  .duration-days {
      display: flex;
      padding: 0 10px;
      width: 40%;
      margin: 0 auto;
      position: relative;
      text-align: center;
      justify-content: center;
    }
  
  .duration-days .days {
      background: var(--brand-300);
      padding: 6px 8px;
      color: #fff;
      font-weight: 500;
      border-radius: 5px;
      font-size: 12px;
    }
  
  .list-price .sale-price {
      margin-right: -20px;
      margin-top: 10px;
      margin-bottom: 0;
  }
  
  .list-price .sale-price .price {
      font-size: 32px;
  }
  
  .btn-pay {
      font-size: 11.2px;
  }
  
  /*
  *Itinerary
  */
  #itinerary p {
      font-size: 15px;
    }
    
  .tour-plan-resume {
      padding-top: 1rem;
    }
  
    .tour-plan-resume h3 {
      padding-bottom: 7px;
    }
    
  .tour-itinerary {
      counter-reset: day-counter;
      list-style: none;
      padding: 0;
      margin-top: 2rem;
      margin-left: -2rem;
      border-left: 1px dotted var(--brand-400);
  }
  
  .tour-itinerary > li {
      counter-increment: day-counter;
      font-size: 17.6px;
      /*font-weight: 500;*/
      padding-left: 28px;
      padding-bottom: 2rem;
  }
  
  .tour-itinerary h3 {
      font-size: 17.6px;
      font-weight: 500;
      display: inline-block;
      margin-top: 9px;
  }
  
  .tour-itinerary > li::before {
      content: counter(day-counter);
      padding: 8px 15px;
      background-color: var(--brand-400);
      margin-right: 15px;
      color: var(--white);
      font-weight: 700;
      font-size: 16px;
      margin-left: -3rem;
  position: absolute;
  }
  
  .tour-plan-resume i {
      font-size: 22px;
      color: #00bcd4;
      max-width: 22px !important;
      height: auto;
    }
  
  .activity-duration {
      display: block;
      font-weight: 300;
      font-size: 14.4px;
      padding: 7px;
  }
  
  .activity-duration::before {
      height: 12px;
      width: 12px;
      background-color: var(--dark-gray);
      border-radius: 50%;
      display: inline-block;
      margin-right: 7px;
      content: "";
  }
  
  .activity-content {
      padding-left: 25px;
      margin-top: 20px;
  }
  .single-activity-title {
      margin-top: 20px !important;
      margin-left: 21px;
    }
  
    .single-activity .activity-duration {
      margin-left: -30px;
    }
  
  .single-activity {
      margin-top: 0 !important; 
  }
  
  .hourly-itinerary {
      border-left: 1px dotted #c1c1c1;
      position: relative;
      margin-top: 10px;
  }
  
  .hourly-itinerary > li {
      list-style: none;
  }
  
  .btn-marker {
      background: var(--white);
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      position: absolute;
      left: -20px;
      margin-left: 0;
      padding: 7px 11px;
      border-radius: 50%;
      border: 1px solid #c1c1c1;
      width: 38px;
      height: 38px;
      color: #8c8a8a;
      transition: all .2s ease-in-out;
  
  }
  
  .btn-marker:hover {
      border-color: var(--brand-500);
      color: var(--brand-500);
  }
  
  .hourly-itinerary .activity-duration::before {
      display: none;
  }
  
  #webuiPopover4 .webui-popover-content {
      padding: 0;
  }
  
  .filters-container {
      margin-top: -62px;
  }
  #filters {
      background-color: var(--white);
      margin-bottom: 22px;
      max-width: 1320px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      z-index: 1020 !important;
      padding: 15px 0;
      border-radius: 5px;
      box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
      transition: all .4s ease-in-out;
  }
  
  #filters-sticky-wrapper {
      margin-bottom: 10px;
  }
  
  #filters .nav .nav-item {
      background: #edf1fd;
      color: var(--secondary);
      padding: 8px 15px 5px 20px;
      margin: 5px 10px;
      border-radius: 12px;
      max-width: 25%;
      min-width: 15%;
      position: relative;
      transition: all .3s linear;
  }
  .filter-name i {
      font-size: 25px;
  }
  
  .filter-name .filterprice{
      top: -3px;
  }
  
  .filter-name span {
      top: -5px;
      position: relative;
      left: 7px;
      font-size: 15px;
      font-weight: 500;
  }
  
  #sortTrips {
      text-align: center;
      padding: 10px !important;
      margin-left: -8px !important;
      font-size: 20px !important;
  }
  
  #filters .fad {
      --fa-primary-opacity: 1; 
      --fa-secondary-opacity: 1;
      transition: all .5s ease-in-out;
  }
  
  #filters .added .fad {
      --fa-primary-opacity: 1; 
      --fa-secondary-opacity: 1; 
      --fa-secondary-color: #00bcd4 !important;
  }
  #filters  .nav-item,
  #package-tabs  .nav-link {
      transition: all .5s ease-in-out;
      
  }
  
  #filters  .nav-item:hover,
  #package-tabs  .nav-link:hover {
      background: var(--white);
      cursor: pointer;
      box-shadow: 0 0 7px 1px rgba(0,0,0,0.3);
      
  }
  
  #filters .nav-item:hover .fad,
  #package-tabs  .nav-link:hover .fad
   {
      --fa-primary-opacity: 1; 
      --fa-secondary-opacity: 1; 
      --fa-secondary-color: #00bcd4 !important;
  }
  #package-tabs .nav-link:hover .fas.fa-star {
      color: #374162 !important;
  background: #00bcd4 !important;
  }
  .nav-item:hover .fa-dollar-sign{
      background: #00bcd4 !important;
      color: #2f3f63;
  }
  
  #filters .added .fas.fa-dollar-sign{
      background: #00bcd4;
      color: #2f3f63;
  }
  
  #filters .fas.fa-dollar-sign {
      background: #95c9cf;
      padding: 6px 9px 6px 9.5px;
      font-size: 13px;
      border-radius: 25px;
  }
  
  #filters .fad.fa-calendar-alt {
      --fa-primary-color: #2f3f63;
      --fa-secondary-color: #95c9cf;
  }
  
  #filters .fad.fa-clock {
      --fa-primary-color: #2f3f63;
      --fa-secondary-color: #95c9cf;
  }
  
  #filters .fad.fa-people-arrows {
      --fa-primary-color: #2f3f63;
      --fa-secondary-color: #95c9cf;
  }
  
  #filters .fad.fa-ellipsis-h {
      --fa-primary-color: #2f3f63;
      --fa-secondary-color: #95c9cf;
  }
  
  
  #filter-date {
      display: block;
      padding-left: 34px;
      margin-top: -3px;
      font-size: 14px;
      min-height: 32px;
  }
  
  #filters #priceButton {
      padding-left: 32px;
      margin-top: -10px;
  }
  
  #filters .nav .nav-item.sorting {
      min-width: 5% !important;
      max-height: 48px;
      margin-top: 14px;
      font-size: 21px;
      --fa-primary-color: #2f3f63;
      --fa-secondary-color: #00bcd4;
      padding: 8px 10px 5px 20px;
  }
  
  #sortingFilterContent ul > li > button {
      color: #464646;
      background: transparent;
      border: 0;
      padding: 10px 12px;
      width: 100%;
      text-align: left;
      border: 0;
      -webkit-animation:  all .5s ease-in-out;
              animation:  all .5s ease-in-out;
  }
  
  #sortingFilterContent ul > li {
      width: 100%;
  }
  #sortingFilterContent ul > li > button:hover {
    background: var(--dark-gray);
  
  
  }
  #filters .nav .nav-item.added svg {
      display: block;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }
  
  #filters input, #filters .nav-item button {
      color: var(--secondary);
      font-weight: 400;
      letter-spacing: 0;
      cursor: pointer;
      font-size: 14px;
      padding-left: 31px;
  margin-top: -10px;
  }
  #filters .nav-item.added button,
  #filters .nav-item.added span
   {
      font-weight: 500;
  }
  
  .sidebar {
      background-color: var(--gray);
      box-shadow: 1px 0px 1px var(--dark-gray);
      overflow: hidden;
  }
  #profile-menu {
      background: var(--white);
      height: 100%;
  }
  
  #profile-menu .nav-item {
      padding: 5px 10px;
      border-bottom: 1px solid;
      border-top: 1px solid;
      border-color: var(--gray);
      transition: all linear .3s;
  }
  
  #profile-menu .nav-link{
  color: var(--black);
  }
  
  #profile-menu .nav-link.active,
  #profile-menu .nav-link:hover,
  #profile-menu .nav-link:active,
  #profile-menu .nav-link:focus {
      color: var(--brand-500);
  }
  
  .country-select, .iti {
      width: 100%;
  }
  
  /*
  * Error 404
  */
  
  #error-404 {
      background-color: #E9FDFF;
  }
  /*
  * DatePicker
  */
  .daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
  }
  
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
  }
  
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
  }
  
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
  }
  
  .daterangepicker.opensleft:before {
    right: 9px;
  }
  
  .daterangepicker.opensleft:after {
    right: 10px;
  }
  
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  .daterangepicker.opensright:before {
    left: 9px;
  }
  
  .daterangepicker.opensright:after {
    left: 10px;
  }
  
  .daterangepicker.drop-up {
    margin-top: -7px;
  }
  
  .daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
  }
  
  .daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
  }
  
  .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none;
  }
  
  .daterangepicker.single .drp-selected {
    display: none;
  }
  
  .daterangepicker.show-calendar .drp-calendar {
    display: block;
  }
  
  .daterangepicker.show-calendar .drp-buttons {
    display: block;
  }
  
  .daterangepicker.auto-apply .drp-buttons {
    display: none;
  }
  
  .daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
  }
  
  .daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
  }
  
  .daterangepicker .drp-calendar.right {
    padding: 8px;
  }
  
  .daterangepicker .drp-calendar.single .calendar-table {
    border: none;
  }
  
  .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
  }
  
  .daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  
  .daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  
  .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
  }
  
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
  }
  
  .daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
  }
  
  .daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
  }
  
  .daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
  }
  
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
  }
  
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
  }
  
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
  }
  
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
  }
  
  .daterangepicker td.start-date.end-date {
    border-radius: 4px;
  }
  
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--brand-500);
    border-color: transparent;
    color: #fff;
  }
  
  .daterangepicker th.month {
    width: auto;
  }
  
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
  }
  
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
  }
  
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
  }
  
  .daterangepicker select.yearselect {
    width: 40%;
  }
  
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
  }
  
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
  }
  
  .daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
  }
  
  .daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
  }
  
  .daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
  }
  
  .daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
  }
  
  .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
  }
  
  .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
  }
  
  .daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
  }
  
  .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
  }
  
  .daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
  }
  
  .daterangepicker.show-calendar .ranges {
    margin-top: 8px;
  }
  
  .daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  
  .daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
  }
  
  .daterangepicker .ranges li:hover {
    background-color: #eee;
  }
  
  .daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
  }
  
  
  #date-search {
      box-shadow: none !important;
      overflow: hidden;
      outline: 0 !important;
      font-size: 16px;
      cursor: pointer;
      width: 90%;
  }
  
  #date-search:focus{
      border: 0 !important;
  }
  
  
  #more-results {
      margin-top: -35px;
      margin-left: 32px;
      color: var(--brand-500);
    }
    
  #results {
      background: #fff;
      padding-bottom: 50px;
  }
  
  #results .nav-link {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 0 10px;
      background: transparent;
      color: #000;
      margin: 0;
  }
  
  #results .nav-item {
      line-height: 13px;
      height: auto;
  }
  
  #results ul {
      display: block !important;
    }
  
    #results .nav-link {
      padding: 15px 10px;
      background: transparent !important;
      box-shadow: none;
      text-align: left;
    }
  
    #results .nav-item:hover{
      background: #ecf9ff;
      box-shadow: none;
    }
  
    #results .nav-item:hover a {
      color: var(--brand-500);
      width: 100%;
      height: 100%;
      box-shadow: none !important;
    }
  
  #filterButton {
      border: 1px solid #b4b4b4;
      color: #7e868d;
  }
  
  #searchbox .input-group {
      border: 1px solid #ccc;
      border-radius: 7px;
      background: #f6f6f6;
      padding: 7px 20px 3px;
  }
  
  .btn-voucher {
      color: var(--red) !important;
      font-size: 18px;
      padding: 5px;
      top: -5px;
      position: relative;
    }
  
    .btn-refund {
      color: var(--brand-500) !important;
      font-size: 18px;
      padding: 5px;
      top: -5px;
      position: relative;
    }
  /*  Larger Screen Styling */
  @media (min-width: 1920px) and (-webkit-min-device-pixel-ratio: 3) {
   .profile-name {
      color: var(--white);
      font-size: 32px !important;
      text-transform: uppercase;
      position: absolute;
      bottom: 8rem;
      left: 20.5rem;
  }
  
  span.separator {
      bottom: 30px;
  
  }
  
  #filters-sticky-wrapper {
      margin-top: -64px;
      margin-bottom: 30px;
  }
  
  }
  
  
  @media (min-width: 564px) {
    .daterangepicker {
      width: auto;
    }
  
    .daterangepicker .ranges ul {
      width: 140px;
    }
  
    .daterangepicker.single .ranges ul {
      width: 100%;
    }
  
    .daterangepicker.single .drp-calendar.left {
      clear: none;
    }
  
    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
      float: left;
    }
  
    .daterangepicker {
      direction: ltr;
      text-align: left;
    }
  
    .daterangepicker .drp-calendar.left {
      clear: left;
      margin-right: 0;
    }
  
    .daterangepicker .drp-calendar.left .calendar-table {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  
    .daterangepicker .drp-calendar.right {
      margin-left: 0;
    }
  
    .daterangepicker .drp-calendar.right .calendar-table {
      border-left: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  
    .daterangepicker .drp-calendar.left .calendar-table {
      padding-right: 8px;
    }
  
    .daterangepicker .ranges, .daterangepicker .drp-calendar {
      float: left;
    }
  }
  .info-box h2 {
      background-color: var(--brand-300);
      color: var(--white);
      padding: 7px 13px;
      margin: 0;
  }
  .include::before {
      content: "\f058";
      font-family: "Font Awesome 6 Pro";
      position: absolute;
      color: var(--green);
      margin-left: -20px;
      font-size: 16px;
      margin-top: -4px;
  
  }
  
  .not-include::before {
      content: "\f057";
      font-family: "Font Awesome 6 Pro";
      position: absolute;
      color: var(--red);
      margin-left: -20px;
      font-size: 16px;
      margin-top: -4px;
  
  }
  
  .include, .not-include {
      padding-left: 20px;
  }
  
  .include h3, .not-include h3 {
      font-size: 14px;
  }
  
  .tour-plan-resume p:not(.fw-bold) {
      margin-top: -10px;
      margin-bottom: 20px;
    }
  
  .info-box .includes {
      padding: 10px 30px;
      background: var(--gray);
  }
  
  .info-box .includes li::before {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f00c";
      color: var(--brand-300);
      padding-right: 5px;
      margin-left: -14px;
  }
  
  .info-box .includes li {
      padding-bottom: 15px;
      width: 100%;
  }
  
  
  @media (min-width: 730px) {
      #searchbox .nav-item {
          min-width: 16%;
          margin-right: 14px;
          margin-left: 14px;
      }
  
  
      .table-fixed-right {
          margin-left: auto;
        }
        .ticket-options {
          padding-top: 33px !important;
        }
      #search-results {
          padding-top: 25px !important;
      }
  
      #home-search {
          padding-left: 32px;
      }
  
      #package-tabs .nav-link {
          font-size: 16px !important;
      }
  
  
    .daterangepicker .ranges {
      width: auto;
    }
  
    .daterangepicker .ranges {
      float: left;
    }
  
    .daterangepicker.rtl .ranges {
      float: right;
    }
  
    .daterangepicker .drp-calendar.left {
      clear: none !important;
    }
  }
  #checkout-form {
      background-color: var(--white);
  }
  .checkout-details h2 {
      margin: 40px 10px 12px;
  }
  .checkout-details {
      background-color: var(--white);
      margin-top: 22px;
  }
  
  #billing_telephone {
      width: 99.8%;
      z-index: 0;
      margin-left: 1px;
      border-left: 1px solid #cecece !important;
  }
  
  .hiddenbox {
      border-left: 3px solid var(--brand-500);
      padding-left: 15px;
      margin-top: -5px;
      display: none;
  }
  
  
  .package-item {
      padding: 0 10px;
  }
  
  .package-title {
      font-size: 16px;
      font-weight: 400;
      margin: 0;
  }
  .package-item .desc {
      font-size: 12px;
      margin: 0;
      display: block;
  }
  
  .package-item p {
      margin: 0;
  }
  
  #coupon-form {
      border: 2px dashed var(--brand-300);
      padding: 20px 15px 0;
  }
  
  .checkout-total {
      padding: 20px;
      background-color: var(--brand-500);
      margin: 15px -22px 0;
      color: #fff;
      font-size: 19.2px;
  }
  
  .extra-title {
      font-size: 14px;
      border-bottom: 1px solid #cecece;
      padding-bottom: 10px;
  }
  .experience-form .form-switch {
      text-align: right;
  }
  .form-switch {
      border: 0 !important;
  }
  
  .form-switch .form-check-input {
      width: 3em;
      padding: 10px;
      margin-left: 0;
      float: none;
      margin-top: 0;
  }
  
  .form-check-inline {
      margin-right: 0;
  }
  
  .gateway h2 {
      font-size: 16px;
  }
  
  .gateway {
      display: block;
      position: relative;
      min-height: 1.5rem;
      padding-left: 1.5em;
      margin-bottom: .125rem;
      font-size: 13px !important;
      padding: 15px 25px 0;
  }
  
  .selected {
      border-left: 3px solid var(--brand-500);
  }
  
  .form-select.horario {
      border: 1px solid #ced4da !important;
      font-size: 13px;
    }
  
  .gateway:hover, .gateway:hover input, .gateway:hover label   {
      cursor: pointer;
  }
  
  .gateway-logo {
      max-width: 120px;
      position: absolute;
      right: 10px;
      top: 27px;
  }
  
  .form-check-input {
      margin-top: 15px;
      width: 1.2rem;
      height: 1.2rem;
      margin-right: 10px;
  }
  
  .form-floating > label.error {
      bottom: 14px !important;
      left: auto;
      right: 0;
  }
  
  #package-tabs .nav-link {
      color: var(--secondary);
      font-weight: 500;
      text-transform: none;
      letter-spacing: 0;
      cursor: pointer;
      border: 0;
      font-size: 12px;
      white-space: nowrap;
      border-radius: 12px !important;
      background: #f5f7ff;
  }
  
  #package-tabs .fad {
  --fa-primary-opacity: 1;
  --fa-secondary-opacity: 1;
  }
  #reviews-tab {
      min-height: 45.5px;
  }
  
  .score-wrapper {
      background: #f4f4f3;
      padding: 20px;
      border-radius: 5px;
    }
    .star-bar-count {
      display: inline-block;
      min-width: 25%;
      color: #b9b9ba;
      text-align: center;
      font-weight: 500;
    }
  
    .progress.star-bar {
      width: 60%;
      display: inline-flex;
      top: 4px;
      margin-left: 5px;
    }
    .score-wrapper h2 {
      text-align: center;
    }
    .score-count {
      font-size: 62px;
      font-weight: 700;
    }
    .max-score {
      font-size: 14px;
    }
  
    .star-filled {
      color: #ffc107;
    }
  
    .stars-total i:not(.star-filled) {
      color: #939393;
    }
  
  #package-tabs .active .fad {
      --fa-primary-opacity: 1;
      --fa-secondary-opacity: 1;
      --fa-secondary-color: #00bcd4 !important;
      }
  
  #package-tabs .active .fas {
          color: #374162 !important;
         background: #00bcd4 !important;
          }
      
  
  #package-tabs .fad.fa-clipboard-list-check {
      --fa-primary-color: #374162;
      --fa-secondary-color: #95c9cf ;
  }
  
  #package-tabs .fad.fa-info-square {
  --fa-primary-color: #374162;
  --fa-secondary-color: #95c9cf;
  position: relative;
  top: 2px;
  }
  
  #package-tabs .fas.fa-star {
  color: #374162;
  background: #95c9cf;
  font-size: 10px;
  padding: 6px 6px 7px 6px;
  border-radius: 5rem;
  position: relative;
  top: -1px;
  
  }
  
  #package-tabs .fad.fa-plus-square {
      --fa-primary-color: #374162;
      --fa-secondary-color: #95c9cf;
      position: relative;
  top: 2px;
      }
  
  #package-tabs .fad.fa-question-square {
          --fa-primary-color: #374162;
          --fa-secondary-color: #95c9cf;
          position: relative;
  top: 2px;
  }
  
  #more-options .fad.fa-ellipsis-v {
      --fa-primary-color: #374162;
      --fa-secondary-color: #00bcd4;
  }
      
  #package-tabs .nav-item {
      margin: 5px 10px;
  }
  
  /* common */
  .banner-container {
      position: relative;
      max-width: 430px;
      text-align: center;
  }
  
  .ribbon {
    width: 94%;
    height: 400px;
    overflow: hidden;
    position: absolute;
  }
  
  .ribbon div {
    position: absolute;
    display: block;
    width: 120%;
    padding: 15px 0;
    background-color: var(--brand-500);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
  }
  
  .ribbon.ribbon-top-left span {
      font-family: 'Satisfy', cursive;
      font-size: 24px;
      text-transform: none;
  }
  
  /* top left*/
  .ribbon-top-left {
    top: -10px;
    width: 100%;
  }
  
  .ribbon-top-left div {
    right: -35px;
    top: 120px;
    transform: rotate(-20deg);
  }
  
  /*Loaders*/
  #overlay{   
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
  }
  .cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
  }
  .spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    -webkit-animation: sp-anime 0.8s infinite linear;
            animation: sp-anime 0.8s infinite linear;
  }
  @-webkit-keyframes sp-anime {
    100% { 
      transform: rotate(360deg); 
    }
  }
  @keyframes sp-anime {
    100% { 
      transform: rotate(360deg); 
    }
  }
  .is-hide{
    display:none;
  }
  /*Fix for Responsive*/
  
  @media (min-width:  620px) and (max-width: 1360px) {
      #filters input, #filters .nav-item button {
      font-size: 12px;
  }
  
  .submenu-container{
      margin-top: -76.5px;
  
  }
  
  .carousel-item img {
      height: 300px;
      max-height: 300px !important;
      object-fit: cover;
  }
  
  #recommend-dates .container {
      max-width: 95%;
  }
  
  
  
  
  .destination, .destination:hover, .destination:active {
      display: inline-block;
      text-decoration: none;
      color: #212121;
      font-size: 16px;
      padding: 10px 3px;
  }
  
  }
  
  #package-tabs .fad,
  #package-tabs .fas  {
      font-size: 24px;
      margin-right: 9px;
  }
  
  #package-tabs .nav-link span {
      position: relative;
      top: -2px;
  }
  
  #reviews-tab span {
      top: 1px !important;
  }
  /*
  #Mobile
  */
  
  @media (max-width: 600px) {
      body {
           margin-top: 71px;
      }
      .single-carousel {
          margin-top: 0 !important;
        }
      .pack-feature span {
          position: sticky;
          left: 0;
          text-align: center;
          padding-left: 20px;
        }
        .package-reservation {
          border-radius: 5px;
          box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
        }
      #package-tabs i {
  margin-right: 7px;
      }
  
      .reservation-list {
          margin-top: 20px;
        }
  
      .submenu .nav-link span {
          font-size: 13px;
        }
  
      #features img {
          object-fit: cover;
          height: 40px !important;
        }
        .splide__list {
          margin-bottom: 0 !important;
        }
        .sale-price sup {
          top: -0.5rem;
          left: -0.3rem;
          font-size: 13.6px;
        }
        .breadcrumbs-container {
          display: flex;
          white-space: nowrap;
          width: 100% !important;
          overflow: hidden;
          padding-right: 10px;
        }
        .breadcrumbs .nav-item {
          display: inline-block;
        }
        .breadcrumbs {
          margin-bottom: 20px;
          overflow: hidden;
          white-space: nowrap;
          display: inline;
          position: relative;
        }
  
        .blog-posts .card-body p {
          max-height: 100px;
          overflow: hidden;
        }
  
  
  
  .package-up {
    transform: translate3d(0, 70px,0);
  }
      .tarifas del {
          padding-right: 0;
        }
  
      #price-packages {
          padding-top: 3rem !important;
        }
        #more-results {
          margin-top: -40px;
        }
      #price-packages .table-responsive {
          position: relative;
          float: none;
        }
  
        #subscription .btn, #subscription .form-control {
          height: 40px;
        }
  
        #mobile-search .btn.position-absolute.top-100.start-50.translate-middle.badge.rounded-pill.bg-gray.mb-3 {
          height: 5px !important;
          display: block;
          background: #c0c0c0;
          width: 25px !important;
          padding: 0 20px;
          margin-top: -8px !important;
        }
        
        .tabs-container {
          padding-top: 0;
        }
      iframe[state="widgetClose"] {
          margin-bottom: 60px !important;
        }
        
        .stars-total i {
          font-size: 28px;
        }
  
        .progress.star-bar {
          width: 100%;
          margin-bottom: 1rem;
  
        }
      #searchbox .input-group-text {
          background: #fff;
          border: 0;
          color: #b4b4b4;
          padding-left: 17px;
          padding-top: 0;
          padding-bottom: 6px;
          margin: -10px 0 0 0;
      }
  .btn-download {
      margin-bottom: 5px;
  }
  #sub-menu .nav-item {
      margin: 0 10px;
    }
  
  .submenu-container {
      margin-top: -76.5px;
  }
  
  .navbar-brand img {
      width: 50%;
    }
  
    .btn.toggle-menu.d-inline.d-sm-none {
      color: #323232;
    }
  
    .offcanvas-nav a {
      color: #212121 !important;
    }
    .offcanvas-header .navbar-brand img {
      height: auto;
    }
  #package-tabs .nav-link span {
      top: -3px;
      position: relative;
  }
  
  .promo-section img {
      max-height: 245px;
      border-radius: 7px;
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
  }
  
  #promo-banners .row, .promo-section .row , #promo-banners-m .row{
      display: flex;
      flex-wrap: nowrap;
      overflow: scroll;
  }
  .trip-duration {
      padding-top: 15px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 25px;
  }
  
  .trip-duration .col-4 {
      padding: 0 !important;
  }
  .offcanvas-nav .nav-link  {
      padding: 17px 20px 11px;
      color: var(--white);
      font-size: 15px;
      font-weight: 400;
  }
  #searchbox, .search-wrapper {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
  }
  .itinerary-map {
      height: 100%;
      min-height: 250px;
    }
  
  
  .submenu {
      list-style: none;
  }
  .navbar-brand {
      margin-left: auto;
      margin-right: auto;
  }
  .carousel-item img {
      height: 250px !important;
      object-fit: cover;
    
  }
  .ribbon {
    width: 100%;
  }
  .tabs-container {
      margin-bottom: 5rem;
  }
  
  .breadcrumbs li a, .breadcrumbs li a:hover {
      color: var(--black);
      padding: 0 1rem;
  }
  
  .ribbon-top-left {
    top: -10px;
    margin: 0;
  }
  
  #searchbox ul li {
      margin: 0 10px;
  }
  
  #searchbox .nav-link {
      background: var(--white);
      padding: 7px 0 7px 0 !important;
      margin: 9px 0;
      font-size: 12px !important;
      text-align: center;
  }
  
  #add_paymet {
      z-index: 1080 !important;
    }
  #searchbox .nav-link {
      background: #eee;
      padding: 17px 20px 17px 20px !important;
      margin: 9px 0;
      font-size: 12px;
      text-align: center;
  }
  #results .nav-link {
      padding: 8px 20px 5px 21px !important;
    }
  
    #search-travel:focus {
      border: 0 !important;
    }
  #searchbox .input-group {
      border: 1px solid #c3c3c3;
      border-radius: 7px;
      background: #fff;
      padding: 6px 20px 6px;
      margin-left: 10px;
  max-width: 98%;
    }
  
  #date-search {
      max-width: 70%;
  }
  
  .destination, .destination:hover, .destination:active {
      display: inline-block;
      text-decoration: none;
      color: #212121;
      font-size: 17px;
      padding: 12px 3px;
  }
  
  .destination-single img {
      max-height: 100px;
      width: 100%;
  }
  
  .destination-single {
      position: relative;
      overflow: hidden;
      border-radius: 15px;
  }
  
  #destinations img {
      min-height: auto;
      -o-object-fit: cover;
         object-fit: cover;
         width: 210px;
      border-radius: 7px !important;
  height: 140px;
  }
  
  .destination-title {
      font-family: 'Satisfy', cursive;
      color: var(--white);
      padding-top: 10px;
      position: absolute;
      text-shadow: 3px 3px 2px #000;
      top: 30%;
      margin-left: auto !important;
      width: 100%;
      text-align: center;
      margin-right: auto;
  }
  
  .form-check-label[for="terms"] {
      margin-top: -45px;
      margin-left: 10px;
  }
  
  .hero-full .hero-video {
      margin-top: 150px !important;
      width: 80%;
  }
  
  .hero-full .subtitle {
      margin-top: -25% !important;
      }
  
  .hero-full .hero-title {
      margin-top: -18% !important;
  
  }
  
  .hero-full .hero-text {
      width: 80%;
      margin-top: 0 !important;
  }
  
  
  .mobile-breadcrumbs li:not(:first-child) a::before {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f054";
      position: relative;
      top: 0;
      left: -7px;
      color: #ccc;
  
  }
  .mobile-breadcrumbs {
      background-color: var(--dark-gray);
      width: 650px;
      overflow: hidden;
  }
  
  .mobile-breadcrumbs .nav-link {
      color: var(--black);
      padding: 7px 12px;
  }
  
  
  #mobile-menu {
      overflow: scroll;
  }
  .nav-item .has-submenu .nav-link {
      position: relative;
  }
  
  #mobile-menu .nav-item.has-submenu > .nav-link::after {
      content: "\f0d7";
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      position: absolute;
      right: 15px;
  }
  
  #mobile-menu .nav-item.has-submenu:first-child > .nav-link::after {
      margin-top: 20px;
  }
  
  #main-menu .btn {
      padding: 8px 0 4px;
  }
  
  .submenu .nav {
      flex-wrap: inherit;
      text-align: center;
  }
  
  
  #sub-menu .nav-link {
      padding: 10px 14px;
      font-size: 14px;
      margin: 0;
  }
  .uppy-Dashboard-inner {
      height: 300px !important;
    }
    
  .profile-name {
      bottom: 8rem;
      left: 2rem;
  }
  
  .reservation-image{
      margin-bottom: 20px;
      border-radius: 0;
  width: 100%;
  }
  
  .reservation-actions {
      padding: 5px 2px;
  }
  #m-login-button {
      color: var(--brand-500);
      border: 1px solid;
      border-radius: 50%;
      padding: 3px 8px !important;
  }
   .is-sticky #filters {
      border-radius: 0 0 7px 7px !important;
  }
  
  .toggle-menu {
      color: var(--white);
  }
  .tab-content {
      padding-left: 0;
  }
  
  .hide-mobile {
      display: none !important;
  }
  .wide-mobile .container {
      margin: 0 !important;
      padding: 0;
  }
  
  #floating-panel .row .col-2 {
      margin-left: auto;
    }
  
  .floating-panel {
      background: var(--white);
      padding: 5px 15px;
  }
  
  #modify_reservation .btn {
      font-size: 12px;
  }
  /*ELEMENTS*/
  #newsletter-block .form-switch {
      padding: 0 9px;
  }
  
  .testimonials-carousel .splide__pagination {
      bottom: 4.5rem;
      margin-bottom: 15px;
  }
  
  .testimonials-carousel .splide__slide.is-active .content {
      opacity: 1;
      min-width: 40vw;
      margin-left: -18px;
  }
  
  .testimonials-carousel .image-container {
      margin-bottom: 60px !important;
  }
  
  .testimonials-carousel .splide__slide .content {
      margin-top: 20px;
      text-align: center;
      transition: all 0.3s ease-in-out;
  }
  
  .trip-details {
      font-size: 12px;
      hyphens: auto;
  }
  
  .whatsapp-contact {
      font-size: 42px;
      top: 21px;
      position: absolute;
      right: 32%;
      color: var(--bs-gray);
  }
  
  #alltripsbutton {
      position: relative;
      left: 0;
      padding: 9px 15px;
      border-radius: 5px;
      box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
      top: -10px;
  }
  
  .experiencies-panel #alltripsbutton {
      left: -55px !important;
  }
  .ticket-cost {
  position: relative;
  top: -5px;
  }
  .ticket-cost:nth-child(2) {
      left: -10px !important;
  
  }
  
  #add_Payment .gateway .form-check-label {
      margin-top: -27px;
      margin-left: 10px;
  }
  
  
  .floating-panel {
      background: var(--white);
      padding: 16px 15px 0px;
      border-top: 1px solid var(--dark-gray);
  }
  
  
  #checkout-details-m {
      height: 70vh;
      padding: 20px;
      overflow-y: scroll;
  }
  
  #billing_country {
      border-left: 1px solid #cccc !important;
  }
  
  #checkout-details-m button[data-bs-dismiss="offcanvas"] {
      margin-top: 13px !important;
      border-radius: 0 0 10px 10px !important;
  }
  
  .wizard > .actions {
      position: fixed !important;
      bottom: 0 !important;
      z-index: 1050;
      right: 1px;
  }
  .experience-modal {
      height: 85vh !important;
    }
  
  .sale-price {
      margin-bottom: 0;
  }
  .sale-price.mobile-price {
      margin-bottom: -5px;
      margin-top: -5px;
    }
  
  .sale-price .price {
      font-size: 32px;
      font-weight: 700;
  }
  /*Carousel*/
  
  
  .image-container {
      position: relative;
      width: 25vw;
      height: 25vw;
      overflow: hidden;
      border-radius: 50%;
  }
  
      .hero-title {
  z-index: 9;
  font-size: 32px !important;
  color: #fff;
  margin-top: 0;
  }
  
  .hero-subtitle {
      z-index: 99;
  margin-top: -3rem;
  font-size: 27.2px;
  color: #fff;
  }
  
  .hero-paragraph {
  z-index: 99;
  margin-top: 3rem;
  font-size: 16px;
  color: #fff;
  }
  
  .hero-full {
      min-height: 380px !important;
  }
  
  .subtitle {
      font-size: 28.8px;
  }
  
  .lead {
      width: 100%;
      margin: 0 auto;
      font-size: 16px;
      font-weight: 300;
      text-align:  left;
  }
  
  
  #show-gallery {
      background-color: var(--white);
      right: 10px;
      z-index: 99;
      bottom: 10px !important;
      position: absolute;
    }
  
  
  #alltripdates {
      height: 90vh;
      padding-top: 25px;
      overflow-y: scroll;
      overflow-x:  hidden;
  }
  
  #alltripdates .sticky-top {
    margin-top: -7px;
    min-height: 30px;
  }
  
  .reservation-date > .col-4 {
      padding-top: 28px !important;
    }
    
  .js-sticky-widget.questions.sticksy-dummy-node {
      display: none !important;
      height: 0;
    }
   
    .questions {
      position: static !important;
      width: auto !important;
      height: auto !important;
    }
  
    #alltripdates .btn {
      border-radius: 7px;
      position: relative;
      left: -25px;
    }
  
    #alltripdates input.btn {
      left: 0 !important;
    }
  
    .travel-price {
    position: relative;
    top: -10px;
  }
  
    .btn-ask {
      position: relative;
      top: -2px;
      left: 4px;
    }
    #alltripdates .form-select:focus {
      border: 1px solid #ced4da;
    }
  
    #alltripdates button.badge,
    .floating-panel button.badge {
      top: 10px !important;
      height: 5px !important;
      display: block;
      background: #c0c0c0;
      width: 25px !important;
      padding: 0 20px;
    }
  
    .floating-panel .discount-badge {
      font-weight: 500;
      font-size: 11px;
      padding: 1px 5px;
    }
  
    #alltripdates .discount {
      font-size: 10px !important;
      padding: 3px 6px;
      margin-right: 7px;
      right: 0;
      top: -5px;
      font-weight: 600;
    }
  
  .discount-badge {
      background: var(--red);
      margin-left: 4px;
      border-radius: 5rem;
      font-size: 11px;
      padding: 2px 5px;
      bottom: 3px;
      position: relative;
      color: #fff;
      font-weight: 700;
    }
  
  #alltripdates .trip-price {
      position: relative;
      left: -25px;
  }
  
  #alltripdates .duration-days {
      width: 100%;
  }
  #alltripdates .duration-days .days {
      background: var(--brand-300);
      padding: 6px 8px;
      color: #fff;
      font-weight: 500;
      border-radius: 5px;
      font-size: 11px;
  }
  
  #alltripdates .hour {
      font-size: 12px;
    }
  
  #alltripdates .duration-days .days {
      background: var(--brand-300);
      padding: 6px 8px;
      color: #fff;
      font-weight: 500;
      border-radius: 5px;
      font-size: 11px;
  }
  
  #alltripdates .list-price .sale-price .price {
      font-size: 27.2px;
  }
  
  #alltripdates  .info {
      font-size: 12px;
      margin-right: 10px;
  }
  
  
  .day {
      font-size: 24px;
      font-weight: 700;
      color: #616267;
      line-height: 3rem;
  }
  
  .month-year {
      font-size: 11px;
  margin-top: -10px;
  display: block;
  margin-bottom: 5px;
  }
  
  .entry-hour {
      position: absolute;
      top: -10px;
      right: -10px;
  }
  
  .entry-hour strong {
      font-size: 14px;
      margin-left: 4px;
  }
  .from-date, .to-date {
      width: auto;
      position: relative;
  }
  
  
  .duration-days {
      display: flex;
      padding: 0;
  }
  
  
  .trip-price {
      padding-left: 0;
      margin-left: -5px;
      overflow: visible;
  }
  
  
  /*Searchbox*/
  .search-wrapper {
      border-radius: 0;
      margin-top: 0;
  }
  
  #searchbox .search-wrapper nav a {
      padding: 10px 0 8px 0;
      box-shadow: 1px 0 3px #d5d5d5;
      text-align: center;
      font-size: 12px;
  }
  
  #searchbox .nav-link img {
      margin-left: auto !important;
      margin-right: auto !important;
      display: block;
      max-width: 20px;
  height: auto;
  }
  
  #searchbox .btn {
      margin: 10px auto 0;
      position: relative;
      display: block;
      font-size: 14px !important;
      padding: 12px 40px 10px 40px;
    }
  #mobile-search {
      height: 75px;
      padding-top: 15px;
  }
  #more-options-sticky-wrapper {
      display: block;
      margin-top: -8rem;
      margin-bottom: -3rem;
  }
  
  .card-meta {
      padding: 7px 10px;
      font-size: 14px;
    }
  
  .more-options {
      display: block;
      position: absolute;
      z-index: 1024 !important;
      right: 0;
      padding: 20px 13px;
      width: auto !important;
      border-radius: 7px 0 0 7px;
      margin-top: -28.2px !important;
      background: #fff;
      box-shadow: -1px 1px 3px 0 rgba(0,0,0,0.2);
  }
  
  .is-sticky #more-options {
      padding-top: 29px !important;
  }
  #price-packages .table th:first-child,
  #price-packages .table td:first-child {
      min-width: 120px;
      padding-left: 15px;
    }
  
  #package-tabs-content .label {
      position: relative;
      display: inline-block;
      margin-bottom: 10px;
      margin-right: 11px;
      width: fit-content;
      padding: 8px 14px;
      font-size: 13px;
    }
  
    #package-tabs-content .label i {
    padding-right: 5px;
    font-size: 15px;
  }
    
  #package-tabs li #reviews-tab {
      padding: 11px 13px !important;
  }
  
  #reviews-tab span {
      top: 1px !important;
  }
  #search:focus {
      border: none !important;
  }
  
  #footer-floating-bar .nav {
      position: fixed;
      bottom: 0;
      background-color: var(--white);
      width: 100%;
  }
  
  
  .list-price .sale-price {
      margin-right: -15px;
  }
  
  #package-tabs-sticky-wrapper {
      margin-bottom: 0;
      margin-top: 0;
  }
  
  
  #package-tabs {
      background: #fff;
      width: 100% !important;
      justify-content: start !important;
      border-radius: 0;
      padding: 10px 15px 10px 5px;
      box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  }
  
  
  .nav-link svg {
      margin-right: 3px;
  }
  
  #package-tabs li button {
      padding: 10px 12px 10px 12px !important;
      font-size: 15px !important;
      letter-spacing: 0;
  }
  
  #package-tabs li a {
      color: var(--black);
  }
  
  .extra-price {
      right: 0;
      position: relative;
      text-align: right;
      color: var(--black);
      font-weight: 300;
  }
  
  .promo section.label {
      padding: .4rem .5rem;
      width: 45%;
      position: relative;
      display: inline-block;
      margin-bottom: 15px;
  }
  
  .tour-itinerary {
      margin-left: 0;
  }
  
  .reservation-date::after {
      content: "";
      height: 2px;
      background: var(--dark-gray);
      position: absolute;
      bottom: 0;
      width: 100%;
  }
  
  .start-trip span {
      margin-left: -9px;
  }
  
  .end-trip {
      padding-left: 58px;
      text-align: center;
  }
  
  .end-trip span {
      margin-left: -10px;
  }
  .dotted-separator {
      width: 90%;
  }
  
  #itinerary .circular {
      max-height: 100px;
  max-width: 100px !important;
  object-fit: cover;
  }
  .operator, .operator-desc-mobile {
      margin-top: 12px;
  }
  
  .tour-itinerary {
      margin-left: -3rem;
      border-left: 0;
  }
  
  .tour-itinerary > li {
      padding-left: 0;
      margin-left: 35px;
      margin-right: -35px;
  }
  
  .tour-itinerary > li::before {
      margin-left: 0;
  }
  
  .tour-itinerary h3 {
      margin-left: 45px;
      word-wrap: anywhere;
  max-width: 80%;
  }
  
  .tour-itinerary .single-activity-title {
      margin-top: 20px;
      margin-left: 30px !important;
    }
  
    .activity-duration {
      padding-left: 0 !important;
    }
  
  .single-activity .activity-duration {
  
    margin-left: -20px;
  }
  .tour-itinerary .activity-content  h3 {
      margin-left: 0;
  }
  
  .activity-content {
      padding-left: 0;
      margin-top: 0;
      margin-left: 30px;
      margin-right: 45px;
  }
  
  .activity-content .btn {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto;
          margin-top: 0px;
      position: relative;
      display: block;
  }
  
  .hourly-itinerary h3 {
      margin-left: 0;
  }
  #filter-date {
      font-size: 12px;
  }
  
  #filters {
      border-radius: 0;
   }
  
  #filters .nav .nav-item, #filters .nav .nav-item.sorting {
      text-align: left;
      padding: 3px 19px 3px 16px !important;
      min-width: 140px;
  }
  
  #filters .nav .nav-item.added {
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content;
  }
  
  #filters input, #filters .nav-item button {
      color: #6a6a6a;
      font-weight: 500;
      text-transform: capitalize;
      letter-spacing: 0;
      cursor: pointer;
      font-size: 12px;
  }
  #searchbox {
      background: var(--dark-gray);
      padding-bottom: 10px;
  }
  
  #filters .nav .nav-item.sorting {
      min-width: auto !important;
      position: absolute;
      right: -10px;
      background: var(--white);
      border-radius: 7px 0 0 7px;
      top: 0px;
      padding: 31px 17px 24px !important;
      max-height: -webkit-fit-content;
      max-height: -moz-fit-content;
      max-height: fit-content;
      border: 0;
      box-shadow: -1px 1px 3px 0 rgba(0,0,0,0.5);
      margin-top: 0;
  }
  
  #sortTrips {
      background: transparent;
      border: 0;
  }
  
  #filters .fad, #filters .fas {
      top: 2px;
      position: relative;
  }
  
  #filters .fad.fa-sort-alt {
      border-radius: 12px;
      --fa-primary-color: #00BCD4;
      font-size: 32px;
      --fa-secondary-color: #95c9cf;
      --fa-primary-opacity: 1;
      --fa-secondary-opacity: 1;
  }
  
  
  #filters .nav {
      overflow-x: scroll;
      display: flex;
      flex-wrap: nowrap;
      justify-content: normal !important;
  }
  
  .filter-name {
      top: 5px;
      position: relative;
  }
  
  #ageButton span {
      margin-left: -1px;
  }
  
  #searchbox .nav {
      width: 100%;
      margin: 0 auto;
      padding-bottom: 10px;
      flex-wrap: nowrap;
      overflow-x: scroll;
      justify-content: start !important;
  }
  
  #searchbox .fas.fa-search {
      font-size: 24px;
    }
  #search-text {
      padding: 15px 0 16px 25px;
      border-radius: 0;
  }
  
  #searchbox input {
      border: 0;
      padding: 0 5px;
      height: 30px;
      margin-top: 12px;
    }
    
  button[data-bs-toggle="collapse"] {
      width: 100%;
      text-align: left;
      padding: 10px;
  }
  
  button[data-bs-toggle="collapse"] svg {
      float: right;
      margin-top: 5px;
      margin-right: 15px;
  }
  
  .payment-actions {
      display: flex;
    }
    
    .payment-actions i {
      padding-right: 7px;
      top: 3px;
      position: relative;
    }
    
  .payment-actions .btn {
  
      margin: 0 5px;
      display: flex;
  
  }
  
  #reservation-details {
      margin-top: 30px;
    }
  
  }

.form-radio-gateway {
    margin-left: 20px;
    margin-bottom: 60px;
}

.form-radio-gateway .selected {
    border-left: 3px solid var(--white) !important;
}