/** Shopify CDN: Minification failed

Line 33:18 Unexpected "{"
Line 33:27 Expected ":"
Line 38:18 Unexpected "{"
Line 38:27 Expected ":"
Line 45:20 Unexpected "{"
Line 45:29 Expected ":"
Line 54:20 Unexpected "{"
Line 54:29 Expected ":"
Line 58:20 Unexpected "{"
Line 58:29 Expected ":"
... and 76 more hidden warnings

**/


/* CSS from section stylesheet tags */
.rte ul, .rte ol {
    list-style-position: inside;
    padding-left: 2rem;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}
.rte li {
    list-style: inherit;
}
ul {
    list-style-type: disc;
}
#shopify-section-{{ section.id }} .page-width{
  max-width: 1400px;
  margin: auto;
  padding: 0 20px;
}
#shopify-section-{{ section.id }} .tabs-container {
  margin-top: 2rem;
  margin-bottom: 3em;
}

/* Desktop Tabs Styles (above 991px) */
@media (min-width: 992px) {
  #shopify-section-{{ section.id }} .tabs-navigation {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #shopify-section-{{ section.id }} .tabs-navigation::-webkit-scrollbar {
    display: none;
  }

  #shopify-section-{{ section.id }} .tab-button {
    position: relative;
    padding: 1.5rem;
    color: #000;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.3s ease;
    background: none;
    border: none;
    cursor: pointer;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-size: 20px;
    background-color: #faf9f7;
  }

  #shopify-section-{{ section.id }} .tab-button .icon {
    width: 24px;
    height: 24px;
  }

  #shopify-section-{{ section.id }} .tab-button::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #faf9f7;
    transition: background-color 0.3s ease;
  }

  #shopify-section-{{ section.id }} .tab-button.active {
    color: #000;
    background-color: #ebb552;
    opacity: 1;
  }

  #shopify-section-{{ section.id }} .tab-button.active::after {
    background-color: #ebb552;
  }

  #shopify-section-{{ section.id }} .mobile-accordion {
    display: none;
  }
}
@media (max-width: 991px) {

  #shopify-section-{{ section.id }} .suitable-room-item {
    width: 100% !important;
    margin-bottom: 0px;
  }
  #shopify-section-{{ section.id }} .suitable-rooms-grid{
    gap: 0px !important;
  }

  #shopify-section-{{ section.id }} .suitable-room-icon {
    width: 80px !important;
    height: 80px !important;
  }
    #shopify-section-{{ section.id }} .accordion-header.active .accordion-icon:before {
      content: '-';
      }
      
      #shopify-section-{{ section.id }} .accordion-icon:before {
      content: '+';
      }
  #shopify-section-{{ section.id }} .tabs-navigation {
    display: none;
  }

  #shopify-section-{{ section.id }} .tab-content {
    display: none;
  }

  #shopify-section-{{ section.id }} .mobile-accordion {
    display: block;
  }

  #shopify-section-{{ section.id }} .accordion-item {
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    overflow: hidden;
  }

  #shopify-section-{{ section.id }} .accordion-header {
    background-color: #faf9f7;
    padding: 1rem 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background-color 0.3s ease;
  }

  #shopify-section-{{ section.id }} .accordion-header.active {
    background-color: #ebb552;
  }

  #shopify-section-{{ section.id }} .accordion-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }

  #shopify-section-{{ section.id }} .accordion-title .icon {
    width: 20px;
    height: 20px;
  }

  #shopify-section-{{ section.id }} .accordion-icon {
    font-size: 18px;
    font-weight: 600;
    display: block!important;
  }
  
  #shopify-section-{{ section.id }} .accordion-content {
    display: none;
    padding: 1.5rem;
    background-color: #fff;
    border: 1px solid #faf9f7;
    border-top: none;
    overflow: hidden;
  }
}

/* Existing tab content and FAQ styles */
#shopify-section-{{ section.id }} .tab-content {
  opacity: 0;
  display: none;
  transition: opacity 0.3s ease;
  padding: 8px 25px;
}

#shopify-section-{{ section.id }} .tab-content.active {
  display: block;
  opacity: 1;
}

#shopify-section-{{ section.id }} .faq-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

#shopify-section-{{ section.id }} .faq-question {
  padding: 1.25rem;
  margin-bottom: 0.5rem;
  background-color: #faf9f7;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#shopify-section-{{ section.id }} .faq-question-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

#shopify-section-{{ section.id }} .faq-question-title {
  font-size: 20px !important;
  text-transform: capitalize;
  font-weight: 500;
  margin: 0;
}
#shopify-section-{{ section.id }} .heading-label{
  color: #000 !important;
}
#shopify-section-{{ section.id }} .accordion-title{
  font-size: 22px;
  text-transform: capitalize;
  color: #000;

}
#shopify-section-{{ section.id }} .faq-icon {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}

#shopify-section-{{ section.id }} .faq-question.active {
  background-color: #ebb552;
}

#shopify-section-{{ section.id }} .faq-question.active .faq-icon {
  transform: rotate(45deg);
}

#shopify-section-{{ section.id }} .faq-answer {
  display: none;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #e5e7eb;
}
  @media (max-width: 991px ) {
    #shopify-section-{{ section.id }} .accordion-title {
      margin-bottom: 0px!important;
    }
  }


/* --- NEW STYLES FOR SUITABLE ROOMS (LIST STYLE) --- */
#shopify-section-{{ section.id }} .suitable-rooms-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Har item ka wrapper (Ab Row ban gaya hai) */
#shopify-section-{{ section.id }} .suitable-room-item {
  display: flex;
  flex-direction: row; /* Row: Icon left, Text right */
  align-items: center; /* Center align vertical */
  justify-content: flex-start;
  gap: 15px; /* Icon aur Text ke darmiyan gap */
  
  /* Desktop par 3 columns, Mobile par 1 column */
  width: 30%; 
}

/* Icon ka circle */
#shopify-section-{{ section.id }} .suitable-room-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  background-color: #fff;
}

#shopify-section-{{ section.id }} .suitable-room-icon img {
  width: 100px; /* Icon image ka size */
  height: 100px;
  object-fit: contain;
}

/* Text styling */
#shopify-section-{{ section.id }} .suitable-room-name {
  font-size: 16px;
  font-weight: 500;
  color: #000; /* Text color */
  text-align: left; /* Text left align */
}


/* --- END NEW STYLES --- */