.elementor-7429 .elementor-element.elementor-element-02b4217{--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;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7429 .elementor-element.elementor-element-02b4217:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-02b4217 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1a6b966 );}.elementor-7429 .elementor-element.elementor-element-5a911a3 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-7429 .elementor-element.elementor-element-3424bbb{--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;}.elementor-7429 .elementor-element.elementor-element-dff144d > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-7429 .elementor-element.elementor-element-fec1d44{--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;}.elementor-7429 .elementor-element.elementor-element-f0f5922 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-7429 .elementor-element.elementor-element-826d7af{--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;}.elementor-7429 .elementor-element.elementor-element-bb3c71a > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-7429 .elementor-element.elementor-element-96f5ecb{--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;}.elementor-7429 .elementor-element.elementor-element-0215b23 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-7429 .elementor-element.elementor-element-2106ef4{--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;}.elementor-7429 .elementor-element.elementor-element-2106ef4:not(.elementor-motion-effects-element-type-background), .elementor-7429 .elementor-element.elementor-element-2106ef4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7429 .elementor-element.elementor-element-ce7ff23 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-7429 .elementor-element.elementor-element-3c163e5{--e-image-carousel-slides-to-show:8;}.elementor-7429 .elementor-element.elementor-element-ecad058{--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;}.elementor-7429 .elementor-element.elementor-element-955b785 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-7429 .elementor-element.elementor-element-7b004ca{--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;}.elementor-7429 .elementor-element.elementor-element-d0712c5 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-7429 .elementor-element.elementor-element-bd0518e{--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;}.elementor-7429 .elementor-element.elementor-element-674688c > .elementor-widget-container{margin:-40px 0px 0px 0px;}@media(max-width:768px){.elementor-7429 .elementor-element.elementor-element-2106ef4{--padding-top:0px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-7429 .elementor-element.elementor-element-3c163e5{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for image-carousel, class: .elementor-element-3c163e5 *//* ================================
   GTS Clients + Elementor Carousel
   ================================ */

.gts-clients-section{
  position:relative;
  padding:90px 0 80px;
  background:#000;
  color:#fff;
  overflow:hidden;
  direction:rtl;
}

.gts-clients-section::before{
  content:"";
  position:absolute;
  inset:-30%;
  background:
    radial-gradient(700px 320px at 15% 20%, rgba(255,87,34,.18), transparent 60%),
    radial-gradient(700px 340px at 85% 70%, rgba(255,255,255,.08), transparent 60%);
  filter:blur(18px);
  opacity:.9;
  pointer-events:none;
}

.gts-clients-section::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:52px 52px;
  opacity:.45;
  pointer-events:none;
}

/* container inner */
.gts-clients-section .gts-inner{
  position:relative;
  z-index:2;
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
  text-align:center;
}

/* ===== Title Block ===== */
.gts-clients-head{
  max-width:900px;
  margin:0 auto 26px;
  text-align:center;
}

.gts-clients-badge{
  display:inline-block;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.05);
  color:#FF5722;
  font-size:12px;
  letter-spacing:1px;
  margin-bottom:14px;
}

.gts-clients-title{
  font-size:clamp(28px,4.6vw,44px);
  font-weight:1000;
  margin:0 0 10px;
  color:#fff;
}

.gts-clients-title span{
  background:linear-gradient(90deg,#fff 35%,#FF5722 95%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.gts-clients-sub{
  max-width:820px;
  margin:0 auto;
  font-size:15px;
  line-height:1.9;
  color:rgba(255,255,255,.75);
}

/* ===== Stage Wrapper (wrap the Elementor carousel) ===== */
.gts-logo-stage{
  position:relative;
  border-radius:26px;
  padding:18px 14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 360px at 18% 15%, rgba(255,87,34,.16), transparent 60%),
    radial-gradient(900px 420px at 85% 70%, rgba(255,255,255,.09), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  box-shadow:
    0 26px 80px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(255,255,255,.05);
}

/* subtle grid texture */
.gts-logo-stage::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:56px 56px;
  opacity:.30;
  pointer-events:none;
}

/* edge fades (nice for sliders) */
.gts-logo-stage::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.85) 0%,
      rgba(0,0,0,0) 14%,
      rgba(0,0,0,0) 86%,
      rgba(0,0,0,.85) 100%);
  opacity:.9;
  pointer-events:none;
}

/* ===== Elementor Image Carousel fixes (black logos visibility) ===== */
.gts-logo-stage .elementor-image-carousel,
.gts-logo-stage .swiper{
  position:relative;
  z-index:2; /* فوق الـ overlays */
}

.gts-logo-stage .elementor-image-carousel .swiper-slide{
  display:flex;
  align-items:center;
  justify-content:center;
}

.gts-logo-stage .elementor-image-carousel .swiper-slide img{
  background:rgba(255,255,255,.92);        /* الحل الأساسي للّوجوهات السودا */
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 14px 40px rgba(0,0,0,.45);
  max-height:90px;
  width:auto;
  object-fit:contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.35)); /* لمسة جودة */
}

/* arrows/dots (لو ظاهرين) */
.gts-logo-stage .swiper-pagination-bullets .swiper-pagination-bullet{
  background:rgba(255,255,255,.55);
  opacity:1;
}
.gts-logo-stage .swiper-pagination-bullets .swiper-pagination-bullet-active{
  background:#FF5722;
}
.gts-logo-stage .elementor-swiper-button{
  color:#fff;
  opacity:.85;
}
.gts-logo-stage .elementor-swiper-button:hover{
  opacity:1;
}

@media(max-width:768px){
  .gts-logo-stage{
    border-radius:22px;
    padding:14px 10px;
  }
  .gts-logo-stage .elementor-image-carousel .swiper-slide img{
    max-height:72px;
    padding:10px 12px;
    border-radius:16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2106ef4 */.gts-clients-head {
  position: relative;
  z-index: 10;
  text-align: center;
  margin: 0 auto 26px;
  max-width: 900px;
  width: 100%;
}

.gts-clients-badge {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, .12);
  background: #f8fafc;
  color: #ff7a00;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 14px;
}

.gts-clients-title {
  position: relative;
  font-size: clamp(28px, 4.6vw, 44px);
  font-weight: 900;
  margin: 0 0 10px;
  color: #111827;
}

.gts-clients-title span {
  color: #ff7a00;
}

.gts-clients-sub {
  position: relative;
  margin: 0 auto;
  max-width: 820px;
  font-size: 15px;
  line-height: 1.9;
  color: #6b7280;
}

.gts-logo-stage {
  position: relative;
  z-index: 5;
  border-radius: 26px;
  padding: 18px 14px;
  overflow: hidden;
  border: 1px solid rgba(17, 24, 39, .10);
  background: #ffffff;
  box-shadow: 0 18px 55px rgba(17, 24, 39, .08);
}

.gts-logo-stage::after {
  content: none;
}

.gts-logo-stage::before {
  content: none;
}

@media(max-width: 768px) {
  .gts-logo-stage {
    border-radius: 22px;
    padding: 14px 10px;
  }
}/* End custom CSS */