/* Add custom CSS styles below */ 
.drop-shadow-lg {
    --tw-drop-shadow: none;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));
    filter: none;
}

.s-trust-badges-wrapper {
    align-items: center;
    display: flex;
    margin-top: 1.2rem;
}

.s-trust-badges-image {
  max-width: 12%;
}

.footer-tax-data {
  justify-content: center;
}

@media (max-width: 767px) {
.\!w-\[calc\(100\%\/1\.3\)\] {
    width: 80.92308%!important;
    height: 30%;
}
}

.animated-background-text .text-base {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 600;
}

.sicon-volume-mute:before {
    content: "\f08c";
  display: none;
}

@media (max-width: 767px) {
#influencer-videos-11 .swiper-wrapper .swiper-slide {
    width: 48% !important; 
    margin-left: 1% !important; 
    margin-right: 1% !important;
}

#influencer-videos-11 .open-video-popup,
#influencer-videos-11 .aspect-\[3\/4\] {
    max-height: 100% !important; 
    overflow: hidden;
}

#influencer-videos-11 .lazy-video {
    object-fit: cover !important; 
  border-radius: 10px !important;
}
}

@media (min-width: 1024px) {
    /* 1. إجبار كامل القسم على أخذ ارتفاع كافي */
    #video_text-9 .flex.items-center {
        min-height: 500px !important;
    }

    /* 2. إجبار العمود الأيسر (الذي يحتوي على الصورة) على الظهور وتخطي خاصية الإخفاء */
    #video_text-9 .flex.items-center > div:nth-child(2) {
        min-height: 500px !important;
        height: 100% !important;
    }

    /* 3. إعدادات حاوية الصورة لكي تطفو بشكل صحيح */
    #video_text-9 .video-container {
        height: 450px !important;
        min-height: 450px !important;
        z-index: 99 !important;
        display: block !important;
    }

    /* 4. تفاصيل الصورة نفسها لتملأ الإطار بوضوح */
    #video_text-9 .video-container img {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 450px !important;
        max-width: 100% !important;
        object-fit: cover !important;
        opacity: 1 !important;
        visibility: visible !important;
        border-radius: 15px !important; /* زوايا ناعمة (اختياري) */
    }
}