.elementor-24215 .elementor-element.elementor-element-866428c{--display:flex;--min-height:70vh;--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;--justify-content:center;--overlay-opacity:0.19;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-24215 .elementor-element.elementor-element-866428c:not(.elementor-motion-effects-element-type-background), .elementor-24215 .elementor-element.elementor-element-866428c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(184deg, var( --e-global-color-7482df2 ) 0%, var( --e-global-color-61c719e ) 100%);}.elementor-24215 .elementor-element.elementor-element-866428c::before, .elementor-24215 .elementor-element.elementor-element-866428c > .elementor-background-video-container::before, .elementor-24215 .elementor-element.elementor-element-866428c > .e-con-inner > .elementor-background-video-container::before, .elementor-24215 .elementor-element.elementor-element-866428c > .elementor-background-slideshow::before, .elementor-24215 .elementor-element.elementor-element-866428c > .e-con-inner > .elementor-background-slideshow::before, .elementor-24215 .elementor-element.elementor-element-866428c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://alaghann.com/wp-content/uploads/2026/04/1.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-24215 .elementor-element.elementor-element-866428c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-24215 .elementor-element.elementor-element-33ba86a > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-24215 .elementor-element.elementor-element-33ba86a{z-index:20;}.elementor-24215 .elementor-element.elementor-element-33ba86a .title-after_title, .elementor-24215 .elementor-element.elementor-element-33ba86a .title-subtitle, .elementor-24215 .elementor-element.elementor-element-33ba86a .woodmart-title-container{max-width:44%;}.elementor-24215 .elementor-element.elementor-element-33ba86a .title-subtitle{color:#FFFFFF;background-color:#FFFFFF0D;}.elementor-24215 .elementor-element.elementor-element-33ba86a .title{color:#FFFFFF;font-size:55px;line-height:68px;}.elementor-24215 .elementor-element.elementor-element-33ba86a .title-after_title{color:#FFFFFF;font-size:18px;}.elementor-24215 .elementor-element.elementor-element-cdcc3a5{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overflow:hidden;--border-radius:40px 40px 40px 40px;--margin-top:-67px;--margin-bottom:-70px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;--z-index:100;}.elementor-24215 .elementor-element.elementor-element-cdcc3a5:not(.elementor-motion-effects-element-type-background), .elementor-24215 .elementor-element.elementor-element-cdcc3a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}.elementor-24215 .elementor-element.elementor-element-d5b5765{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-24215 .elementor-element.elementor-element-729db77 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-24215 .elementor-element.elementor-element-729db77 .wd-info-box{padding:20px 30px 20px 30px;border-radius:15px 15px 15px 15px;background-color:#FFFFFF;--ib-icon-sp:40px;}.elementor-24215 .elementor-element.elementor-element-729db77 .wd-info-box .info-box-icon{background-color:#08203929;}.elementor-24215 .elementor-element.elementor-element-729db77 .wd-info-box:hover .info-box-icon{background-color:var( --e-global-color-61c719e );}.elementor-24215 .elementor-element.elementor-element-f2e1a2c > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-24215 .elementor-element.elementor-element-f2e1a2c .wd-info-box{padding:20px 30px 20px 30px;border-radius:15px 15px 15px 15px;background-color:#FFFFFF;--ib-icon-sp:40px;}.elementor-24215 .elementor-element.elementor-element-f2e1a2c .wd-info-box .info-box-icon{background-color:#08203929;}.elementor-24215 .elementor-element.elementor-element-f2e1a2c .wd-info-box:hover .info-box-icon{background-color:var( --e-global-color-61c719e );}.elementor-24215 .elementor-element.elementor-element-be2c899 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-24215 .elementor-element.elementor-element-be2c899 .wd-info-box{padding:20px 30px 20px 30px;border-radius:15px 15px 15px 15px;background-color:#FFFFFF;--ib-icon-sp:40px;}.elementor-24215 .elementor-element.elementor-element-be2c899 .wd-info-box .info-box-icon{background-color:#08203929;}.elementor-24215 .elementor-element.elementor-element-be2c899 .wd-info-box:hover .info-box-icon{background-color:var( --e-global-color-61c719e );}.elementor-24215 .elementor-element.elementor-element-7188f5b > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-24215 .elementor-element.elementor-element-7188f5b .wd-info-box{padding:20px 30px 20px 30px;border-radius:15px 15px 15px 15px;background-color:#FFFFFF;--ib-icon-sp:40px;}.elementor-24215 .elementor-element.elementor-element-7188f5b .wd-info-box .info-box-icon{background-color:#08203929;}.elementor-24215 .elementor-element.elementor-element-7188f5b .wd-info-box:hover .info-box-icon{background-color:var( --e-global-color-61c719e );}.elementor-24215 .elementor-element.elementor-element-32c89f8 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-24215 .elementor-element.elementor-element-32c89f8 .wd-info-box{padding:20px 30px 20px 30px;border-radius:15px 15px 15px 15px;background-color:#FFFFFF;--ib-icon-sp:40px;}.elementor-24215 .elementor-element.elementor-element-32c89f8 .wd-info-box .info-box-icon{background-color:#08203929;}.elementor-24215 .elementor-element.elementor-element-32c89f8 .wd-info-box:hover .info-box-icon{background-color:var( --e-global-color-61c719e );}.elementor-24215 .elementor-element.elementor-element-aa4d5d1 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-24215 .elementor-element.elementor-element-aa4d5d1 .wd-info-box{padding:20px 30px 20px 30px;border-radius:15px 15px 15px 15px;background-color:#FFFFFF;--ib-icon-sp:40px;}.elementor-24215 .elementor-element.elementor-element-aa4d5d1 .wd-info-box .info-box-icon{background-color:#08203929;}.elementor-24215 .elementor-element.elementor-element-aa4d5d1 .wd-info-box:hover .info-box-icon{background-color:var( --e-global-color-61c719e );}.elementor-24215 .elementor-element.elementor-element-00760d4 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-24215 .elementor-element.elementor-element-00760d4 .wd-info-box{padding:20px 30px 20px 30px;border-radius:15px 15px 15px 15px;background-color:#FFFFFF;--ib-icon-sp:40px;}.elementor-24215 .elementor-element.elementor-element-00760d4 .wd-info-box .info-box-icon{background-color:#08203929;}.elementor-24215 .elementor-element.elementor-element-00760d4 .wd-info-box:hover .info-box-icon{background-color:var( --e-global-color-61c719e );}.elementor-24215 .elementor-element.elementor-element-92916c9 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-24215 .elementor-element.elementor-element-92916c9 .wd-info-box{padding:20px 30px 20px 30px;border-radius:15px 15px 15px 15px;background-color:#FFFFFF;--ib-icon-sp:40px;}.elementor-24215 .elementor-element.elementor-element-92916c9 .wd-info-box .info-box-icon{background-color:#08203929;}.elementor-24215 .elementor-element.elementor-element-92916c9 .wd-info-box:hover .info-box-icon{background-color:var( --e-global-color-61c719e );}.elementor-24215 .elementor-element.elementor-element-3a1d438 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-24215 .elementor-element.elementor-element-3a1d438 .wd-info-box{padding:20px 30px 20px 30px;border-radius:15px 15px 15px 15px;background-color:#FFFFFF;--ib-icon-sp:40px;}.elementor-24215 .elementor-element.elementor-element-3a1d438 .wd-info-box .info-box-icon{background-color:#08203929;}.elementor-24215 .elementor-element.elementor-element-3a1d438 .wd-info-box:hover .info-box-icon{background-color:var( --e-global-color-61c719e );}@media(min-width:769px){.elementor-24215 .elementor-element.elementor-element-866428c{--width:88.412%;}}@media(max-width:1024px){.elementor-24215 .elementor-element.elementor-element-866428c{--min-height:55vh;}.elementor-24215 .elementor-element.elementor-element-866428c::before, .elementor-24215 .elementor-element.elementor-element-866428c > .elementor-background-video-container::before, .elementor-24215 .elementor-element.elementor-element-866428c > .e-con-inner > .elementor-background-video-container::before, .elementor-24215 .elementor-element.elementor-element-866428c > .elementor-background-slideshow::before, .elementor-24215 .elementor-element.elementor-element-866428c > .e-con-inner > .elementor-background-slideshow::before, .elementor-24215 .elementor-element.elementor-element-866428c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:contain;}.elementor-24215 .elementor-element.elementor-element-33ba86a > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-24215 .elementor-element.elementor-element-33ba86a .title-after_title, .elementor-24215 .elementor-element.elementor-element-33ba86a .title-subtitle, .elementor-24215 .elementor-element.elementor-element-33ba86a .woodmart-title-container{max-width:60%;}.elementor-24215 .elementor-element.elementor-element-33ba86a .title{font-size:35px;}.elementor-24215 .elementor-element.elementor-element-33ba86a .title-after_title{font-size:15px;}.elementor-24215 .elementor-element.elementor-element-cdcc3a5{--border-radius:30px 30px 30px 30px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-24215 .elementor-element.elementor-element-d5b5765{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:768px){.elementor-24215 .elementor-element.elementor-element-866428c{--min-height:60vh;--overlay-opacity:0.22;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24215 .elementor-element.elementor-element-866428c::before, .elementor-24215 .elementor-element.elementor-element-866428c > .elementor-background-video-container::before, .elementor-24215 .elementor-element.elementor-element-866428c > .e-con-inner > .elementor-background-video-container::before, .elementor-24215 .elementor-element.elementor-element-866428c > .elementor-background-slideshow::before, .elementor-24215 .elementor-element.elementor-element-866428c > .e-con-inner > .elementor-background-slideshow::before, .elementor-24215 .elementor-element.elementor-element-866428c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;background-size:cover;}.elementor-24215 .elementor-element.elementor-element-33ba86a > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 5px 0px 5px;}.elementor-24215 .elementor-element.elementor-element-33ba86a .title-after_title, .elementor-24215 .elementor-element.elementor-element-33ba86a .title-subtitle, .elementor-24215 .elementor-element.elementor-element-33ba86a .woodmart-title-container{max-width:93%;}.elementor-24215 .elementor-element.elementor-element-33ba86a .title{font-size:30px;line-height:1.6em;}.elementor-24215 .elementor-element.elementor-element-33ba86a .title-after_title{font-size:14px;}.elementor-24215 .elementor-element.elementor-element-cdcc3a5{--border-radius:30px 30px 30px 30px;--padding-top:50px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-24215 .elementor-element.elementor-element-d5b5765{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(7, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:start;}.elementor-24215 .elementor-element.elementor-element-729db77 .wd-info-box{padding:20px 20px 20px 20px;}.elementor-24215 .elementor-element.elementor-element-f2e1a2c .wd-info-box{padding:20px 20px 20px 20px;}.elementor-24215 .elementor-element.elementor-element-be2c899 .wd-info-box{padding:20px 20px 20px 20px;}.elementor-24215 .elementor-element.elementor-element-7188f5b .wd-info-box{padding:20px 20px 20px 20px;}.elementor-24215 .elementor-element.elementor-element-32c89f8 .wd-info-box{padding:20px 20px 20px 20px;}.elementor-24215 .elementor-element.elementor-element-aa4d5d1 .wd-info-box{padding:20px 20px 20px 20px;}.elementor-24215 .elementor-element.elementor-element-00760d4 .wd-info-box{padding:20px 20px 20px 20px;}.elementor-24215 .elementor-element.elementor-element-92916c9 .wd-info-box{padding:20px 20px 20px 20px;}.elementor-24215 .elementor-element.elementor-element-3a1d438 .wd-info-box{padding:20px 20px 20px 20px;}}/* Start custom CSS for container, class: .elementor-element-866428c *//* توزيع الصور داخل كامل القسم */
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p1{ top: 6%; left: 7%; width: 26px; height: 26px; animation: aaaasFloat1 7s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p2{ top: 12%; left: 22%; width: 34px; height: 34px; animation: aaaasFloat2 8s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p3{ top: 8%; left: 43%; width: 22px; height: 22px; animation: aaaasFloat3 9s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p4{ top: 16%; left: 61%; width: 30px; height: 30px; animation: aaaasFloat4 7.5s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p5{ top: 10%; left: 82%; width: 24px; height: 24px; animation: aaaasFloat5 8.6s ease-in-out infinite alternate; }

.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p6{ top: 28%; left: 11%; width: 20px; height: 20px; animation: aaaasFloat6 7.8s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p7{ top: 34%; left: 29%; width: 28px; height: 28px; animation: aaaasFloat7 9.2s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p8{ top: 25%; left: 49%; width: 18px; height: 18px; animation: aaaasFloat8 8.4s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p9{ top: 39%; left: 67%; width: 32px; height: 32px; animation: aaaasFloat9 8s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p10{ top: 30%; left: 86%; width: 22px; height: 22px; animation: aaaasFloat10 7.4s ease-in-out infinite alternate; }

.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p11{ top: 54%; left: 8%; width: 30px; height: 30px; animation: aaaasFloat11 9.3s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p12{ top: 49%; left: 24%; width: 20px; height: 20px; animation: aaaasFloat12 8.1s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p13{ top: 58%; left: 41%; width: 26px; height: 26px; animation: aaaasFloat13 7.7s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p14{ top: 50%; left: 58%; width: 18px; height: 18px; animation: aaaasFloat14 8.9s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p15{ top: 60%; left: 79%; width: 28px; height: 28px; animation: aaaasFloat15 7.3s ease-in-out infinite alternate; }

.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p16{ top: 74%; left: 13%; width: 22px; height: 22px; animation: aaaasFloat16 8.7s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p17{ top: 82%; left: 31%; width: 30px; height: 30px; animation: aaaasFloat17 8.2s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p18{ top: 76%; left: 52%; width: 20px; height: 20px; animation: aaaasFloat18 9.1s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p19{ top: 86%; left: 69%; width: 26px; height: 26px; animation: aaaasFloat19 7.9s ease-in-out infinite alternate; }
.elementor-24215 .elementor-element.elementor-element-866428c.aaaas .p20{ top: 79%; left: 87%; width: 18px; height: 18px; animation: aaaasFloat20 8.8s ease-in-out infinite alternate; }

@keyframes aaaasGradientShift{
    0%{ background-position: 0% 50%; }
    25%{ background-position: 100% 40%; }
    50%{ background-position: 80% 100%; }
    75%{ background-position: 20% 60%; }
    100%{ background-position: 0% 50%; }
}

@keyframes aaaasParticlesDrift{
    0%{ transform: translate(0, 0) scale(1) rotate(0deg); }
    25%{ transform: translate(12px, -8px) scale(1.03) rotate(1deg); }
    50%{ transform: translate(-8px, 14px) scale(1.06) rotate(-1deg); }
    75%{ transform: translate(10px, 8px) scale(1.02) rotate(1deg); }
    100%{ transform: translate(0, 0) scale(1) rotate(0deg); }
}

@keyframes aaaasPulseGlow{
    0%{ opacity: 0.72; filter: blur(0px); }
    100%{ opacity: 1; filter: blur(1px); }
}

@keyframes aaaasFloat1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-10px,8px) scale(1.12)}}
@keyframes aaaasFloat2{0%{transform:translate(0,0) scale(1)}100%{transform:translate(8px,-7px) scale(1.14)}}
@keyframes aaaasFloat3{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-8px,10px) scale(1.11)}}
@keyframes aaaasFloat4{0%{transform:translate(0,0) scale(1)}100%{transform:translate(9px,-6px) scale(1.15)}}
@keyframes aaaasFloat5{0%{transform:translate(0,0) scale(1)}100%{transform:translate(7px,-9px) scale(1.13)}}
@keyframes aaaasFloat6{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-7px,6px) scale(1.16)}}
@keyframes aaaasFloat7{0%{transform:translate(0,0) scale(1)}100%{transform:translate(10px,7px) scale(1.12)}}
@keyframes aaaasFloat8{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-8px,-7px) scale(1.14)}}
@keyframes aaaasFloat9{0%{transform:translate(0,0) scale(1)}100%{transform:translate(8px,7px) scale(1.12)}}
@keyframes aaaasFloat10{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-7px,5px) scale(1.15)}}
@keyframes aaaasFloat11{0%{transform:translate(0,0) scale(1)}100%{transform:translate(9px,-8px) scale(1.10)}}
@keyframes aaaasFloat12{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-8px,8px) scale(1.13)}}
@keyframes aaaasFloat13{0%{transform:translate(0,0) scale(1)}100%{transform:translate(6px,-6px) scale(1.14)}}
@keyframes aaaasFloat14{0%{transform:translate(0,0) scale(1)}100%{transform:translate(8px,-8px) scale(1.12)}}
@keyframes aaaasFloat15{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-6px,5px) scale(1.15)}}
@keyframes aaaasFloat16{0%{transform:translate(0,0) scale(1)}100%{transform:translate(7px,6px) scale(1.13)}}
@keyframes aaaasFloat17{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-8px,-6px) scale(1.12)}}
@keyframes aaaasFloat18{0%{transform:translate(0,0) scale(1)}100%{transform:translate(6px,8px) scale(1.15)}}
@keyframes aaaasFloat19{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-7px,-7px) scale(1.11)}}
@keyframes aaaasFloat20{0%{transform:translate(0,0) scale(1)}100%{transform:translate(8px,6px) scale(1.14)}}/* End custom CSS */
/* Start custom CSS */.info-box-inner p {
    margin: 0;
    line-height: 1.7;
}

