.hero-section {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 60vh;
  background-color: #0f1f3d;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  overflow: hidden;
  height: 100vh; }
  @media (max-width: 480px) {
    .hero-section {
      padding-left: 15px;
      padding-right: 15px; } }
  .hero-section .hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(15, 31, 61, 0.75), rgba(44, 123, 229, 0.65));
    background: rgba(0, 0, 0, 0.5);
    z-index: 0; }
  .hero-section .hero-content {
    position: relative;
    z-index: 1;
    padding: 4rem 0;
    text-align: center; }
    @media (max-width: 767px) {
      .hero-section .hero-content {
        padding: 3rem 0; } }
    .hero-section .hero-content .hero-subtitle {
      font-size: clamp(0.875rem, 2vw, 1.125rem);
      margin-bottom: 0.75rem;
      opacity: 0.9;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: 500; }
    .hero-section .hero-content .hero-title {
      font-size: clamp(2.25rem, 5vw, 3.5rem);
      margin-bottom: 1rem; }
      @media (max-width: 767px) {
        .hero-section .hero-content .hero-title {
          font-size: 30px; } }
    .hero-section .hero-content .hero-description {
      font-size: clamp(1rem, 2.5vw, 1.25rem);
      max-width: 720px;
      margin: 0 auto;
      line-height: 1.7; }
      .hero-section .hero-content .hero-description p {
        margin: 0;
        color: #ffffff;
        font-size: 20px; }
        @media (max-width: 767px) {
          .hero-section .hero-content .hero-description p {
            font-size: 18px; } }
    .hero-section .hero-content .hero-buttons a {
      padding: 16px;
      border: 1px solid #eeeeee; }

/*# sourceMappingURL=hero.css.map */