.elementor-1564 .elementor-element.elementor-element-6de3eb4{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1564 .elementor-element.elementor-element-1705c0a{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:center;}.elementor-1564 .elementor-element.elementor-element-1705c0a > .elementor-widget-container{margin:8rem 0rem 0rem 0rem;}.elementor-1564 .elementor-element.elementor-element-1705c0a.elementor-element{--align-self:center;}.elementor-1564 .elementor-element.elementor-element-1705c0a .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:3.6rem;font-weight:600;color:#FFFFFF;}.elementor-1564 .elementor-element.elementor-element-b452a1a{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:5rem 0rem;--row-gap:5rem;--column-gap:0rem;--margin-top:8rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-1564 .elementor-element.elementor-element-fe447bb > .elementor-widget-container{margin:0rem 7rem 0rem 0rem;}.elementor-1564 .elementor-element.elementor-element-e7be6d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-1564:not(.elementor-motion-effects-element-type-background), body.elementor-page-1564 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001021;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1564 .elementor-element.elementor-element-1705c0a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1564 .elementor-element.elementor-element-b452a1a{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1564 .elementor-element.elementor-element-cbaf496.elementor-element{--align-self:center;}.elementor-1564 .elementor-element.elementor-element-fe447bb > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-1564 .elementor-element.elementor-element-fe447bb.elementor-element{--align-self:center;}}/* Start custom CSS *//* === Fixed Sidebar Height === */
.res-sidebar {
  height: 25rem !important;              /* fixed height */
  width: 20rem !important;               /* fixed width */
  overflow-y: auto !important;           /* scroll if needed */
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 14px !important;
  background: #1a1c29 !important;
  border: 1px solid #2a3242 !important;
  border-radius: 14px !important;
  color: #e5e7ef !important;

}

/* === Search bar – lighter gray === */
#res-search {
  width: 100% !important;
  height: 38px !important;
  padding: 0 12px !important;
  background: #b6b7c2 !important; /* slightly lighter gray */
  border: 1px solid #888a96 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  color: #000 !important;
}
#res-search::placeholder {
  color: #000 !important;
}

/* === 2×2 Chip Layout === */
.res-sidebar .chips,
.res-sidebar .tabs {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important; /* 2 columns */
  gap: 8px 10px !important;
  justify-items: stretch !important;
  align-items: center !important;
}

/* === Chips – lighter gray tone === */
.tab, .chip {
  width: 5rem !important;                /* fill grid cells */
  text-align: center !important;
  font-size: 13px !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  border: 1px solid #8b8d98 !important;
  background: #b6b7c2 !important;        /* lighter gray background */
  color: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
}
.tab:hover, .chip:hover {
  filter: brightness(1.08) !important;
}
.tab.active, .chip.active {
  background: #f0c75e !important;
  color: #0b1320 !important;
  border-color: #f0c75e !important;
}

/* === Main Button – gold outline (old chip style) === */
.main-btn {
  display: block !important;
  width: 100% !important;
  margin-top: 14px !important;
  background: #001021 !important;
  border: 1px solid #f0c75e !important;
  border-radius: 6px !important;
  color: #f0c75e !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease-in-out !important;
}

/* Hover / active (fills gold) */
.main-btn:hover {
  background: #f0c75e !important;
  color: #0b1320 !important;
  box-shadow: 0 0 10px rgba(240,199,94,0.35) !important;
}
.main-btn:active {
  transform: translateY(1px) !important;
  filter: brightness(0.95) !important;
}

/* === Force 2×2 layout for tabs/chips inside the sidebar === */
.res-sidebar #group-tabs,
.res-sidebar #chips {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;  /* two columns */
  gap: 10px 12px !important;                         /* row/column spacing */
  align-items: center !important;
  justify-items: stretch !important;
}

/* Make each pill fill its grid cell evenly */
.res-sidebar #group-tabs .tab,
.res-sidebar #chips .chip {
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;           /* remove inherited margins that cause wrapping */
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  white-space: nowrap !important; /* keep one line */
}

/* ====== Card Grid Layout Fix ====== */

/* Main grid – 2 columns on desktop, 1 on mobile */
.res-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 28px !important;
  justify-items: center !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* ====== Card Styling ====== */
.card {
  position: relative !important;
  background: #001021 !important;                     /* deep navy */
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 12px !important;
  padding: 16px 18px 20px !important;
  color: #eef3fa !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.2) !important;
  width: 100% !important;
  max-width: 360px !important;                        /* keeps columns consistent */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;

}

/* image area */
.card-thumb {
  position: relative !important;
  width: 100% !important;
  background: #001021 !important;
  border-radius: 10px !important;
  aspect-ratio: 16/11 !important;
  margin-bottom: 14px !important;
}

/* badge in top-right corner */
.card-badge {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  background: #2b3445 !important;
  color: #e7ecf6 !important;
  font-size: 11px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
}

/* title + description */
.card-title {
  margin: 10px 0 4px !important;
  text-align: center !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  color: #f0f4fb !important;
}
.card-desc {
  text-align: center !important;
  font-size: 13px !important;
  color: #c9d2df !important;
  margin: 0 auto 14px !important;
  max-width: 100% !important;
  line-height: 1.5 !important;
}

/* CTA button */
.card-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: #f0c75e !important;
  color: #0b1320 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 11px 12px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  margin-top: auto !important; /* pushes to bottom for equal heights */
}
.card-btn:hover {
  filter: brightness(0.95) !important;
}

/* Responsive tweak – single column below 900px */
@media (max-width: 900px) {
  .res-grid {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }
}
#res-grid .card.hidden{display:none!important;}/* End custom CSS */