.info-box-toggle {
    display: inline;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
    font-weight: 600 !important;
    cursor: pointer;
    box-shadow: none !important;
    text-decoration: none !important;
    vertical-align: baseline;
}

.info-box-toggle:hover,
.info-box-toggle:focus {
    background: transparent !important;
    color: inherit !important;
    outline: none !important;
    box-shadow: none !important;
}

/* =========================================================
   2) صورة العميل (تقييدها لصفحة الدفع فقط)
========================================================= */
.elementor-image-box-img{ margin-top: 13px !important; }



/* ================================
   AA Mobile Smooth Sticky (CSS Only)
   Section: aa-el-stack
   Cards:   aa-el-card
================================ */

/* على الجوال خلي العرض 100% لتفادي اهتزازات القياسات */
@media (max-width: 767px){
  .aa-el-stack{
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .aa-el-stack .aa-el-card{
    width: 100% !important;
    position: sticky !important;
    top: var(--aa-top, 30px) 
}
}



/* =========================================================
   1) Elementor / Swiper Pagination (نقاط السلايدر)
========================================================= */

/* الحاوية */
.elementor .swiper-pagination{
    position: absolute;
    width: 100%;
    text-align: center;
}

/* النقاط */
.elementor .swiper-pagination-bullet{
    width: 5px !important;
    height: 5px !important;
    margin: 0 4px !important;

    opacity: 1 !important;
    border-radius: 50% !important;
    background-color: rgba(8, 32, 57, 0.3) !important;

    transition: width 0.3s ease, background-color 0.3s ease, border-radius 0.3s ease !important;
    will-change: width;
}

/* النقطة النشطة */
.elementor .swiper-pagination-bullet-active{
    width: 22px !important;
    border-radius: 20px !important;
    background-color: #082039 !important;
}


/* =========================================================
   2) موضع نقاط السلايدر حسب المقاس
========================================================= */

/* 🖥️ Desktop */
@media (min-width: 1025px){
    .elementor .swiper-pagination{
        bottom: 20px;
    }
}

/* 📱 Tablet + Mobile */
@media (max-width: 1024px){
    .elementor .swiper-pagination{
        position: relative;
        bottom: auto;
        margin-top: 5px;
        text-align: center;
    }
}


/* =========================================================
   3) زوايا دائرية لصور السلايدر + ضبط الصورة
========================================================= */

.swiper-slide-inner,
.swiper-slide-image{
    border-radius: 10px;
    overflow: hidden;
}

.swiper-slide-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================================
   4) Elementor Image Carousel - حل تلاصق الشرائح
