.hero-with-heading-section .hero-with-heading-section-inner {
  position: relative;
  color: #fff;
  font-family: "Poppins", sans-serif;
}
.hero-with-heading-section .hero-with-heading-section-inner {
  background: linear-gradient(0deg, #001522 0%, #023049 100%);
}
.hero-with-heading-section .hero-with-heading-section-inner .bg-img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
}
.hero-with-heading-section .hero-with-heading-content-wrapper {
  display: flex;
  align-items: center;
}
.hero-with-heading-section .container {
  position: relative;
  z-index: 1;
}
.hero-with-heading-section .section-heading {
  color: #fff;
  font-size: 48px;
  margin-bottom: 40px;
}
.hero-with-heading-section .hero-with-heading-content .content-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  max-width: 560px;
}
.hero-with-heading-section h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #fff;
}
.hero-with-heading-section p {
  font-size: 20px;
  line-height: 1.5;
}
.hero-with-heading-section span {
  font-size: 20px;
  color: #7bbeea;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}
/* @media (min-width: 1400px) {
  .site-content {
      padding-top: 0 !important;
  }
.hero-with-heading-section {
      padding-top: 106px !important;
}
} */
/* @media (max-width: 1400px) {
.hero-with-heading-section {
      padding-top: 0 !important;
}
} */
@media (max-width: 1200px) {
  .hero-with-heading-section .section-heading {
    font-size: 38px;
  }
}
@media (max-width: 991px) {
  .hero-with-heading-content-wrapper .hero-with-heading-image {
    order: -1;
    max-width: 500px !important;
    margin: 0 auto;
  }
  .hero-with-heading-section .hero-with-heading-content .content-block {
    max-width: 100%;
  }
  .hero-with-heading-section .section-heading {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .hero-with-heading-section h3 {
    font-size: 26px;
  }
  .hero-with-heading-section .section-heading {
    font-size: 28px;
  }
  .hero-with-heading-section p,
  .hero-with-heading-section span {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .hero-with-heading-section h3 {
    font-size: 22px;
    line-height: 1.3;
  }
  .hero-with-heading-section .section-heading {
    font-size: 22px;
  }
  .hero-with-heading-section .section-heading {
    margin-bottom: 20px;
  }
  .hero-with-heading-section p,
  .hero-with-heading-section span {
    font-size: 14px;
  }
}
@media (max-width: 320px) {
  .hero-with-heading-section h3 {
    font-size: 17px;
  }
  .hero-with-heading-section .section-heading {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }
  .hero-with-heading-section p,
  .hero-with-heading-section span {
    font-size: 13px;
    line-height: 1.5 !important;
  }
}