/* Arabids Elementor v1.0.9 — preserve the original source layout. */
.arabids-elementor-source,
.elementor-widget-arabids_homepage,
.elementor-widget-arabids_homepage > .elementor-widget-container{
  width:100%;
  max-width:none;
}
body.elementor-page .arabids-elementor-root-section,
body.elementor-page .arabids-elementor-root-section > .elementor-container,
body.elementor-page .arabids-elementor-root-section .elementor-column,
body.elementor-page .arabids-elementor-root-section .elementor-widget-wrap{
  width:100%;
  max-width:none;
}
body.elementor-page .arabids-elementor-root-section,
body.elementor-page .arabids-elementor-root-section .elementor-widget-wrap,
body.elementor-page .elementor-widget-arabids_homepage{
  margin:0!important;
  padding:0!important;
}

@media (min-width:992px){
  .arabids-elementor-source .hero .flex{
    flex-wrap:nowrap!important;
    gap:0!important;
  }
  .arabids-elementor-source .hero .left,
  .arabids-elementor-source .hero .right{
    width:50%!important;
    max-width:50%!important;
    flex:0 0 50%!important;
  }
  .arabids-elementor-source.rtl .hero .left{
    padding-right:0!important;
    padding-left:55px!important;
  }
  .arabids-elementor-source .hero .right{
    display:block!important;
  }
  .arabids-elementor-source .hero .image{
    justify-content:left!important;
  }
}
@media (max-width:991px){
  .arabids-elementor-source .hero .flex{
    flex-wrap:nowrap!important;
    flex-direction:column!important;
    gap:26px!important;
  }
  .arabids-elementor-source .hero .left,
  .arabids-elementor-source .hero .right{
    width:100%!important;
    max-width:100%!important;
    flex:0 0 auto!important;
  }
  .arabids-elementor-source .hero .left{padding:0!important}
  .arabids-elementor-source .hero .right{display:block!important}
  .arabids-elementor-source .hero h1,
  .arabids-elementor-source .hero .title{margin-top:0!important}
}


/* v1.0.2 — keep every pixel of the original phones image visible. */
.arabids-elementor-source .hero,
.arabids-elementor-source .hero .container,
.arabids-elementor-source .hero .right,
.arabids-elementor-source .hero .image{overflow:visible!important}
.arabids-elementor-source .hero .image{align-items:center!important;min-width:0}
.arabids-elementor-source .hero .image img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:min(735px,calc(100svh - 108px))!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
}
@media (min-width:992px){
  .arabids-elementor-source .hero .flex{min-height:calc(100svh - 88px);align-items:center!important}
  .arabids-elementor-source .hero .right{align-self:stretch;display:flex!important;align-items:center}
  .arabids-elementor-source .hero .right .image{width:100%;height:100%}
}
@media (max-width:991px){
  .arabids-elementor-source .hero .image img{width:min(92vw,380px)!important;max-height:none!important;margin:0 auto!important}
}
@media (max-width:560px){
  .arabids-elementor-source .hero .image img{width:min(94vw,345px)!important}
}


/* v1.0.3 — lower the desktop phone artwork and reduce the mobile halo. */
@media (min-width:992px){
  .arabids-elementor-source .hero .image img{
    position:relative!important;
    top:28px;
  }
}
@media (max-width:991px){
  .arabids-elementor-source .hero .circle-overlay{
    width:380px!important;
    height:380px!important;
    right:50%!important;
    margin-right:0!important;
    transform:translateX(50%)!important;
    bottom:-90px!important;
    opacity:.28!important;
  }
}
@media (max-width:420px){
  .arabids-elementor-source .hero .circle-overlay{
    width:340px!important;
    height:340px!important;
    bottom:-82px!important;
  }
}

