.hero-section .container {
      margin-top: 10vw;
}

.page-hero-section {
    margin-top: 10vw;
  
}
.page-hero-section
Specificity: (0,1,0)
 {
    background: linear-gradient(to right, var(--primary-color), #1b2f8a);
    color: var(--white-color);
    text-align: center;
    padding: var(--spacing-xxl) 0;
    min-height: 350px;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}