.hero-section {
  background:  url("/static/images/suppliers/suppliers.3681143b35a2.webp") no-repeat center center;
  background-size: cover;
  height: 100vh;
  margin-top: 0;
  padding-top: 0;
  position: relative;
  z-index: 0;
}

.hero-section .hero-text {
  color: #fff;
  font-family: "Kufam", sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  font-weight: 700;
    max-width: 1300px;
}

.hero-text h1{
    line-height: 2;
}

.hero-text .register-button {
    text-align: center;
    font-family: 'Cairo', sans-serif;
    font-size: 40px;
    
}

.hero-section .register-button a {
    display: inline-block;
    padding: 10px 45px;
    background-color: #8AA83B;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    font-size: 40px;
    /* display: flex; */
  align-items: center; /* vertical center */
  justify-content: center; /* optional: horizontal center */
}

.hero-section .register-button a:hover {
    background-color: rgb(84, 136, 42);
    color: #fff;
}

.hero-section .register-button i {
    font-size: 22px;
}
.path-section{
    background-color: #1D1F22;
    padding: 20px;
}

.path-section div{
    max-width: 65%;
    padding: 10px var(--gap);
    margin: auto;
}

.path-section p{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    color: #7E8989;
}

.path-section p span{
    color: #0069B4;
}

.spacer{
    height: 25vh;
    background-color: #031227;
}

@media (max-width:576px){
  .hero-section h1 {
    font-size: 24px;
    line-height: 35px;
    text-align: start;
  }

  .hero-section .register-button a {
    font-size: 20px;
  }
}