@charset "UTF-8";
/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
:root {
  --primary-color: #e69e32;
  --secondary-color: #6c757d;
  --light-color: #f8f9fa;
  --dark-color: #343a40;
  --success-color: #00d97e;
  --border-radius: 0.375rem;
}

.tff-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.ttf-search {
  /* Hero Search Banner */
  /* Search Form */
  /* Stats Section */
  /* Search Banner */
  /* Pagination */
  /* Error Message */
}
.ttf-search .hero-banner {
  background: linear-gradient(135deg, var(--primary-color), #e69e32);
  color: white;
  padding: 3rem 2rem;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.ttf-search .hero-banner h1 {
  margin: 0 0 1rem 0;
  font-size: 2.5rem;
  font-weight: 600;
  color: #fff;
}
.ttf-search .hero-banner p.subtitle {
  font-size: 1.2rem;
  max-width: 700px;
  margin: 0 auto 2rem auto;
  opacity: 0.9;
}
.ttf-search .search-form {
  background-color: white;
  padding: 1.5rem;
  border-radius: var(--border-radius);
  max-width: 800px;
  margin: 0 auto;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
}
.ttf-search .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
.ttf-search .form-group {
  flex: 1;
  min-width: 200px;
}
.ttf-search .form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--dark-color);
}
.ttf-search .form-control {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ced4da;
  border-radius: var(--border-radius);
  font-size: 1rem;
  transition: border-color 0.3s ease;
}
.ttf-search .form-control:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(44, 123, 229, 0.25);
}
.ttf-search .btn-primary {
  background-color: var(--primary-color);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ttf-search .btn-primary:hover {
  background-color: #1a5cb0;
}
.ttf-search .btn-primary i {
  margin-right: 0.5rem;
}
.ttf-search .stats-section {
  background-color: white;
  padding: 2rem 0;
  margin-top: 2rem;
}
.ttf-search .stats-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.ttf-search .stat-item {
  text-align: center;
  min-width: 150px;
}
.ttf-search .stat-number {
  font-size: 2rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 0.5rem;
}
.ttf-search .search-banner {
  background: linear-gradient(135deg, var(--primary-color), #1a5cb0);
  color: white;
  padding: 2rem 0;
  margin-bottom: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.ttf-search .search-banner h1 {
  margin: 0;
  font-size: 2rem;
  font-weight: 600;
}
.ttf-search .search-banner .search-info {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 1rem;
}
.ttf-search .search-banner .search-info-item {
  background-color: rgba(255, 255, 255, 0.15);
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius);
  font-size: 0.9rem;
}
.ttf-search .results-grid-none {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 768px) {
  .ttf-search .results-grid-none {
    grid-template-columns: 1fr;
  }
}
.ttf-search .results-grid-none .facility-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  cursor: default;
}
.ttf-search .results-grid-none .facility-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transform: translateY(-6px);
}
.ttf-search .results-grid-none .facility-card:hover .facility-image img {
  transform: scale(1.05);
}
.ttf-search .results-grid-none .facility-card .facility-image {
  flex-shrink: 0;
  overflow: hidden;
  height: 180px;
  position: relative;
}
.ttf-search .results-grid-none .facility-card .facility-image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.ttf-search .results-grid-none .facility-card .facility-card-header {
  padding: 16px 20px 8px;
}
.ttf-search .results-grid-none .facility-card .facility-card-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #222;
}
.ttf-search .results-grid-none .facility-card .facility-card-header h3 a {
  color: #222;
  text-decoration: none;
  transition: color 0.3s ease;
}
.ttf-search .results-grid-none .facility-card .facility-card-header h3 a:hover {
  color: #e69e32;
}
.ttf-search .results-grid-none .facility-card .facility-services h3 {
  font-size: 14px;
}
.ttf-search .results-grid-none .facility-card .facility-info {
  margin-top: 10px;
  color: #555;
  font-size: 0.9rem;
}
.ttf-search .results-grid-none .facility-card .facility-info i {
  color: #e69e32;
  border: 1px solid #e69e32;
  height: 24px;
  border-radius: 50%;
  width: 24px;
  text-align: center;
  line-height: 2;
  font-size: 12px;
}
.ttf-search .results-grid-none .facility-card .facility-info p {
  margin-bottom: 10px;
}
.ttf-search .results-grid-none .facility-card .facility-card-body {
  padding: 0 20px 20px;
  margin-top: auto; /* this pushes the body down inside flex container */
  display: flex;
  justify-content: flex-start;
  /* Remove float or any alignment properties here */
}
.ttf-search .results-grid-none .facility-card .facility-card-body .more-details-btn,
.ttf-search .results-grid-none .facility-card .facility-card-body .see-more-services {
  background-color: #e69e32;
  color: #fff;
  padding: 10px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.3s ease;
  font-size: 0.95rem;
}
.ttf-search .results-grid-none .facility-card .facility-card-body .more-details-btn:hover,
.ttf-search .results-grid-none .facility-card .facility-card-body .see-more-services:hover {
  background-color: #e69e34;
}
.ttf-search .results-grid-none .facility-card .facility-card-body span {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid, #e69e32;
  background: #FDF6E7;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.ttf-search .results-grid-none .facility-card .facility-card-body .see-more-services {
  margin-left: auto;
  margin-top: 10px;
  font-size: 0.9rem;
  text-align: center;
}
.ttf-search .results-grid-none .facility-card a.more-details-btn {
  display: inline-block;
  margin-top: 15px;
  color: #e69e32;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  border-radius: 6px;
  float: none; /* or just remove this line */
  align-self: flex-start; /* if flexbox used and you want left alignment */
  margin: 0 20px 20px;
}
.ttf-search .services-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.ttf-search .service-tag {
  background-color: var(--light-color);
  color: var(--dark-color);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius);
  font-size: 0.75rem;
  cursor: help;
}
.ttf-search .pagination {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
  flex-wrap: wrap;
}
.ttf-search .pagination a, .ttf-search .pagination span {
  color: var(--primary-color);
  padding: 0.5rem 0.75rem;
  margin: 0 0.25rem;
  text-decoration: none;
  border: 1px solid #dee2e6;
  border-radius: var(--border-radius);
  transition: all 0.3s ease;
  margin-bottom: 10px;
}
.ttf-search .pagination span.page-numbers.current {
  background-color: #f89606;
  color: #fff;
}
.ttf-search .pagination a:hover, .ttf-search .pagination span:hover {
  background-color: #f89606;
  color: #fff;
}
.ttf-search .pagination a.active {
  background-color: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}
