.hero-header {
    border-radius: 1rem;
    background-color: #0E0D17;
    background-image: url('img/people.jpg');
    background-repeat: no-repeat;
    background-size: cover;

    padding: 6rem 2rem;
    margin: 0 2rem
}


.hero-footer {
    border-radius: 1rem;
    background-color: #0E0D17;
    background-image: url('img/Footer.html\ Section\ Background.png');
    background-repeat: no-repeat;
    background-size: cover;

    padding: 6rem 2rem;
    margin: 0 4rem
}

.boxx {
    
    background-color: #090412;
    
}

.arrow:hover{
   
    transform: translateX(20px) scale(-1, 1);
    transition: transform 250ms;
  }
.resolve-btn{
    width: 12rem;
    height: 4rem;
    
}
  .arrow{
   
    transform:translateX(10px) scale(-1, 1)
   
  }

.h3-text {
    transform: scale(1, 1);
color: #C4A5FF;
   
    
}

@media only screen and (max-width: 600px) {
    .hero-header .hero-footer{
        background-position: center;
        background-image: hidden;
    }
    
}