select {
      /* background: url(frontend/images/select-icon1.png) no-repeat scroll right 0.75rem center transparent !important; */
      line-height: 18px;
      border: 1px solid #e1e1e1;
      padding: 0 25px 0 10px;
      height: 36px;
      width: 100%;
      color: #5d646d;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
  }
  /* Override Bootstrap hiding on mobile */
  
  .mobile-section {
      visibility: visible !important;
  }
  /* Desktop layout (min-width: 992px) */
  
  @media (min-width: 992px) {
      .mobile-section {
          display: flex !important;
          flex-direction: column !important;
          flex: 0 0 50% !important;
          max-width: 50% !important;
      }
      .info-wrap {
          height: 50% !important;
          min-height: 300px !important;
      }
      .hotel-info-container {
          height: 50% !important;
          display: flex !important;
          align-items: center !important;
      }
  }
  /* Critical: Force all elements to show on tablets and mobile */
  
  @media (max-width: 991px) {
      .col-lg-6.mobile-section,
      .mobile-section {
          display: block !important;
          visibility: visible !important;
          opacity: 1 !important;
          flex: 0 0 100% !important;
          max-width: 100% !important;
      }
  }
  
  .info-wrap {
      background-size: cover !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
      height: 50%;
      min-height: 300px;
      position: relative;
      display: block !important;
      visibility: visible !important;
  }
  
  .card {
      height: 50%;
      margin: 12px;
      margin-bottom: -1px;
  }
  
  .card-header,
  h6,
  p {
      text-align: center;
  }
  
  #submit {
      margin-bottom: 1rem;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
  }
  
  #submit .btn {
      display: inline-block !important;
      visibility: visible !important;
      opacity: 1 !important;
      /* width: 134px; */
      padding: 12px 20px;
  }
  
  .hotel-info {
      line-height: 1.6;
      /* Increase line spacing */
      max-width: 400px;
      /* Set a max width for the content */
      margin: 20px auto;
      /* Center the content on the page */
      padding: 10px;
      border: 1px solid #ccc;
      /* Add a border around the information */
      border-radius: 5px;
      /* Slightly round the corners */
      background-color: #f9f9f9;
      /* Light background color */
  }
  
  .hotel-info h2 {
      font-size: 17px;
      margin-bottom: 10px;
      text-align: center;
      /* Center the heading */
  }
  
  .hotel-info p {
      font-size: 14px;
      margin: 0px 0;
  }
  
  .hotel-info p span {
      font-size: 12px;
      color: #555;
  }
  
  .dcs-howto__block--title,
  .dcs-app__block--title {
      font-size: 1.333rem;
      margin-bottom: 35px;
      letter-spacing: .15px;
      text-align: center;
  }
  
  .dcs-list__item--content {
      line-height: 16px;
      letter-spacing: .25px;
  }
  
  .dcs-list__item--content {
      line-height: 16px;
      letter-spacing: .25px;
  }
  /* Wrapper fixes */
  
  .wrapper {
      overflow: visible !important;
  }
  
  .row.no-gutters {
      overflow: visible !important;
  }
  /* Ensure columns are visible */
  
  .col-lg-6 {
      display: block !important;
      visibility: visible !important;
  }
  /* ===== RESPONSIVE STYLES ===== */
  /* Tablet devices (768px - 991px) */
  
  @media (max-width: 991px) {
      .contact-wrap {
          margin-bottom: 30px;
      }
      .info-wrap {
          min-height: 300px !important;
      }
      .hotel-info {
          margin: 15px auto;
          padding: 15px;
      }
      .col-lg-6 {
          margin-bottom: 20px;
      }
  }
  /* Mobile devices (max-width: 767px) */
  
  @media (max-width: 767px) {
      .wrapper {
          overflow: visible !important;
          width: 100% !important;
      }
      .mobile-stack {
          flex-direction: column !important;
          display: flex !important;
      }
      .order-1 {
          order: 1 !important;
      }
      .order-2 {
          order: 2 !important;
      }
      .col-lg-6,
      .col-md-12,
      .col-12 {
          display: block !important;
          visibility: visible !important;
          width: 100% !important;
          max-width: 100% !important;
          flex: 0 0 100% !important;
      }
      .mobile-section {
          display: flex !important;
          visibility: visible !important;
          margin-top: 20px !important;
      }
      .info-wrap {
          display: block !important;
          visibility: visible !important;
          background-size: cover !important;
          background-position: center !important;
          background-repeat: no-repeat !important;
          min-height: 250px !important;
          height: 250px !important;
          width: 100% !important;
      }
      .contact-wrap {
          padding: 20px !important;
      }
      .contact-wrap h3 {
          font-size: 1.5rem;
          margin-bottom: 20px;
      }
      .form-group {
          margin-bottom: 15px;
      }
      .form-control {
          font-size: 14px;
          padding: 10px;
      }
      .info-wrap {
          min-height: 250px !important;
          height: auto !important;
      }
      .hotel-info {
          max-width: 100%;
          margin: 10px;
          padding: 15px;
          font-size: 13px;
      }
      .hotel-info p {
          font-size: 13px;
          margin: 5px 0;
      }
      .hotel-name {
          font-size: 14px !important;
          white-space: normal !important;
          word-wrap: break-word;
      }
      .hotel-phone {
          font-size: 12px !important;
          white-space: normal !important;
          word-wrap: break-word;
      }
      .bread-detail {
          flex-direction: column !important;
      }
      .bread-title {
          margin-bottom: 15px !important;
      }
      .btn-color {
          width: 190px;
          max-width: 100%;
          padding: 12px 20px;
          font-size: 16px;
          display: inline-block !important;
          visibility: visible !important;
          margin-top: 10px;
      }
      #submit {
          display: block !important;
          visibility: visible !important;
          margin-bottom: 20px !important;
          text-align: center;
      }
      .row.no-gutters {
          margin: 0;
      }
      .g-recaptcha {
          transform: scale(0.9);
          transform-origin: 0 0;
      }
  }
  /* Small mobile devices (max-width: 480px) */
  
  @media (max-width: 480px) {
      .wrapper {
          overflow: visible !important;
      }
      .mobile-section {
          display: flex !important;
          visibility: visible !important;
      }
      .info-wrap {
          display: block !important;
          visibility: visible !important;
          background-size: cover !important;
          background-position: center !important;
          min-height: 200px !important;
          height: 200px !important;
      }
      .ftco-section {
          padding: 20px 0;
      }
      .contact-wrap {
          padding: 15px !important;
      }
      .contact-wrap h3 {
          font-size: 1.3rem;
      }
      .form-control {
          font-size: 13px;
          padding: 8px;
          height: auto;
      }
      select.form-control {
          padding: 8px 25px 8px 10px;
          height: auto;
          font-size: 13px;
      }
      .info-wrap {
          min-height: 200px !important;
          padding: 15px !important;
      }
      .hotel-info {
          padding: 10px;
          margin: 5px;
      }
      .hotel-info p {
          font-size: 12px;
          margin: 3px 0;
      }
      .hotel-name {
          font-size: 13px !important;
      }
      .hotel-phone {
          font-size: 11px !important;
      }
      .btn-color {
          font-size: 14px;
          padding: 10px 20px;
          width: 190px;
          max-width: 100%;
          display: inline-block !important;
          visibility: visible !important;
      }
      #submit {
          display: block !important;
          visibility: visible !important;
          margin-bottom: 20px !important;
          text-align: center;
      }
      .bread-title {
          font-size: 1.2rem;
      }
      .breadcrumb-item {
          font-size: 12px;
      }
      .g-recaptcha {
          transform: scale(0.85);
          transform-origin: 0 0;
      }
      textarea.form-control {
          min-height: 100px;
      }
  }
  /* Very small mobile devices (max-width: 360px) */
  
  @media (max-width: 360px) {
      .contact-wrap h3 {
          font-size: 1.1rem;
      }
      .form-control {
          font-size: 12px;
          padding: 7px;
      }
      .hotel-info {
          padding: 8px;
      }
      .hotel-info p {
          font-size: 11px;
      }
      .btn-color {
          font-size: 13px;
          padding: 9px 20px;
          width: 190px;
          max-width: 100%;
          display: inline-block !important;
          visibility: visible !important;
      }
      #submit {
          display: block !important;
          visibility: visible !important;
          margin-bottom: 20px !important;
          text-align: center;
      }
      .g-recaptcha {
          transform: scale(0.77);
          transform-origin: 0 0;
      }
  }
  /* Landscape orientation for mobile devices */
  
  @media (max-width: 767px) and (orientation: landscape) {
      .info-wrap {
          min-height: 200px !important;
      }
      .contact-wrap {
          padding: 15px !important;
      }
      .ftco-section {
          padding: 30px 0;
      }
      #submit {
          display: block !important;
          visibility: visible !important;
      }
      .btn-color {
          display: block !important;
          visibility: visible !important;
      }
  }
  /* Force button visibility on all small screens */
  
  @media (max-width: 767px) {
      .show-more-btn {
          display: block !important;
          visibility: visible !important;
          opacity: 1 !important;
      }
      input[type="submit"] {
          display: block !important;
          visibility: visible !important;
          opacity: 1 !important;
      }
      /* Force all sections to be visible */
      .mobile-section,
      .col-lg-6,
      .col-md-12,
      .col-12 {
          display: block !important;
          visibility: visible !important;
          opacity: 1 !important;
          height: auto !important;
      }
      .info-wrap.img {
          display: block !important;
          visibility: visible !important;
          opacity: 1 !important;
          min-height: 250px !important;
          height: 250px !important;
      }
      /* Ensure flex-grow-1 is visible */
      .flex-grow-1 {
          display: block !important;
          visibility: visible !important;
          flex-grow: 1 !important;
      }
      /* Override any d-none classes */
      .d-flex {
          display: flex !important;
      }
      /* Force hotel info visibility */
      .hotel-info {
          display: block !important;
          visibility: visible !important;
          opacity: 1 !important;
      }
  }
  /* Override Bootstrap display utilities on mobile */
  
  @media (max-width: 767px) {
      .col-lg-6.col-md-12.col-12.order-2.mobile-section {
          display: block !important;
          visibility: visible !important;
          opacity: 1 !important;
          height: auto !important;
          min-height: 400px !important;
          flex: 0 0 100% !important;
          max-width: 100% !important;
          width: 100% !important;
          position: relative !important;
      }
      .hotel-info-container {
          display: block !important;
          visibility: visible !important;
          width: 100% !important;
      }
      /* Override any parent container issues */
      .wrapper,
      .row,
      .row.no-gutters,
      .mobile-stack {
          overflow: visible !important;
          height: auto !important;
      }
  }