.ttf-search .error-message {
  background-color: #fff3cd;
  color: #856404;
  padding: 1rem;
  border-radius: var(--border-radius);
  margin: 2rem 0;
  text-align: center;
}
.ttf-search .search-banner ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.ttf-search .search-banner ul li {
  display: inline-block;
  color: #fff;
}
.ttf-search .search-banner ul li a {
  color: #fff;
}
.ttf-search .stat-label {
  font-size: 0.9rem;
  color: var(--secondary-color);
}
.ttf-search .loading {
  text-align: center;
  padding: 20px;
  font-weight: bold;
}
.ttf-search .loading-skeleton {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 30px 0;
}
.ttf-search .skeleton-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.ttf-search .skeleton-header {
  width: 60%;
  height: 20px;
  margin-bottom: 15px;
  border-radius: 4px;
  background: #e0e0e0;
}
.ttf-search .skeleton-line {
  width: 100%;
  height: 14px;
  margin-bottom: 10px;
  border-radius: 4px;
  background: #e0e0e0;
}
.ttf-search .skeleton-line.short {
  width: 50%;
}
.ttf-search .shimmer {
  background: linear-gradient(90deg, #e0e0e0 25%, #f8f8f8 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.2s infinite;
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.ttf-search #facility-results {
  margin-top: 20px;
}
.ttf-search .results-grid2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  padding: 30px 0;
}
.ttf-search .state-card {
  position: relative;
  background-color: #f9f9f9;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ttf-search .state-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.ttf-search .state-card-header {
  background: rgba(0, 0, 0, 0.5);
  padding: 15px;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
}
.ttf-search .state-card-body {
  background: rgba(255, 255, 255, 0.95);
  padding: 15px;
}
.ttf-search .state-card-body p {
  margin: 0 0 8px;
  font-size: 14px;
  color: #444;
}
.ttf-search .state-info {
  margin-top: 10px;
}
.ttf-search .state-info .btn {
  background-color: #2c7be5;
  color: #fff;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  transition: background 0.3s;
}
.ttf-search .state-info .btn:hover {
  background-color: #1a5dbb;
}
.ttf-search .state-card h3 {
  color: #fff;
  font-size: 30px;
}
.ttf-search .state-card h3 a {
  color: #fff;
}
.ttf-search .state-card .ttf-link {
  color: #fff;
  text-decoration: underline;
}
.ttf-search .state-card p {
  margin-bottom: 10px;
}

