/* ============ start basic css ============ */

p {
  color: #7c7c7c;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

.bs {
  box-shadow: 0 0 2rem 0 rgb(215 215 215);
}

.bd-bottom {
  border-bottom: 3px solid #0E486C;
}

table th {
  font-size: 14px;
  padding: 2px 2px !important;
}

table td {
  padding: 2px 2px !important;
  font-size: 14px;
  border-color: #afa3a350 !important;
}

table tr {
  border-color: #afa3a350 !important;
}

.action-btn {
  background-color: #cccccc;
  padding: 0px 5px;
  border: none;
}

.action-btn:hover {
  background-color: #dddddd;
}

.default-btn {
  border: none;
  color: #ffffff;
  background-color: #0E486C;
  padding: 10px 24px;
  font-size: 18px;
  transition: .2s;
}

.default-btn:hover {
  background-color: #59707e;
}

/* ============ end basic css ============ */
/* ========== home page =========== */
.header-menu {
  background-color: #062263;
}
span.hamburger-btn {
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 5px 8px;
}
.hero-section {
  position: relative;
  background: url('../img/x_stellar_hero.webp') no-repeat center center;
  /* background: url('https://images.unsplash.com/photo-1597733336794-12d05021d510?q=80&w=2874&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; */
  background-size: cover;
  height: 100vh;
  color: white;
  display: flex;
  align-items: center;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.promo-section {
  position: relative;
  background: url('../img/x_stellar_promo_section.webp') no-repeat center center;
  background-size: cover;
  height: 100vh;
  color: white;
  display: flex;
  align-items: center;
}

.promo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 650px;
}

.feature-icon {
  font-size: 3rem;
  color: #0d6efd;
}

footer {
  background-color: #212529;
  color: #adb5bd;
}

footer a {
  color: #adb5bd;
  text-decoration: none;
}

footer a:hover {
  color: white;
}

/* ========== end home page ========== */
/* ========== start products page ========== */
.hrproxr-hero {
  background: url('../img/hrproxr_hero.webp') no-repeat center center;
}
.loanproxr-hero {
  background: url('../img/loanproxr_hero.webp') no-repeat center center;
}
.product-hero {
  /* background: url('https://images.unsplash.com/photo-1523961131990-5ea7c61b2107?q=80&w=2048&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') no-repeat center center; */
  background-size: cover;
  background-color: #000000;
  height: 100vh;
}
.product-hero-img{
  margin: auto;
  height: 500px;
  width: 1000px;
}
.product-additional-img{
  width: 100%;
  height: 280;
}
/* ========== end products page ========== */