/* Visible only to administrators: direct live-edit shortcut on the website. */
.arabids-live-edit-fab{
  position:fixed;
  left:24px;
  bottom:24px;
  z-index:999999;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:#ff7a3d;
  color:#fff!important;
  text-decoration:none!important;
  font:600 14px/1.2 "Tajawal",Arial,sans-serif;
  box-shadow:0 12px 32px rgba(6,35,56,.20);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.arabids-live-edit-fab:hover{
  transform:translateY(-2px);
  background:#ff6823;
  box-shadow:0 16px 38px rgba(6,35,56,.26);
}
.arabids-live-edit-fab .dashicons{
  width:18px;
  height:18px;
  font-size:18px;
}
@media(max-width:782px){
  .arabids-live-edit-fab{left:12px;bottom:14px;min-height:42px;padding:0 14px;font-size:13px}
}


/* v1.0.4 — desktop text halo and obvious section-level live editing. */
.arabids-elementor-source .hero .left{
  position:relative;
}
.arabids-elementor-source .arabids-hero-copy{
  position:relative;
  isolation:isolate;
}
.arabids-elementor-source .arabids-hero-copy > :not(.arabids-hero-text-halo){
  position:relative;
  z-index:2;
}
.arabids-elementor-source .arabids-hero-text-halo{
  --arabids-halo-x:0px;
  --arabids-halo-y:0px;
  display:block;
  position:absolute;
  z-index:0;
  width:540px;
  height:540px;
  right:50%;
  top:50%;
  border-radius:50%;
  pointer-events:none;
  opacity:.12;
  background:linear-gradient(0deg,#ff5e00 0%,#ffb795 47.6%,#fafbff 100%);
  transform:translate(calc(50% + var(--arabids-halo-x)),calc(-50% + var(--arabids-halo-y)));
}
.arabids-section-live-edit{
  position:absolute!important;
  top:-58px;
  right:0;
  z-index:20!important;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 13px;
  border:1px solid rgba(255,122,61,.34);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#e9500d!important;
  text-decoration:none!important;
  font:600 13px/1.2 "Tajawal",Arial,sans-serif;
  box-shadow:0 8px 24px rgba(6,35,56,.10);
}
.arabids-section-live-edit:hover{background:#fff1ea}
.arabids-section-live-edit .dashicons{width:16px;height:16px;font-size:16px}
@media(max-width:991px){
  .arabids-elementor-source .arabids-hero-text-halo{display:none!important}
  .arabids-section-live-edit{top:-20px;right:50%;transform:translateX(50%);white-space:nowrap}
}


/* v1.0.5 — compact flag language selector beside the Auctions navigation tab. */
.arabids-elementor-source header .navbar-nav > li.arabids-header-language-item{
  display:flex;
  align-items:center;
  justify-content:center;
  padding-inline:7px;
}
.arabids-elementor-source .arabids-header-language{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  direction:ltr;
}
.arabids-elementor-source .arabids-header-language button{
  appearance:none;
  -webkit-appearance:none;
  width:31px;
  height:31px;
  min-width:31px;
  padding:0;
  border:1px solid transparent;
  border-radius:50%;
  background:transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.arabids-elementor-source .arabids-header-language button:hover{background:#fff0e8}
.arabids-elementor-source .arabids-header-language button.active{border-color:rgba(255,122,61,.42);background:#fff4ee}
.arabids-elementor-source .arabids-header-language .language-flag{display:block;width:21px;height:14px;object-fit:cover;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.20)}
@media(max-width:991px){
  .arabids-elementor-source header .navbar-nav > li.arabids-header-language-item{padding:8px 16px 2px}
  .arabids-elementor-source .arabids-header-language button{width:36px;height:36px;min-width:36px}
  .arabids-elementor-source .arabids-header-language .language-flag{width:25px;height:17px}
}


/* v1.0.6 — halo centred on the actual hero copy and repeated behind the
   changing text in the Inside App section. */
.arabids-elementor-source .how_it_works_section .how-it-works-slide-content{
  position:relative;
  isolation:isolate;
}
.arabids-elementor-source .how_it_works_section .how-it-works-slide-content::before{
  --arabids-app-halo-x:0px;
  --arabids-app-halo-y:0px;
  content:"";
  position:absolute;
  z-index:0;
  width:420px;
  height:420px;
  right:50%;
  top:50%;
  border-radius:50%;
  pointer-events:none;
  opacity:.12;
  background:linear-gradient(0deg,#ff5e00 0%,#ffb795 47.6%,#fafbff 100%);
  transform:translate(calc(50% + var(--arabids-app-halo-x)),calc(-50% + var(--arabids-app-halo-y)));
}
.arabids-elementor-source .how_it_works_section .how-it-works-slide-content > *{
  position:relative;
  z-index:1;
}
@media(max-width:991px){
  .arabids-elementor-source .how_it_works_section .how-it-works-slide-content::before{
    width:300px;
    height:300px;
    opacity:.09;
  }
}


/* v1.0.8 — Mazadat reference halo preset.
   A large, flat, very pale circle is centred on the copy and shifted down so
   it includes the store badges, matching the reference composition. */
@media (min-width:992px){
  .arabids-elementor-source.arabids-halo-mazadat .arabids-hero-text-halo{
    width:min(55vw,var(--arabids-reference-hero-size,780px))!important;
    height:min(55vw,var(--arabids-reference-hero-size,780px))!important;
    right:50%!important;
    top:50%!important;
    border-radius:50%!important;
    opacity:1!important;
    background:linear-gradient(180deg,var(--arabids-reference-halo-top,#FAFBFF) 0%,#FCF5F3 42%,var(--arabids-reference-halo-bottom,#FBEDEA) 100%)!important;
    transform:translate(calc(50% + var(--arabids-halo-x,0px)),calc(-50% + var(--arabids-reference-hero-y,112px) + var(--arabids-halo-y,0px)))!important;
  }
  .arabids-elementor-source.arabids-halo-mazadat .how_it_works_section .how-it-works-slide-content::before{
    width:min(54vw,var(--arabids-reference-app-size,760px))!important;
    height:min(54vw,var(--arabids-reference-app-size,760px))!important;
    right:50%!important;
    top:50%!important;
    border-radius:50%!important;
    opacity:1!important;
    background:linear-gradient(180deg,var(--arabids-reference-halo-top,#FAFBFF) 0%,#FCF5F3 42%,var(--arabids-reference-halo-bottom,#FBEDEA) 100%)!important;
    transform:translate(calc(50% + var(--arabids-app-halo-x,0px)),calc(-50% + var(--arabids-reference-app-y,72px) + var(--arabids-app-halo-y,0px)))!important;
  }
  .arabids-elementor-source.arabids-halo-mazadat .hero .left,
  .arabids-elementor-source.arabids-halo-mazadat .how_it_works_section .how-it-works-slide-content{
    overflow:visible!important;
  }
}
@media (max-width:991px){
  .arabids-elementor-source.arabids-halo-mazadat .how_it_works_section .how-it-works-slide-content::before{
    width:min(88vw,var(--arabids-reference-app-size,390px))!important;
    height:min(88vw,var(--arabids-reference-app-size,390px))!important;
    opacity:1!important;
    background:linear-gradient(180deg,var(--arabids-reference-halo-top,#FAFBFF) 0%,#FCF5F3 42%,var(--arabids-reference-halo-bottom,#FBEDEA) 100%)!important;
    transform:translate(calc(50% + var(--arabids-app-halo-x,0px)),calc(-50% + var(--arabids-reference-app-y,28px) + var(--arabids-app-halo-y,0px)))!important;
  }
}


/* v1.2.8 / 1.0.9 — newsletter removed and the following section re-spaced. */
.subscribe_section,
#subscribe.subscribe_section{
  display:none!important;
}
.hero + .core_benefits_section,
.arabids-elementor-source .hero + .core_benefits_section{
  padding-top:clamp(72px,6vw,104px)!important;
}
@media(max-width:991px){
  .hero + .core_benefits_section,
  .arabids-elementor-source .hero + .core_benefits_section{
    padding-top:58px!important;
  }
}
@media(max-width:560px){
  .hero + .core_benefits_section,
  .arabids-elementor-source .hero + .core_benefits_section{
    padding-top:46px!important;
  }
}


/* Complete LTR layout when English is selected. */
@media(min-width:992px){
  html[dir="ltr"] .hero .left,
  .arabids-elementor-source.ltr .hero .left{
    padding-left:0!important;
    padding-right:55px!important;
  }
  html[dir="ltr"] .hero .image,
  .arabids-elementor-source.ltr .hero .image{
    justify-content:right!important;
  }
  html[dir="ltr"] .how_it_works_section .flex.desktop,
  .arabids-elementor-source.ltr .how_it_works_section .flex.desktop{
    direction:ltr!important;
  }
}
html[dir="ltr"] .hero .left,
html[dir="ltr"] .core_benefits_section,
html[dir="ltr"] .how_it_works_section,
html[dir="ltr"] .what_is_section,
html[dir="ltr"] .who_its_for_section,
html[dir="ltr"] .faq_section,
.arabids-elementor-source.ltr .hero .left,
.arabids-elementor-source.ltr .core_benefits_section,
.arabids-elementor-source.ltr .how_it_works_section,
.arabids-elementor-source.ltr .what_is_section,
.arabids-elementor-source.ltr .who_its_for_section,
.arabids-elementor-source.ltr .faq_section{
  text-align:left;
}


/* v1.0.10 — keep both store badges directly below the hero description and
   create a measured pause before the “How ARABIDS Works” title/cards. */
.arabids-elementor-source .hero .download_app{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:24px;
  margin-top:var(--arabids-badges-top-space,8px)!important;
  position:relative;
  z-index:4;
  visibility:visible!important;
  opacity:1!important;
}
.arabids-elementor-source .hero .download_app a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
}
.arabids-elementor-source .hero .download_app img{
  display:block!important;
  height:auto!important;
  visibility:visible!important;
  opacity:1!important;
}
.arabids-elementor-source .hero + .core_benefits_section{
  padding-top:var(--arabids-steps-top-space,148px)!important;
}
.arabids-elementor-source .core_benefits_section h2.title{
  margin-bottom:var(--arabids-steps-title-gap,44px)!important;
}
@media(max-width:991px){
  .arabids-elementor-source .hero .download_app{gap:12px}
  .arabids-elementor-source .hero + .core_benefits_section{padding-top:var(--arabids-steps-top-space,96px)!important}
  .arabids-elementor-source .core_benefits_section h2.title{margin-bottom:var(--arabids-steps-title-gap,38px)!important}
}
@media(max-width:560px){
  .arabids-elementor-source .hero .download_app{gap:10px}
  .arabids-elementor-source .hero + .core_benefits_section{padding-top:var(--arabids-steps-top-space,72px)!important}
  .arabids-elementor-source .core_benefits_section h2.title{margin-bottom:var(--arabids-steps-title-gap,30px)!important}
}

/* v1.0.11 — complete phone frame, full app screenshots and calmer halos.
   Hide the legacy lower circle in “Inside the app”; together with the text
   halo it was producing two extra peach shapes on desktop. */
.arabids-elementor-source .how_it_works_section .container-circle-wrap{
  display:none!important;
}

.arabids-elementor-source .how_it_works_section .how-it-works-swiper-2,
.arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile{
  aspect-ratio:295 / 604;
  height:auto!important;
  background:#fff;
}
.arabids-elementor-source .how_it_works_section .how-it-works-swiper-2 .swiper-wrapper,
.arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile .swiper-wrapper,
.arabids-elementor-source .how_it_works_section .how-it-works-swiper-2 .swiper-slide,
.arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile .swiper-slide{
  height:100%!important;
}
.arabids-elementor-source .how_it_works_section .how-it-works-swiper-2 .swiper-slide,
.arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile .swiper-slide{
  padding:0!important;
  background:#fff;
}
.arabids-elementor-source .how_it_works_section .how-it-works-swiper-2 .swiper-slide > img.attachment-full,
.arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile .swiper-slide > img.attachment-full{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  padding:7px 8px 9px!important;
  object-fit:contain!important;
  object-position:center top!important;
  border-radius:51px!important;
  background:#fff;
}
.arabids-elementor-source .how_it_works_section .how-it-works-mockup,
.arabids-elementor-source .how_it_works_section .how-it-works-mockup img.bg{
  width:100%!important;
  height:100%!important;
}
.arabids-elementor-source .how_it_works_section .how-it-works-mockup img.bg{
  object-fit:fill!important;
}

@media(min-width:992px){
  .arabids-elementor-source .hero .circle-overlay{
    width:680px!important;
    height:680px!important;
    opacity:.12!important;
    bottom:-31%!important;
  }
  .arabids-elementor-source.arabids-halo-mazadat .arabids-hero-text-halo{
    width:min(48vw,650px,var(--arabids-reference-hero-size,650px))!important;
    height:min(48vw,650px,var(--arabids-reference-hero-size,650px))!important;
    opacity:.72!important;
    background:linear-gradient(180deg,var(--arabids-reference-halo-top,#FAFBFF) 0%,#FDF9F7 54%,var(--arabids-reference-halo-bottom,#FCEFEA) 100%)!important;
  }
  .arabids-elementor-source.arabids-halo-mazadat .how_it_works_section .how-it-works-slide-content::before{
    width:min(46vw,620px,var(--arabids-reference-app-size,620px))!important;
    height:min(46vw,620px,var(--arabids-reference-app-size,620px))!important;
    opacity:.68!important;
    background:linear-gradient(180deg,var(--arabids-reference-halo-top,#FAFBFF) 0%,#FDF9F7 54%,var(--arabids-reference-halo-bottom,#FCEFEA) 100%)!important;
    transform:translate(calc(50% + var(--arabids-app-halo-x,0px)),calc(-50% + min(58px,var(--arabids-reference-app-y,58px)) + var(--arabids-app-halo-y,0px)))!important;
  }
}

@media(max-width:991px){
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile{
    width:clamp(224px,64vw,252px)!important;
    max-width:252px!important;
    height:auto!important;
    aspect-ratio:295 / 604;
    margin:0 auto!important;
    border-radius:48px!important;
  }
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile .swiper-slide > img.attachment-full{
    padding:6px 7px 8px!important;
    border-radius:46px!important;
  }
  .arabids-elementor-source .hero .circle-overlay{
    width:320px!important;
    height:320px!important;
    bottom:-72px!important;
    opacity:.16!important;
  }
  .arabids-elementor-source.arabids-halo-mazadat .how_it_works_section .how-it-works-slide-content::before{
    width:min(78vw,300px,var(--arabids-reference-app-size,300px))!important;
    height:min(78vw,300px,var(--arabids-reference-app-size,300px))!important;
    opacity:.62!important;
    background:linear-gradient(180deg,var(--arabids-reference-halo-top,#FAFBFF) 0%,#FDF9F7 54%,var(--arabids-reference-halo-bottom,#FCEFEA) 100%)!important;
    transform:translate(calc(50% + var(--arabids-app-halo-x,0px)),calc(-50% + min(20px,var(--arabids-reference-app-y,20px)) + var(--arabids-app-halo-y,0px)))!important;
  }
}
@media(max-width:420px){
  .arabids-elementor-source .hero .circle-overlay{
    width:290px!important;
    height:290px!important;
    bottom:-66px!important;
  }
}

/* v1.0.11 desktop section height correction */
@media(min-width:992px){
  .arabids-elementor-source .how_it_works_section{
    height:auto!important;
    min-height:0!important;
    padding-top:72px!important;
    padding-bottom:72px!important;
  }
  .arabids-elementor-source .how_it_works_section .container-flex{
    height:auto!important;
    padding-top:0!important;
  }
  .arabids-elementor-source .how_it_works_section .flex.desktop{
    min-height:608px;
  }
}

/* v1.0.11 single desktop app halo */
@media(min-width:992px){
  .arabids-elementor-source .how_it_works_section .flex.desktop{
    position:relative!important;
    isolation:isolate;
  }
  .arabids-elementor-source .how_it_works_section .flex.desktop::before{
    content:"";
    position:absolute;
    z-index:0;
    width:min(46vw,620px,var(--arabids-reference-app-size,620px));
    height:min(46vw,620px,var(--arabids-reference-app-size,620px));
    right:25%;
    top:50%;
    border-radius:50%;
    pointer-events:none;
    opacity:.68;
    background:linear-gradient(180deg,var(--arabids-reference-halo-top,#FAFBFF) 0%,#FDF9F7 54%,var(--arabids-reference-halo-bottom,#FCEFEA) 100%);
    transform:translate(50%,-50%);
  }
  .arabids-elementor-source .how_it_works_section .how-it-works-slide-content::before{
    display:none!important;
  }
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper,
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-2,
  .arabids-elementor-source .how_it_works_section .swiper-pagination-2{
    position:relative;
    z-index:1;
  }
  html[dir="ltr"] .arabids-elementor-source .how_it_works_section .flex.desktop::before,
  .arabids-elementor-source.ltr .how_it_works_section .flex.desktop::before{
    right:auto;
    left:25%;
    transform:translate(-50%,-50%);
  }
}

/* v1.0.11 mobile app flow correction */
@media(max-width:991px){
  .arabids-elementor-source .how_it_works_section{
    padding-top:28px!important;
    padding-bottom:48px!important;
  }
  .arabids-elementor-source .how_it_works_section .container-flex{
    height:auto!important;
    min-height:0!important;
    padding-top:0!important;
    justify-content:flex-start!important;
  }
  .arabids-elementor-source .how_it_works_section h2.title{
    margin-bottom:18px!important;
  }
}

/* v1.0.13 — fixed mobile navigation and sticky application story */
@media(max-width:991px){
  body .arabids-elementor-source,
  body .elementor-widget-arabids_homepage,
  body .elementor-widget-arabids_homepage > .elementor-widget-container{
    transform:none!important;
    filter:none!important;
    perspective:none!important;
    overflow:visible!important;
  }
  body .arabids-elementor-source header{
    position:fixed!important;
    inset-inline:0!important;
    top:0!important;
    width:100%!important;
    z-index:99999!important;
    transform:translateZ(0)!important;
    backface-visibility:hidden;
  }
  body.admin-bar .arabids-elementor-source header{top:32px!important}
  .arabids-elementor-source .how_it_works_section{
    position:relative!important;
    overflow:visible!important;
    height:360vh!important;
    height:360svh!important;
    min-height:0!important;
    padding-top:28px!important;
    padding-bottom:0!important;
    isolation:isolate;
  }
  .arabids-elementor-source .how_it_works_section > .mobile{
    position:sticky!important;
    position:-webkit-sticky!important;
    top:var(--arabids-mobile-header-bottom,68px)!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) auto;
    align-content:center;
    justify-items:center;
    gap:12px!important;
    width:100%!important;
    max-width:560px!important;
    height:calc(100vh - var(--arabids-mobile-header-bottom,68px))!important;
    height:calc(100svh - var(--arabids-mobile-header-bottom,68px))!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:10px 16px 14px!important;
    box-sizing:border-box;
    overflow:visible!important;
  }
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile{
    order:1!important;
    width:auto!important;
    max-width:none!important;
    height:min(61vh,470px)!important;
    height:min(61svh,470px)!important;
    aspect-ratio:295 / 604!important;
    margin:0 auto!important;
    border-radius:44px!important;
    align-self:end;
  }
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile .swiper-slide > img.attachment-full{
    padding:6px 7px 8px!important;
    border-radius:42px!important;
  }
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-mobile{
    order:2!important;
    width:100%!important;
    max-width:500px!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    align-self:start;
  }
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-mobile .how-it-works-slide-content{
    width:100%!important;
    max-width:500px!important;
    padding:14px 16px!important;
    margin:0 auto!important;
  }
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-mobile .how-it-works-title{
    font-size:20px!important;
    line-height:1.35!important;
    margin-bottom:6px!important;
  }
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-mobile .how-it-works-subtitle{
    font-size:15px!important;
    line-height:1.6!important;
  }
}
@media(max-width:782px){body.admin-bar .arabids-elementor-source header{top:46px!important}}
@media(max-width:420px){
  .arabids-elementor-source .how_it_works_section > .mobile{padding-inline:12px!important;gap:10px!important}
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile{
    height:min(59vh,420px)!important;
    height:min(59svh,420px)!important;
  }
}
@media(max-width:991px) and (orientation:landscape){
  .arabids-elementor-source .how_it_works_section{height:390svh!important}
  .arabids-elementor-source .how_it_works_section > .mobile{
    grid-template-columns:auto minmax(260px,1fr);
    grid-template-rows:1fr;
    align-items:center;
    justify-content:center;
    gap:20px!important;
    max-width:900px!important;
    padding:8px 24px!important;
  }
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-2-mobile{grid-column:1;height:min(76svh,300px)!important;align-self:center}
  .arabids-elementor-source .how_it_works_section .how-it-works-swiper-mobile{grid-column:2;align-self:center}
}
@media(max-width:991px){
  html{overflow-x:clip!important;overflow-y:auto!important}
  body{overflow-x:clip!important;overflow-y:visible!important}
  .arabids-elementor-source,.arabids-elementor-source #page,.arabids-elementor-source .site-content,.arabids-elementor-source .main-page-wrap{
    overflow-x:clip!important;
    overflow-y:visible!important;
  }
}

/* v1.2.13 / Elementor 1.0.14 — polished desktop footer layout */
footer .footer-nav > span{display:none!important}
footer .footer-nav li{display:flex;align-items:center;white-space:nowrap}
footer .footer-nav li + li::before{
  content:"|";
  display:inline-block;
  margin:0 14px;
  color:#c8cbd0;
  font-size:16px;
  font-weight:300;
  line-height:1;
}
footer .footer-login-link{
  color:#ff7a3d!important;
  font-weight:500!important;
  position:relative;
}
footer .footer-login-link::after{
  content:"";
  position:absolute;
  right:50%;
  bottom:-7px;
  width:22px;
  height:2px;
  border-radius:999px;
  background:#ff7a3d;
  transform:translateX(50%);
  opacity:.72;
}
footer .footer-login-link:hover{color:#e9500d!important}
footer .sosial a{
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid #ffe0d0;
  background:#fff;
  box-shadow:0 5px 16px rgba(255,122,61,.08);
}
footer .sosial a img{width:31px;height:31px}
footer .sosial a:hover{
  background:#fff4ee;
  border-color:#ffc4a8;
  box-shadow:0 8px 20px rgba(255,122,61,.13);
}

@media(min-width:992px){
  footer{padding-top:44px}
  footer .top.arabids-footer-main{
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) minmax(390px,1.25fr) minmax(260px,1fr);
    grid-template-areas:"social nav logo";
    align-items:center;
    gap:34px;
    width:100%;
    margin-bottom:24px;
    direction:ltr!important;
  }
  footer .arabids-footer-main .top-logo{
    grid-area:logo;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:auto!important;
    direction:rtl;
  }
  footer .arabids-footer-main .top-logo .logo{
    display:flex;
    align-items:center;
    line-height:0;
  }
  footer .arabids-footer-main .top-logo img,
  footer .arabids-footer-main .top-logo svg{
    width:205px!important;
    max-width:205px!important;
    height:auto!important;
  }
  footer .arabids-footer-main .bottom-nav{
    grid-area:nav;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    direction:rtl;
    transform:translateX(-18px);
  }
  footer .arabids-footer-main .footer-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    gap:0;
    margin:0;
  }
  footer .arabids-footer-main .footer-nav li a{
    font-size:17px;
    line-height:30px;
    font-weight:300;
  }
  footer .arabids-footer-main .sosial{
    grid-area:social;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:13px;
    width:auto;
    direction:ltr;
  }
  footer .bottom.arabids-footer-app-row{
    display:flex!important;
    align-items:center;
    justify-content:flex-start!important;
    width:100%;
    padding-top:22px;
    border-top:1px solid #f0f1f3;
    direction:ltr!important;
  }
  footer .arabids-footer-app-row .footer-store-links{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin:0;
  }
  footer .arabids-footer-app-row .footer-store-link img{
    width:170px;
  }
  footer .copyright{margin-top:16px}
}

@media(max-width:991px){
  footer .top.arabids-footer-main{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    gap:22px;
  }
  footer .arabids-footer-main .top-logo,
  footer .arabids-footer-main .bottom-nav,
  footer .arabids-footer-main .sosial{width:100%;justify-content:center}
  footer .arabids-footer-main .top-logo{order:1}
  footer .arabids-footer-main .bottom-nav{order:2}
  footer .arabids-footer-main .sosial{order:3}
  footer .arabids-footer-main .footer-nav{justify-content:center;gap:0}
  footer .arabids-footer-main .footer-nav li a{font-size:16px}
  footer .bottom.arabids-footer-app-row{
    display:flex!important;
    justify-content:center!important;
    width:100%;
    padding-top:20px;
    border-top:1px solid #f0f1f3;
  }
  footer .arabids-footer-app-row .footer-store-links{justify-content:center}
}

/* v1.0.15 — Mazadat-inspired clean social icons and aligned desktop footer */
footer .footer-downloads-social{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
}
footer .footer-downloads-social .sosial{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  direction:ltr;
}
footer .footer-downloads-social .sosial a{
  width:36px!important;
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
footer .footer-downloads-social .sosial a:hover{
  opacity:.72;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateY(-1px)!important;
}
footer .footer-downloads-social .sosial a img{
  display:block;
  width:32px!important;
  height:32px!important;
  object-fit:contain;
}
footer .footer-downloads-social .footer-store-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  direction:ltr;
  margin:0;
}
footer .footer-downloads-social .footer-store-link{
  display:flex;
  align-items:center;
  justify-content:center;
}
footer .footer-downloads-social .footer-store-link img{
  display:block;
  width:168px;
  max-width:100%;
  height:auto;
}
@media(min-width:992px){
  footer{padding-top:42px}
  footer>.container,
  .arabids-elementor-source footer>.container{
    max-width:1278px!important;
    padding-inline:15px!important;
  }
  footer .top.arabids-footer-main{
    display:grid!important;
    grid-template-columns:minmax(360px,.95fr) minmax(390px,1.15fr) minmax(280px,.9fr)!important;
    grid-template-areas:"apps nav logo"!important;
    align-items:center!important;
    column-gap:34px!important;
    width:100%!important;
    margin:0 0 30px!important;
    direction:ltr!important;
  }
  footer .arabids-footer-main .top-logo{
    grid-area:logo!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    margin:0!important;
    transform:translateX(12px);
    direction:rtl;
  }
  footer .arabids-footer-main .top-logo .logo{
    display:flex!important;
    align-items:center!important;
    line-height:0!important;
  }
  footer .arabids-footer-main .top-logo img,
  footer .arabids-footer-main .top-logo svg{
    width:214px!important;
    max-width:214px!important;
    height:auto!important;
  }
  footer .arabids-footer-main .bottom-nav{
    grid-area:nav!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:0!important;
    transform:translateX(-8px)!important;
    direction:rtl!important;
  }
  footer .arabids-footer-main .footer-downloads-social{
    grid-area:apps!important;
    justify-self:start!important;
    width:356px;
    max-width:100%;
  }
  footer .copyright{
    margin-top:0!important;
    padding-top:17px;
    border-top:1px solid #f0f1f3;
  }
}
@media(max-width:991px){
  footer .top.arabids-footer-main{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:22px!important;
  }
  footer .arabids-footer-main .top-logo{order:1!important;transform:none!important}
  footer .arabids-footer-main .bottom-nav{order:2!important;transform:none!important}
  footer .arabids-footer-main .footer-downloads-social{order:3!important;width:100%}
  footer .footer-downloads-social .sosial{gap:16px}
  footer .footer-downloads-social .sosial a{width:34px!important;height:34px!important}
  footer .footer-downloads-social .sosial a img{width:30px!important;height:30px!important}
  footer .footer-downloads-social .footer-store-links{width:100%;flex-wrap:wrap}
  footer .footer-downloads-social .footer-store-link img{width:150px}
  footer .copyright{padding-top:16px;border-top:1px solid #f0f1f3}
}
@media(max-width:560px){
  footer .footer-downloads-social .footer-store-link img{width:min(44vw,148px)}
}

/* v1.0.15 desktop footer flex correction */
footer .footer-downloads-social .sosial,
footer .footer-downloads-social .footer-store-links{flex-wrap:nowrap!important}
@media(min-width:992px){
  footer .top.arabids-footer-main{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:34px!important;
    direction:ltr!important;
  }
  footer .arabids-footer-main .footer-downloads-social{
    order:1!important;
    flex:0 0 356px!important;
    width:356px!important;
  }
  footer .arabids-footer-main .bottom-nav{
    order:2!important;
    flex:1 1 auto!important;
    min-width:390px!important;
  }
  footer .arabids-footer-main .top-logo{
    order:3!important;
    flex:0 0 280px!important;
    width:280px!important;
  }
}


/* v1.2.15 — crisp official social marks, matching Mazadat's clean icon row */
footer .footer-downloads-social .sosial{gap:24px!important}
footer .footer-downloads-social .sosial a{width:36px!important;height:36px!important;overflow:visible!important}
footer .footer-downloads-social .sosial a img{width:28px!important;height:28px!important;display:block!important;object-fit:contain!important}
footer .footer-downloads-social .sosial a[aria-label="Facebook"] img{width:17px!important;height:29px!important}
footer .footer-downloads-social .sosial a[aria-label="Instagram"] img{width:28px!important;height:28px!important}
footer .footer-downloads-social .sosial a[aria-label="LinkedIn"] img{width:27px!important;height:28px!important}
footer .footer-downloads-social .sosial a[aria-label="Snapchat"] img{width:30px!important;height:30px!important}
footer .footer-downloads-social .sosial a:hover{opacity:.68!important}
footer .copyright{unicode-bidi:plaintext}
@media(max-width:991px){footer .footer-downloads-social .sosial{gap:21px!important}}

/* v1.0.17 — mobile footer order and refined spacing */
footer .footer-downloads-social{
  row-gap:18px!important;
}
footer .footer-downloads-social .sosial{
  order:1!important;
  margin:0!important;
}
footer .footer-downloads-social .footer-store-links{
  order:2!important;
  margin:0!important;
}
@media(min-width:992px){footer .footer-downloads-social{gap:17px!important}}
@media(max-width:991px){
  footer .footer-downloads-social{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}
  footer .footer-downloads-social .sosial{width:100%!important;justify-content:center!important;margin:0!important}
  footer .footer-downloads-social .footer-store-links{width:100%!important;justify-content:center!important;gap:10px!important;margin:0!important}
}
@media(max-width:420px){
  footer .footer-downloads-social{gap:14px!important}
  footer .footer-downloads-social .footer-store-links{gap:8px!important}
  footer .footer-downloads-social .footer-store-link img{width:min(43vw,146px)!important}
}