.hero-banner, .search-filter {
  /* Select and input styling */
  /* Scrollable multi-select area */
  /* Select2 chip tags */
  /* Submit button */
  /* Scrollbar (optional) */
  /* Fix select2 multi-select to single line + horizontal scroll */
  /* Prevent tag wrapping */
  /* Hide vertical scrollbar, keep horizontal */
}
.hero-banner .search-form, .search-filter .search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-start;
  justify-content: center;
  padding: 1rem;
  background-color: #f9fafb;
  border-radius: 8px;
  flex-direction: row;
  max-width: 100%;
  overflow-x: auto;
  /* Consistent form field wrapper */
  /* Label styling */
}
.hero-banner .search-form .form-group, .search-filter .search-form .form-group {
  display: flex;
  flex-direction: column;
  min-width: 180px;
  flex: 1 1 auto;
}
.hero-banner .search-form .form-group label, .search-filter .search-form .form-group label {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: bold;
  color: #374151;
}
.hero-banner .search-form select,
.hero-banner .select2-container--default .select2-selection--multiple, .search-filter .search-form select,
.search-filter .select2-container--default .select2-selection--multiple {
  min-width: 180px;
  max-width: 100%;
  border: 1px solid #fce7c8;
  border-radius: 6px;
  padding: 0.45rem 0.6rem;
  font-size: 0.95rem;
  background-color: #fff;
}
.hero-banner .select2-selection__rendered, .search-filter .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  max-height: 80px;
  overflow-y: auto;
  padding: 0.3rem;
  gap: 0.25rem;
}
.hero-banner .select2-selection__choice, .search-filter .select2-selection__choice {
  background-color: #e0f2fe;
  color: #0369a1;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  font-size: 0.875rem;
  border: 1px solid #7dd3fc;
}
.hero-banner .search-form button[type=submit], .search-filter .search-form button[type=submit] {
  background-color: #e69e34;
  color: white;
  padding: 15px 15px;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  align-self: end;
  white-space: nowrap;
  font-size: 1rem;
}
.hero-banner .search-form button[type=submit]:hover, .search-filter .search-form button[type=submit]:hover {
  background-color: #b67616;
}
.hero-banner .select2-container--default .select2-selection--multiple, .search-filter .select2-container--default .select2-selection--multiple {
  max-height: 42px; /* Keep it short */
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.hero-banner .select2-selection__rendered, .search-filter .select2-selection__rendered {
  display: inline-flex;
  flex-wrap: nowrap !important;
  white-space: nowrap;
  overflow-x: auto;
  gap: 4px;
}
.hero-banner .select2-selection__rendered::-webkit-scrollbar, .search-filter .select2-selection__rendered::-webkit-scrollbar {
  height: 6px;
}
.hero-banner .select2-selection__rendered::-webkit-scrollbar-thumb, .search-filter .select2-selection__rendered::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

.hero-banner {
  padding: 50px 0;
  background: #082838;
}
.hero-banner .banner-content {
  text-align: center;
}
.hero-banner .banner-content h1 {
  font-size: 2.5rem;
  color: #fff;
}
.hero-banner .banner-content p {
  font-size: 1.2rem;
  color: #fff;
  margin-bottom: 20px;
}

.select2-container--default .select2-selection--single {
  height: 45px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px;
  right: 9px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 37px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  top: -3px;
  position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  color: #71480a;
}

.hero-banner {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
}

.hero-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 0;
  border-radius: 10px;
}

.hero-banner > * {
  position: relative;
  z-index: 1;
}

.search-result > * {
  display: inline-block;
}

