.hero {
  position: relative;
  background-attachment: fixed;
  overflow: hidden;
}
.hero .check {
  color: #00e0ff;
}
.btn-red:hover {
  background: #009fc7 !important;
  color: #fff !important;
}
@charset "utf-8";
/* CSS Document */

/* ===== Navbar Styling for SAFEX GLOBAL . ===== */
.navbar {
  background-color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  padding: 10px 0;
}

/* Brand Logo */
.navbar-brand img {
  height: 90px;
  transition: all 0.3s ease;
}

/* Shrink logo slightly when scrolled */
.navbar.scrolled .navbar-brand img {
  height: 70px;
}

/* Brand Name (if text used) */
.navbar-brand {
  color: #000000 !important;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.navbar-brand:hover {
  color: #d81f2e !important;
}

/* Nav Links */
.navbar .nav-link {
  color: #000000 !important;
  font-weight: 500;
  margin-left: 15px;
  transition: color 0.3s ease;
}

.navbar .nav-link:hover,
.navbar .nav-item.active .nav-link {
  color: #d81f2e !important;
}

/* Mobile Menu */
.navbar-toggler {
  border: none;
  color: #000000 !important;
  font-size: 1.4rem;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

/* Scroll Effect */
.navbar.sticky-top.scrolled {
  background-color:#fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
  padding: 5px 0;
}


/* Market Insights Section */
.insights h2 {
  font-weight: 700;
  color: #000;
}

.insights .btn-red {
  background-color: #d81f2e;
  color: #fff;
  border-radius: 30px;
  padding: 10px 25px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.insights .btn-red:hover {
  background-color: #b31622;
  color: #fff;
}

.insights .fa-check-circle {
  color: #d81f2e;
}

.insights .tv-wrap {
  background: #0b1220;
  border-radius: 10px;
  overflow: hidden;
}

.insights .btn-red {
  background-color: #d81f2e;
  color: #fff;
  border-radius: 30px;
  padding: 10px 25px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.insights .btn-red:hover {
  background-color: #b31622;
  color: #fff;
}


.soft {
  background: #121622;
  border: 1px solid #1f2536;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.soft:hover {
  background: #1a2030;
  transform: translateY(-5px);
}

.branches .soft {
  background: #121622;
  border: 1px solid #1f2536;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.branches .soft:hover {
  background: #1a2030;
  transform: translateY(-5px);
}