/* =========================================
   🖼️ التنسيقات المستقلة لبلوك السلايدر الرئيسي
   ========================================= */

@keyframes video-pulse-dynamic { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(1.6); opacity: 0; } }

.banner-video-btn .icon-wrap { background-color: var(--hero-primary) !important; }
.banner-video-btn .icon-wrap i { color: #ffffff !important; }
.banner-video-btn .icon-wrap::after { background-color: var(--hero-primary) !important; }

.banner-one__thm-and-other-btn-box { display: flex; align-items: center; flex-wrap: wrap; gap: 30px; margin-top: 40px; }
.banner-video-btn { display: inline-flex; align-items: center; gap: 15px; color: var(--hero-primary) !important; font-weight: 800; font-size: 18px; text-decoration: none !important; transition: all 0.3s ease; }
.banner-video-btn:hover { opacity: 0.8; }
.banner-video-btn .icon-wrap { width: 65px; height: 65px; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; font-size: 20px; }
.banner-video-btn .icon-wrap::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; z-index: -1; animation: video-pulse-dynamic 1.5s infinite ease-out; }

.banner-one__point-single { translate: 0 0; animation: float-bob-translate 3s infinite ease-in-out alternate !important; }
.banner-one__point-single.two { animation-delay: 1s !important; }
.banner-one__point-single.three { animation-delay: 2s !important; }
@keyframes float-bob-translate { 0% { translate: 0 0px; } 100% { translate: 0 -15px; } }

.banner-one__point-single.one, .banner-one__point-single.two, .banner-one__point-single.three {
    background: rgba(137, 136, 136, 0.28) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(10px) !important; border: 1px solid rgba(221, 218, 218, 0.62) !important; box-shadow: 0 15px 35px rgba(44, 44, 44, 0.08) !important; border-radius: 15px !important;
}

.banner-one__point-single .icon { background-color: rgba(var(--hero-primary-rgb), 0.28) !important; }
.banner-one__point-single .icon span { color: #ffffff !important; }
.banner-one__point-single .content h5 { color: var(--hero-primary) !important; }
.banner-one__point-single .content p { color: #c7c6c6 !important; }

:root { --hero-img-width: 100%; --hero-img-max-height: 600px; --hero-img-object-fit: contain; --hero-img-margin-top: -150px; --hero-img-right: -220px; --box1-top: -5%; --box1-right: -10%; --box2-top: 5%; --box2-right: 70%; --box3-bottom: 20%; --box3-right: -35%; --box-width: 220px; --box-scale: 1; }
.banner-one { padding-top: 70px !important; padding-bottom: 70px !important; }
.banner-one__inner .row > div:nth-child(2) { z-index: 99 !important; }
.banner-one__right { position: relative; z-index: 10; overflow: visible !important; }
.banner-one__img-box { position: relative; width: 100%; padding: 0 !important; margin: 0 !important; overflow: visible !important; }
.banner-one__img { position: relative; width: var(--hero-img-width); margin-top: var(--hero-img-margin-top) !important; margin-bottom: 0 !important; margin-left: 0 !important; right: var(--hero-img-right); display: block; transition: all 0.3s ease; }
.banner-one__img img { width: 100%; max-width: 100%; height: auto; max-height: var(--hero-img-max-height); object-fit: var(--hero-img-object-fit); object-position: bottom center; display: block; }
.banner-one__point-single { display: flex !important; visibility: visible !important; opacity: 1 !important; position: absolute !important; z-index: 100 !important; width: var(--box-width) !important; transform: scale(var(--box-scale)) !important; left: auto !important; right: auto !important; transition: all 0.4s ease; }
.banner-one__point-single.one { top: var(--box1-top) !important; right: var(--box1-right) !important; bottom: auto !important; transform: scale(var(--box-scale)) rotate(20deg) !important; }
.banner-one__point-single.two { top: var(--box2-top) !important; right: var(--box2-right) !important; bottom: auto !important; transform: scale(var(--box-scale)) rotate(0deg) !important; }
.banner-one__point-single.three { bottom: var(--box3-bottom) !important; right: var(--box3-right) !important; top: auto !important; transform: scale(var(--box-scale)) rotate(0deg) !important; }

@media (max-width: 1400px) { .banner-one__point-single { transform-origin: right center; width: 190px !important; } .banner-one__point-single.one { transform: scale(0.9) rotate(-6deg) !important; } .banner-one__point-single.two { right: -15px !important; transform: scale(0.9) rotate(0deg) !important; } .banner-one__point-single.three { transform: scale(0.9) rotate(0deg) !important; } }
@media (max-width: 1200px) { .banner-one__point-single { width: 180px !important; } .banner-one__point-single.one { right: 0px !important; transform: scale(0.8) rotate(-6deg) !important; } .banner-one__point-single.two { right: -10px !important; transform: scale(0.8) rotate(0deg) !important; } .banner-one__point-single.three { right: 10px !important; transform: scale(0.8) rotate(0deg) !important; } }
@media (max-width: 991px) { .banner-one__img { width: 100% !important; } .banner-one__point-single { position: static !important; width: 100% !important; max-width: 300px; margin: 15px auto !important; display: flex; } .banner-one__point-single.one, .banner-one__point-single.two, .banner-one__point-single.three { top: auto !important; bottom: auto !important; right: auto !important; left: auto !important; transform: scale(1) rotate(0deg) !important; } }
.banner-one__client-review, .banner-one__happy-customer { display: none !important; }