/* امتداد الخلفية */html, body{
    height:100%;
;}

body{
    min-height:100v
h
}

/* لو تستخدم .hero أو .gradient-bg تبقى ممتدة */
!impor.hero,
.main-hero,
.gradient-bg{
    min-height:100vh
 tant;
    height:auto !important;
    background-size:cover !important;
*/
.logo-wrapper{
    margin-top:40px;
        background-repeat:no-repeat !important;
}

/* نزول اللوجو شوي من فوق
 display:flex;
    align-items:center;
    justify-content:center;
}

/* دائرة واحدة فقط حول اللوجو */
/* لونها يجي من الستايل / لوحة التحكم (ما نحط لون هنا) */
justify-con.logo-ring{
    width:180px;   /* تقدر تكبر/تصغّر */
    height:180px;
    border-radius:50%;
    overflow:hidden;
    display:flex;
    align-items:center;
   
 tent:center;
}

/* الصورة داخل الدائرة */
.logo-img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* ==== إصلاح صورة اللوجو داخل الإطار ==== */

.logo-wrapper,
.logo-ring,
.logo-circle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* الإطار الدائري الأساسي */
.logo-ring {
    width: 190px !important;   /* تقدر تكبر/تصغر */
    height: 190px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 40px auto 0 !important;
    overflow: hidden !important;
}

/* إلغاء أي إطار/لون/إزاحة إضافية حول الصورة */
.logo-circle {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* الصورة نفسها */
.logo-circle img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important; /* تغطي الدائرة بالكامل */
}