html {
  scroll-padding-top: 150px;
}

/* Hero V2 */
.hero-v2 h1, h2, h3, h4, h5, h6 {
  font-family: EB Garamond, sans-serif;
  font-weight: 400;
}

.hero-v2 h1 {
  font-size: 5rem;
  line-height: 1.2;
}

.hero-v2 h1:first-child {
  margin-bottom: 1.5rem;
}

.hero-v2 p {
  font-size: 20px;
}

/* Ensure responsive text scaling */
.responsive-title {
  font-size: clamp(2rem, 6vw, 5rem)!important; /* Adjust font size dynamically */
  line-height: 1.2!important;
}

/* Mobile-first approach */
@media (max-width: 768px) {
  .responsive-title {
    font-size: 2.5rem!important;
  }
}

@media (max-width: 480px) {
  .responsive-title {
    font-size: 2rem!important;
    line-height: 1.1!important;
  }
}

/* Related Posts */
.theme-card .theme-card-bg {
  background-size: cover!important;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  display: block;
  width: 100%;
  height: 25vh;
  max-height: 125px;
}

/* Contact Us - Elementor */
.phoneIconBefore::before {
  content: '';
  display: inline-block;
  width: 12.313px; /* SVG width */
  height: 12.313px; /* SVG height */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12.313" height="12.313" viewBox="0 0 12.313 12.313"><path id="Path_12192" data-name="Path 12192" d="M180.756,109.42a5.279,5.279,0,0,0-1.557,2.436c.022,1.765,1.686,3.95,3.686,5.946s4.293,3.947,5.967,3.693a5.318,5.318,0,0,0,2.453-1.568.846.846,0,0,0-.005-1.115l-1.7-1.7a1.128,1.128,0,0,0-1.238-.1l-1.146.839c-.612.521-1.9-.758-2.757-1.612s-2.156-2.01-1.607-2.758l.838-1.141a1.123,1.123,0,0,0-.085-1.218l-1.7-1.694a.855.855,0,0,0-1.15-.012Z" transform="translate(-179.199 -109.204)" fill="%23fff" opacity="0.5"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px; /* Adjust as needed */
}

.emailIconBefore::before {
  content: '';
  display: inline-block;
  width: 14px; /* SVG width */
  height: 10px; /* SVG height */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="10" viewBox="0 0 14 10"><defs><clipPath id="clip-path"><rect id="Rectangle_343" data-name="Rectangle 343" width="14" height="10" transform="translate(0 0.022)" fill="%23fff"></rect></clipPath></defs><g id="Group_2249" data-name="Group 2249" transform="translate(0 -0.022)" opacity="0.5"><g id="Group_687" data-name="Group 687" clip-path="url(%23clip-path)"><path id="Path_258" data-name="Path 258" d="M7.814,5.406,14.328.072A1.109,1.109,0,0,0,13.938,0H1.69A1.109,1.109,0,0,0,1.3.072Z" transform="translate(-0.576)" fill="%23fff"></path><path id="Path_259" data-name="Path 259" d="M7.589,7.3a.664.664,0,0,1-.078.05l-.061.033a.525.525,0,0,1-.423,0l-.061-.033a.714.714,0,0,1-.078-.05L0,1.68V9.653a1.114,1.114,0,0,0,1.114,1.114H13.362a1.114,1.114,0,0,0,1.114-1.114V1.68Z" transform="translate(0 -0.745)" fill="%23fff"></path></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px; /* Adjust as needed */
}

/* Page Banner V2 Form */
.headerFormCont {
  background-color: #1e4243;
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) {
  .headerFormCont {
    margin-bottom: -100px!important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .headerFormCont {
    display: none!important;
  }
}

.headerFormCont .nf-field-container {
  margin-bottom: 0!important;
}

.headerFormCont input:not([type="submit"]),
.headerFormCont textarea {
  margin: 0;
  padding: 5px;
  border: 0;
  border-radius: 0;
  font-size: small;
  color: white;
}

.headerFormCont input:not([type="submit"])::placeholder,
.headerFormCont textarea::placeholder {
  color: white;
  opacity: 1;
}

.headerFormCont input:not([type="submit"])::-webkit-input-placeholder,
.headerFormCont textarea::-webkit-input-placeholder {
  color: white;
  opacity: 1;
}

.headerFormCont input:not([type="submit"]):-ms-input-placeholder,
.headerFormCont textarea:-ms-input-placeholder {
  color: white;
  opacity: 1;
}

.headerFormCont input:not([type="submit"])::-ms-input-placeholder,
.headerFormCont textarea::-ms-input-placeholder {
  color: white;
  opacity: 1;
}

.headerFormCont .nf-field-element textarea {
  max-height: 100px;
  overflow-y: scroll;
}

.headerFormCont .scrollTo {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  opacity: 0.5;
}

.scrollTo svg {
  fill: white; /* Makes the SVG icon white */
  max-width: 24px; /* Set your preferred maximum width */
  width: 100%; /* Makes it scale responsively */
  height: auto; /* Maintain aspect ratio */
}