.elementor-4923 .elementor-element.elementor-element-0493b14{--display:flex;--min-height:380px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-4923 .elementor-element.elementor-element-0493b14:not(.elementor-motion-effects-element-type-background), .elementor-4923 .elementor-element.elementor-element-0493b14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://8pc.sa/wp-content/uploads/2025/11/patern-webp.webp");}.elementor-4923 .elementor-element.elementor-element-2912592 > .elementor-widget-container{margin:15px 0px 0px 0px;padding:167px 0px 0px 0px;}.elementor-4923 .elementor-element.elementor-element-2912592.elementor-element{--align-self:center;}.elementor-4923 .elementor-element.elementor-element-2912592 .elementor-heading-title{font-family:"Cairo", Sans-serif;color:#C5B174;}.elementor-4923 .elementor-element.elementor-element-025e2d1{--display:flex;--min-height:403px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-4923 .elementor-element.elementor-element-025e2d1:not(.elementor-motion-effects-element-type-background), .elementor-4923 .elementor-element.elementor-element-025e2d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://8pc.sa/wp-content/uploads/2025/10/PATTERN1webp-scaled.webp");}.elementor-4923 .elementor-element.elementor-element-d8c7f7d{--display:flex;--min-height:222px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-4923 .elementor-element.elementor-element-d8c7f7d:not(.elementor-motion-effects-element-type-background), .elementor-4923 .elementor-element.elementor-element-d8c7f7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://8pc.sa/wp-content/uploads/2025/10/PATTERN1webp-scaled.webp");background-size:contain;}.elementor-4923 .elementor-element.elementor-element-be9a4e1 > .elementor-widget-container{margin:69px 0px 2px 0px;}.elementor-4923 .elementor-element.elementor-element-be9a4e1{text-align:justify;font-family:"Cairo", Sans-serif;font-size:17px;font-weight:700;letter-spacing:0.9px;word-spacing:9px;color:var( --e-global-color-c47bd1d );}.elementor-4923 .elementor-element.elementor-element-4181653 .elementor-button{background-color:var( --e-global-color-50559dc );font-family:"Cairo", Sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;text-decoration:none;fill:var( --e-global-color-77bb403 );color:var( --e-global-color-77bb403 );box-shadow:5px -5px 60px 0px rgba(0,0,0,0.1);border-radius:50px 50px 50px 50px;padding:16px 50px 16px 50px;}.elementor-4923 .elementor-element.elementor-element-4181653 .elementor-button:hover, .elementor-4923 .elementor-element.elementor-element-4181653 .elementor-button:focus{background-color:var( --e-global-color-77bb403 );color:var( --e-global-color-50559dc );}.elementor-4923 .elementor-element.elementor-element-4181653 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-4923 .elementor-element.elementor-element-4181653 .elementor-button:hover svg, .elementor-4923 .elementor-element.elementor-element-4181653 .elementor-button:focus svg{fill:var( --e-global-color-50559dc );}.elementor-4923 .elementor-element.elementor-element-7a51ab2 img{height:383px;}.elementor-4923 .elementor-element.elementor-element-4fadc7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-4923 .elementor-element.elementor-element-4fadc7f:not(.elementor-motion-effects-element-type-background), .elementor-4923 .elementor-element.elementor-element-4fadc7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://8pc.sa/wp-content/uploads/2025/11/patern-webp.webp");}.elementor-4923 .elementor-element.elementor-element-4b26a70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-4923 .elementor-element.elementor-element-4b26a70:not(.elementor-motion-effects-element-type-background), .elementor-4923 .elementor-element.elementor-element-4b26a70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://8pc.sa/wp-content/uploads/2025/11/patern-webp.webp");}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4923 .elementor-element.elementor-element-be9a4e1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4923 .elementor-element.elementor-element-7a51ab2 img{height:520px;}}@media(min-width:768px){.elementor-4923 .elementor-element.elementor-element-d8c7f7d{--width:67%;}}/* Start custom CSS for html, class: .elementor-element-1fe4591 */.image-wrapper {
    position: relative;
    max-width: 800px;
    margin: auto;
    z-index: 1;
}

.image-wrapper .main-image {
    width: 100%;
    height: auto;
    display: block;
}

/* المناطق التفاعلية (hotspot) */
.hotspot {
    position: absolute;
    width: 18%;
    height: 20%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    
    /* تنسيق النص الأساسي */
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    z-index: 10;
}

/* توزيع النقاط (الإحداثيات) */
.one 	{ top: 5%; 	left: 55%; }
.two 	{ top: 25%; left: 75%; }
.three { top: 51%; left: 75%; }
.four 	{ top: 70%; left: 56%; }
.five 	{ top: 70%; left: 29%; }
.six 	{ top: 50%; left: 9%; }
.seven { top: 25%; left: 8%; }
.eight { top: 5%; 	left: 28%; }

/* تأثير الهوفر على النص والأيقونة - لسطح المكتب */
.hotspot:hover {
    color: #C5B174 !important; /* لون النص عند الهوفر */
    text-shadow: 0 0 12px rgba(197, 177, 116, 0.9) !important; /* لون توهج النص */
    transform: scale(1.15);
    filter: none;
}

/* ======================================= */
/* 📱 تعديلات الشاشات الصغيرة (Media Query) */
/* ======================================= */

@media (max-width: 768px) {
    /* تصغير حجم الخط ليتناسب مع الأشكال السداسية */
    .hotspot {
        font-size: 14px !important;
        color: #ffffff;
        text-shadow: 0 1px 2px rgba(0,0,0,0.5);
        font-weight: bold;
        line-height: 1.1;
    }
    
    /* إلغاء تأثيرات الهوفر غير الضرورية في الموبايل */
    .hotspot:hover {
        transform: scale(1);
        filter: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-464eb48 */.image-wrapper {
    position: relative;
    max-width: 800px;
    margin: auto;
    z-index: 1;
}

.image-wrapper .main-image {
    width: 100%;
    height: auto;
    display: block;
}

/* المناطق التفاعلية (hotspot) */
.hotspot {
    position: absolute;
    width: 18%;
    height: 20%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    
    /* تنسيق النص الأساسي */
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    
    cursor: pointer;
    transition: all 0.3s ease-in-out !important;
    z-index: 10;
}

/* توزيع النقاط (الإحداثيات) */
.one 	{ top: 5%; 	left: 55%; }
.two 	{ top: 25%; left: 75%; }
.three { top: 51%; left: 75%; }
.four 	{ top: 70%; left: 56%; }
.five 	{ top: 70%; left: 29%; }
.six 	{ top: 50%; left: 9%; }
.seven { top: 25%; left: 8%; }
.eight { top: 5%; 	left: 28%; }

/* تأثير الهوفر على النص والأيقونة - لسطح المكتب */
.hotspot:hover {
    color: #C5B174 !important; /* لون النص عند الهوفر */
    text-shadow: 0 0 12px rgba(197, 177, 116, 0.9) !important; /* لون توهج النص */
    transform: scale(1.15);
    filter: none;
}

/* ======================================= */
/* 📱 تعديلات الشاشات الصغيرة (Media Query) */
/* ======================================= */

@media (max-width: 768px) {
    /* تصغير حجم الخط ليتناسب مع الأشكال السداسية */
    .hotspot {
        font-size: 14px !important;
        color: #ffffff;
        text-shadow: 0 1px 2px rgba(0,0,0,0.5);
        font-weight: bold;
        line-height: 1.1;
    }
    
    /* إلغاء تأثيرات الهوفر غير الضرورية في الموبايل */
    .hotspot:hover {
        transform: scale(1);
        filter: none;
    }
}/* End custom CSS */