.search-result ul {
  list-style-type: none;
  margin-left: 5px;
}
.search-result ul li {
  display: inline-block;
  margin-right: 35px;
  position: relative;
}
.search-result ul li::before {
  content: "-";
}
.search-result ul li:last-child::before {
  margin-right: 0;
  content: "";
}
.search-result ul li::before {
  content: "-";
  right: -16px;
  position: absolute;
}

@media (max-width: 768px) {
  .facility-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .facility-image img {
    width: 100%;
    height: auto;
  }
  .facility-card-body,
  .facility-card-header {
    flex: 1;
    width: 100%;
  }
}
.facility-card-body a.more-details-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #e69e32;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 0.3s ease;
  float: right;
}

.facility-card-body a.more-details-btn:hover {
  background-color: #ba7b1d; /* darker shade for hover */
  color: #fff;
}

.search-filter form#searchForm {
  align-items: flex-end;
}

.search-filter form#searchForm {
  align-items: flex-end;
  box-shadow: none;
  background: transparent;
  padding-left: 0;
}

.txt-search-area {
  margin-top: 20px;
}
.txt-search-area ul {
  margin-bottom: 0;
}

.single-treatment_center {
  /* Align content inside left-area to top */
  /* Align content inside right-area to center vertically */
}
.single-treatment_center .hero-banner {
  text-align: left;
}
.single-treatment_center .hero-banner svg {
  width: 24px;
  height: 18px;
  position: relative;
  top: 3px;
}
.single-treatment_center h1 {
  margin-bottom: 0 !important;
}
.single-treatment_center .hero-banner {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  gap: 20px; /* Space between columns */
  align-items: center; /* Vertically center content */
  padding: 20px; /* Optional padding */
  align-items: stretch; /* Let each grid item fill height */
}
.single-treatment_center .left-area,
.single-treatment_center .right-area {
  display: flex;
  flex-direction: column;
}
.single-treatment_center .left-area {
  justify-content: flex-start; /* Top */
  padding-top: 25px;
}
.single-treatment_center .right-area {
  justify-content: center; /* Middle */
}
.single-treatment_center .facility-services, .single-treatment_center .tff-location-area {
  margin: 30px auto;
  color: #333;
  border: 1px solid #bababa;
  border-radius: 15px;
  padding: 25px;
}
.single-treatment_center .facility-services h3, .single-treatment_center .tff-location-area h3 {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #1a1a1a;
  letter-spacing: 0.03em;
}
.single-treatment_center .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  border-radius: 10px;
}
.single-treatment_center .services-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
}
.single-treatment_center .services-list .s-card {
  background: #f9fafb;
  border-radius: 10px;
  padding: 16px 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.single-treatment_center .services-list .s-card i {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0px;
  background: #e69e32;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
}
.single-treatment_center .s-card_title {
  position: relative;
  padding-left: 47px;
}
.single-treatment_center .services-list .s-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.single-treatment_center .services-list .s-card strong {
  font-weight: 700;
  color: #000;
  margin-bottom: 6px;
  display: inline-block;
  font-size: 16px;
}
.single-treatment_center .services-list .s-card::marker {
  /* No bullets */
  content: "";
}

@media (max-width: 480px) {
  .single-treatment_center .services-list {
    grid-template-columns: 1fr;
  }
}
/* Responsive: stack on smaller screens */
@media (max-width: 768px) {
  .single-treatment_center .hero-banner {
    grid-template-columns: 1fr; /* Single column on small devices */
  }
  .single-treatment_center .left-area,
  .single-treatment_center .right-area {
    margin-bottom: 20px; /* Space between stacked items */
  }
}
.ttf-breadcrumb {
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: #555;
  color: #fff;
}

.ttf-breadcrumb a {
  color: #fff;
  text-decoration: none;
  margin-right: 5px;
}

.ttf-breadcrumb a:hover {
  text-decoration: underline;
}

.ttf-breadcrumb a::after {
  content: "›"; /* Separator symbol */
  margin-left: 5px;
  color: #fff;
}

.ttf-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.single-treatment_center .hero-banner {
  padding-left: 100px;
}

.section__hero--facility-info-text {
  color: #000;
  margin-bottom: 13px;
}

.section__hero--facility-info {
  background: rgb(255, 255, 255);
  border-radius: 8px;
  padding: 24px;
  text-align: center;
  max-width: 353px;
}
.section__hero--facility-info .section__hero--facility-info-text {
  font-size: 18px;
}
.section__hero--facility-info .section__hero--buttons a {
  font-weight: normal;
  color: #fff;
  background-color: #e69e32;
  display: inline-flex;
  font-size: 16px;
  line-height: 1;
  padding: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 8px;
}

.single-treatment_center .hero-banner {
  padding-top: 70px;
  padding-bottom: 70px;
}

.custom-meta-wrapper {
  margin-top: 30px;
  padding: 15px;
  border: 1px solid #ddd;
  background: #fafafa;
  border-radius: 6px;
}

.custom-meta-item {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.4;
}

.custom-meta-key {
  font-weight: 600;
  color: #333;
  margin-right: 6px;
}

.custom-meta-value {
  color: #555;
}

/* Example: styling a specific meta key */
.meta-phone .custom-meta-value {
  color: #0073aa;
  font-weight: 700;
}

.ttf-page-bg {
  background-image: url("img/ttf-banner-bg.jpg") !important;
}

.hero-banner::before {
  background-color: rgba(0, 0, 0, 0.77) !important;
}

.ttf-search .hero-banner p {
  margin-bottom: 0;
}

.hero-banner .select2-selection__rendered, .search-filter .select2-selection__rendered {
  margin-left: 0 !important;
}

.hero-banner .select2-container--default .select2-selection--multiple {
  height: 45px !important;
}

.hero-banner .select2-container--default .select2-search--inline .select2-search__field {
  line-height: 1 !important;
}

.s-card__content span {
  background: #efefef;
  padding: 6px;
  border-radius: 10px;
  font-size: 14px;
  margin-bottom: 5px !important;
  display: inline-block;
}

.select2-search__field {
  line-height: 1.4 !important;
}

.facility-services.pay-area {
  text-align: center;
  background: rgba(248, 150, 6, 0.1490196078);
}
.facility-services.pay-area i {
  margin-right: 5px;
  color: #e69e32;
}
.facility-services.pay-area span {
  background: #efefef;
  padding: 6px;
  border-radius: 10px;
  font-size: 16px;
  margin-bottom: 5px !important;
  display: inline-block;
}

.ttf-gallery {
  /* Ensure gallery items don’t shrink and keep their size */
}
.ttf-gallery .elementor-image-gallery > #gallery-1 {
  display: flex;
  flex-wrap: nowrap; /* prevent wrapping to new line */
  overflow-x: auto; /* enable horizontal scrolling */
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  gap: 10px; /* optional space between images */
  padding-bottom: 10px; /* space for scrollbar */
}
.ttf-gallery .elementor-image-gallery > #gallery-1 .gallery-item {
  flex: 0 0 auto;
}
.ttf-gallery img {
  border-radius: 10px;
}

