/* Custom Accordion Header Background (Solid #c6372f) */
.vc_tta-panel-heading {
    background-color: #c6372f !important; /* Solid red background */
    background-image: none !important;    /* Remove gradient */
    box-shadow: none !important;          /* Remove any shadow effects */
}

/* Set the accordion header text and icon to white */
.vc_tta-panel-heading a, 
.vc_tta-panel-heading a .vc_tta-icon {
    color: #ffffff !important; /* White text and icons in the header */
}

/* Accordion content background color set to white */
.vc_tta-panel-body {
    background-color: #ffffff !important; /* White background for content */
    color: #000000 !important; /* Default black text for content */
}

/* Remove any hover or focus effects */
.vc_tta-panel-heading:hover, 
.vc_tta-panel-heading:focus {
    background-color: #c6372f !important; /* Maintain the same solid red on hover */
    color: #ffffff !important; /* Keep text and icon white on hover */
}

@media (max-width: 768px) {
  .red-title-adjusted {
    line-height: 1.2 !important;
    font-size: 24px !important;
    text-align: center !important;
}

/* === MOBILE PRICE ADJUSTMENT === */
@media (max-width: 768px) {
  .price-mobile {
    text-align: center !important;
    white-space: nowrap !important;
    display: block !important;
    margin-bottom: 25px !important;
  }

  .price-mobile .desktop-break {
    display: none !important;
  }
}

/* === DESKTOP DISPLAY DEFAULT === */
@media (min-width: 769px) {
  .price-mobile {
    white-space: normal !important;
    text-align: left !important;
  }

  .price-mobile .desktop-break {
    display: inline !important;
  }
}

  }
}.kleo-button.trip-btn {
  background-color: white !important;
  color: #333 !important;
  border: 2px solid #ccc !important;
  font-size: 15px !important;
  font-weight: 600;
  padding: 10px 22px !important;
  display: inline-block;
  margin: 5px;
  transition: 0.3s ease;
}

.kleo-button.trip-btn:hover {
  background-color: #c0392b !important;
  color: white !important;
  border-color: #c0392b !important;
}

div.kleo-gallery.small-carousel.kleo-carousel-container .kleo-carousel img {
  width: 300px !important;
  height: auto !important;
  max-width: 100% !important;
}