.sidebar__contact {
    background: var(--tg-theme-secondary);
    border-radius: 0px;
    padding: 50px 40px 55px;
    text-align: center
}
.card {
    margin-top: 40px; /* Adjust the value to add more or less space */
}
.quotation-form .custom_fields_10::placeholder {
    color: gray; /* Make placeholder text gray */
}

  .hero {
    font-size: 2.5rem;
    background: #333 url('/images/hero-bg.webp') no-repeat center;
    color: #fff;
    padding: 50px;
  }
@font-face {
  font-family: 'YourFont';
  src: url('/fonts/yourfont.woff2') format('woff2');
  font-display: swap;
}
.truncate-1-custom {
  -webkit-line-clamp: unset;
  display: block; /* or inline-block, depending on layout */
  overflow: visible;
  -webkit-box-orient: initial;
}
.pricing-carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 20px;
  padding: 20px;
}
.banner-content p {
  /*text-shadow:
    -0.05px -0.05px 0 black,
     0.05px -0.05px 0 black,
    -0.05px  0.05px 0 black,
     0.05px  0.05px 0 black,
     0    0   0.05px black;*/
  color: black;
}
@media (min-width: 1025px) {
  .banner-content .sub-title {
    color: black; /* or your preferred desktop color */
  }
}

@media (max-width: 768px) {
  .banner-content .title {
    text-shadow: 1px 1px 1px black;
    -webkit-text-stroke: 0.5px white;   /* Thin white outline */
    text-stroke: 0.5px white;
  }
}
@media (max-width: 1024px) {
  .banner-content .title {
    text-shadow: 0.5px 0.5px 1px black;
    -webkit-text-stroke: 0.5px white;   /* Thin white outline */
    text-stroke: 0.5px white;
  }
}
button, input[type="text"] {
  min-width: 48px;
  min-height: 48px;
  padding: 12px;
}
.tgmobile__search button,
.tgmobile__search input {
  margin: 8px;
}
.icon-button {
  padding: 12px;
  background: none;
  border: none;
}