/* Add custom CSS styles below */ 
/* توسيط عنوان ونص قسم about-gray */
.about-gray {
    text-align: center !important;
}

.about-gray h1,
.about-gray h2,
.about-gray h3,
.about-gray p {
    text-align: center !important;
}

/* توسيط المحتوى داخل القسم */
.about-gray .store-story__col {
    justify-content: center !important;
    align-items: center !important;
}.about-gray p {
    max-width: 750px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    line-height: 1.8 !important;
}.about-gray .store-story__description,
.about-gray .store-story__desc,
.about-gray .description,
.about-gray p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 700px !important;
}
/* إزالة أي مسافة أسفل الشريط العلوي */
.top-navbar{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* إزالة أي مسافة أعلى قسم الفيديو */
.store-story--media-only,
.hero-video{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إزالة أي مسافات داخلية قد تسبب الفراغ */
.store-story--media-only .store-story__media{
    margin: 0 !important;
    padding: 0 !important;
}

/* إزالة أي مسافة من أول سكشن بعد الهيدر */
main > section:first-child,
#main-content > section:first-child{
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* هيدر شفاف فوق الفيديو */
.store-header{
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

.store-header #mainnav,
.store-header .inner,
.store-header .top-navbar{
    background: transparent !important;
    box-shadow: none !important;
}

/* إزالة أي مسافة فوق أول سكشن */
body.home .app-inner,
body.home #main-content{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* جعل الفيديو يبدأ من أول الشاشة */
.store-story--media-only{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.store-story--media-only video{
    width:100%;
    height:100vh;
    object-fit:cover;
    display:block;
}