========================================================= */

.elementor-image-carousel .swiper-slide{
    box-sizing: border-box;
    padding-inline: 6px;
}


/* =========================================================
   5) إخفاء الكورسل قبل تهيئة Swiper (منع الوميض)
========================================================= */

.elementor-image-carousel-wrapper:not(.swiper-initialized){
    opacity: 0;
    visibility: hidden;
}

.elementor-image-carousel-wrapper.swiper-initialized{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease;
}


/* =========================================================
   7) WoodMart Tabs (موبايل فقط) - تنظيف الهيدر والتمرير
========================================================= */

@media (max-width: 1024px){

    .wd-tabs-header{
        background: transparent !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .wd-tabs-header .tabs-name,
    .wd-tabs-header .title{
        display: none !important;
    }

    .wd-nav-tabs-wrapper{
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;

        overflow-x: auto;
        overflow-y: hidden;

        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .wd-nav-tabs-wrapper::-webkit-scrollbar{
        display: none;
    }

    .wd-nav-tabs{
        background: transparent !important;
    }
}


/* =========================================================
   8) Tabs Icons Border (Default / Hover / Active)
========================================================= */

.wd-nav-tabs .wd-nav-link .img-wrapper img{
    border: 1px solid rgba(0, 0, 0, 0.40);
    border-radius: 7px;
    transition: border-color 0.25s ease;
}

.wd-nav-tabs li:hover .wd-nav-link .img-wrapper img{
    border-color: rgba(0, 0, 0, 0.55);
}

.wd-nav-tabs li.wd-active .wd-nav-link .img-wrapper img{
    border-color: #082039;
}


/* =========================================================
   9) حجم أيقونات التبويبات حسب المقاس
========================================================= */

@media (max-width: 1024px){
    .wd-nav-link .img-wrapper img{
        width: 28px !important;
        height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
    }
}

@media (min-width: 1025px){
    .wd-nav-link .img-wrapper img{
        width: 24px !important;
        height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
    }
}


/* =========================================================
   10) زوايا أزرار التبويبات (جوال + تابلت فقط)
========================================================= */

@media (max-width: 1024px){
    .wd-nav-wrapper.wd-nav-tabs-wrapper .wd-nav-tabs > li > a.wd-nav-link{
        border-radius: 10px !important;
        overflow: hidden !important;
    }
}/* End custom CSS */