.hero-section .gate {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* المسافة بين الزرين */
    justify-content: center;
}
.hero-section .gate {
margin-top:200px
}
.hero-section .discover-btn{
  margin-top:15px !important;
}