:root {
  --page-bg: #081535; /* master background color */
  --text-light: #ffffff;
}

/* Base layout & background */
body,
.wrapper {
  background-color: var(--page-bg);
  margin: 0;
  padding: 0;
}

.center-row{
  text-align: center;
}

.center-row .col-md-2{
  display: inline-block;
  float: none;
  vertical-align: middle;
}

hr.solid {
  border-top: 0.5px solid #5b5b5b;
  margin: 40px auto;
  width: 63%;
}

/* === 2. HERO SECTION ADJUSTMENTS === */

/* Remove dark overlay from hero banner */
section.hero.overlay::before {
  content: none;
  background: none;
  display: none;
}

/* Default hero background */
section.hero .background-img {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

/* Mobile adjustments */
@media (max-width: 767px) {
  section.hero .background-img {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: var(--page-bg); /* fallback color */
  }

  section.hero {
    min-height: 400px;
  }
}


/* === 3. HERO-TEXT SECTION === */
section.hero-text {
  position: relative;
  z-index: 2;
  background-color: var(--page-bg);
  color: var(--text-light);
  text-align: center;
  padding: 120px 0 100px;
}

/* Fade transition between hero and text section */
section.hero-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(to top, var(--page-bg) 0%, rgba(8, 21, 53, 0) 100%);
}

/* Text & buttons */
section.hero-text h1,
section.hero-text h3,
section.hero-text p {
  color: var(--text-light);
}
section.hero-text .but {
  margin-top: 30px;
}


/* === 4. ICON / SVG ALIGNMENT === */
.block-info-1 svg {
  position: absolute;
  top: 5px;
  transform: none;
}


/* === 5. WRAPPER & LAYOUT CONTROL === */
.wrapper {
  margin: 0 auto;
  max-width: 1600px;
}


/* === 6. RESPONSIVE PADDING === */
@media (max-width: 991px) {
  section.hero-text {
    padding: 100px 0 80px;
  }
}

@media (max-width: 767px) {
  section.hero-text {
    padding: 80px 0 60px;
  }
}