/* Container to hold content and map side by side */
.grid-container {
  display: flex;
  gap: 20px; /* space between columns */
  flex-wrap: wrap; /* wrap on smaller screens */
}

/* Content area: 70% width */
.grid-container .single-treatment_center_details {
  flex: 0 0 57%;
  box-sizing: border-box;
}

/* Map area: 30% width */
.grid-container .tff-location-area {
  flex: 0 0 40%;
  box-sizing: border-box;
}

/* Responsive: stack columns on narrow screens */
@media (max-width: 768px) {
  .grid-container {
    flex-direction: column;
  }
  .grid-container .single-treatment_center_details,
  .grid-container .tff-location-area {
    flex: 1 1 100%;
  }
}
.stcd {
  margin-bottom: 10px;
}

.single-treatment_center .s-card_title {
  margin-bottom: 10px;
}

.hero-banner .search-form {
  text-align: left;
}
.hero-banner .search-form i {
  color: #e69e32;
  margin-right: 10px;
}

.search-result {
  text-align: left;
  margin-top: 15px;
}

.hero-banner .search-form {
  border: 3px solid #e69e34;
}

.results-grid.results-grid2 .state-card {
  padding: 30px;
}
.results-grid.results-grid2 .state-card p {
  color: #fff;
  line-height: 1;
}
.results-grid.results-grid2 .state-card h3 {
  margin-bottom: 15px;
}
.results-grid.results-grid2 .state-card .facility-info {
  margin-top: 20px;
}/*# sourceMappingURL=style.css.map */