/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
    width: 100%;
    min-height: 100vh;
    position: relative;
    padding: 80px 0 60px 0;
    display: flex;
    align-items: center;
    background: url(../img/hero-bg-1.png) top center no-repeat;
    background-size: cover;
  }

  @media (max-width: 1200px) {
    .header .btn-getstarted {
        order: 2;
        /* margin: 0 6rem 0 0px; */
        margin: 0 1rem 0 1rem  !important;
        padding: 5px 10px  !important;
    }

    .header .logo {
        margin-right: auto !important; /* تترك مساحة بين اللوجو وأيقونة القائمة */
    }
    
    .mobile-nav-toggle {
        margin-left: auto !important; /* تترك مساحة بين أيقونة القائمة ولوجو */
    }
}