/* ==================================
   صفحة ملفات التصميم الرقمية فقط
================================== */

.digital-design-page {
    overflow-x: hidden;
}

/* ==================================
   الفستان - الكمبيوتر
================================== */

.digital-design-page main::before {
    content: "";
    position: fixed;

    left: -40px;
    bottom: -10px;

    width: 48vw;
    height: 88vh;

    background-image: url("https://i.ibb.co/27swxdPK/1-1.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;

    pointer-events: none;
    z-index: 0;
}

/* تقريب المحتوى شوي */
.digital-design-page main {
    padding-left: 12vw;
}

/* الشريط العلوي */
.digital-design-page header {
    position: relative;
    z-index: 1000;
    background: #fff;
} 
 
/* ==================================
   الجوال والتابلت
================================== */

@media (max-width: 768px) {

    .digital-design-page main::before {
        left: -10px;
        bottom: 90px;

        width: 102vw;
        height: 92vh;

        background-size: contain;
        opacity: 1;
    }

    .digital-design-page main {
        padding-left: 0;
    }
}

/* منع السكرول الأفقي */
html,
body, 
.digital-design-page {
    overflow-x: hidden;
}