/* AY HOME - recovered from Elementor */

.ay-hero-clean{
  width:100%;
  height:620px;
  overflow:hidden;
  background:#071827;
  border-radius:0 0 28px 28px;
}

.ay-hero-clean img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

@media(max-width:1024px){
  .ay-hero-clean{height:480px;border-radius:0 0 22px 22px}
}
@media(max-width:768px){
  .ay-hero-clean{height:340px;border-radius:0 0 20px 20px}
  .ay-hero-clean img{object-position:62% center}
}

.ay-iptv-home-banner{
      position:relative;min-height:355px;margin:38px 0;border-radius:24px;overflow:hidden;
      background:url('https://aytechnology.org/wp-content/uploads/2026/09/1d018fab-a6b4-4abf-b825-cfaf9b2a9a4e.png') center/cover no-repeat;
      display:flex;align-items:center;box-shadow:0 24px 60px rgba(7,22,45,.14)
    }
    .ay-iptv-home-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,34,.66) 0%,rgba(3,18,34,.48) 42%,rgba(3,18,34,.10) 78%,rgba(3,18,34,.02) 100%)}
    .ay-iptv-home-content{
      position:relative;z-index:2;max-width:660px;margin-right:auto;margin-left:0;padding:56px 58px;color:#fff;
      font-family:"Cairo",Inter,"Segoe UI",Tahoma,Arial,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.18)
    }
    .ay-iptv-kicker{display:inline-block;color:#6fddff;font-size:12px;line-height:1.5;font-weight:800;letter-spacing:1px;margin-bottom:13px}
    .ay-iptv-home-content h2{color:#fff!important;font-size:40px!important;line-height:1.42!important;font-weight:800!important;letter-spacing:0!important;margin:0 0 14px!important;text-shadow:0 3px 14px rgba(0,0,0,.24)}
    .ay-iptv-home-content p{color:#f3f8fc!important;font-size:17px!important;line-height:1.95!important;font-weight:500;max-width:620px;margin:0 0 24px!important;text-shadow:0 2px 8px rgba(0,0,0,.20)}
    .ay-iptv-home-btn{
      display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ffb02e,#ff9518);
      color:#08192b!important;padding:14px 22px;border-radius:11px;font-weight:800;text-decoration:none;
      box-shadow:0 10px 28px rgba(255,157,28,.28);transition:.2s ease
    }
    .ay-iptv-home-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(255,157,28,.34)}
    .ay-iptv-arrow{font-size:18px;line-height:1}
    .ay-lang-en{display:none}
    html[lang^="en"] .ay-iptv-home-banner{direction:ltr;text-align:left}
    html[lang^="en"] .ay-iptv-home-banner .ay-lang-ar{display:none!important}
    html[lang^="en"] .ay-iptv-home-banner .ay-lang-en{display:inline!important}
    html[lang^="ar"] .ay-iptv-home-banner{direction:rtl;text-align:right}
    html[lang^="ar"] .ay-iptv-home-content{margin-right:auto;margin-left:0;text-align:right;direction:rtl}
    html[lang^="ar"] .ay-iptv-home-overlay{background:linear-gradient(90deg,rgba(3,18,34,.70) 0%,rgba(3,18,34,.52) 43%,rgba(3,18,34,.12) 78%,rgba(3,18,34,.02) 100%)}
    @media(max-width:768px){
      .ay-iptv-home-banner{min-height:390px;background-position:64% center;border-radius:18px}
      .ay-iptv-home-overlay{background:linear-gradient(90deg,rgba(3,18,34,.83),rgba(3,18,34,.48))}
      .ay-iptv-home-content{padding:36px 24px;max-width:100%}
      .ay-iptv-home-content h2{font-size:28px!important}
      .ay-iptv-home-content p{font-size:15px!important;line-height:1.75!important}
      .ay-iptv-kicker{font-size:10px;letter-spacing:1px}
    }
    

    <!-- AY PROJECTS -->

.ay-home-full{
  direction:rtl;
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
  font-family:"Cairo",sans-serif;
  overflow:hidden;
}

/* HERO */

.ay-hero-clean{
  position:relative;
  width:100%;
  height:320px;
  overflow:hidden;
}

.ay-hero-clean img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ay-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,17,36,.35),rgba(4,17,36,.72));
}

.ay-hero-content{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:20px;
  z-index:2;
}

.ay-hero-mini-badge{
  display:inline-block;
  background:rgba(255,255,255,.15);
  color:#fff;
  padding:8px 16px;
  border-radius:999px;
  font-size:14px;
  font-weight:800;
  margin-bottom:14px;
  backdrop-filter:blur(8px);
}

.ay-hero-content h1{
  color:#fff;
  font-size:44px;
  line-height:1.4;
  margin:0 0 14px;
  font-weight:800;
  max-width:950px;
}

.ay-hero-text{
  color:rgba(255,255,255,.92);
  font-size:20px;
  line-height:1.9;
  margin:0;
}

/* CONTAINER */

.ay-home-container{
  max-width:1200px;
  margin:auto;
  padding:40px 20px 60px;
}

/* INTRO */

.ay-home-intro,
.ay-services-section{
  background:#fff;
  border:1px solid #e6edf7;
  border-radius:24px;
  padding:40px 32px;
  box-shadow:0 12px 30px rgba(11,35,65,.05);
}

.ay-home-intro{
  margin-top:-80px;
  position:relative;
  z-index:3;
  text-align:center;
  margin-bottom:30px;
}

.ay-home-badge,
.ay-why-badge,
.ay-services-badge{
  display:inline-block;
  background:rgba(13,92,192,.08);
  color:#0d5cc0;
  padding:8px 16px;
  border-radius:999px;
  font-size:14px;
  font-weight:800;
  margin-bottom:14px;
}

.ay-home-intro h2,
.ay-services-head h2,
.ay-faq-head h2{
  color:#0b2341;
  font-size:34px;
  line-height:1.5;
  margin:0 0 16px;
  font-weight:800;
}

.ay-home-lead,
.ay-home-locations,
.ay-services-head p{
  max-width:950px;
  margin:0 auto 14px;
  color:#4b5563;
  font-size:18px;
  line-height:2;
}

.ay-home-locations{
  color:#0d5cc0;
  font-weight:700;
}

/* BUTTONS */

.ay-home-intro-buttons,
.ay-services-bottom-cta{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.ay-btn{
  display:inline-block;
  text-decoration:none;
  font-size:17px;
  font-weight:800;
  padding:14px 24px;
  border-radius:14px;
  transition:.3s ease;
}

.ay-btn-green{
  background:#22c55e;
  color:#fff;
}

.ay-btn-green:hover{
  background:#16a34a;
}

.ay-btn-blue{
  background:#0b2341;
  color:#fff;
}

.ay-btn-blue:hover{
  background:#08192f;
}

.ay-btn-outline,
.ay-btn-outline-dark{
  background:#fff;
  border:2px solid #d7e6f8;
}

.ay-btn-outline{
  color:#0d5cc0;
}

.ay-btn-outline-dark{
  color:#0b2341;
}

/* PHONES */

.ay-home-phones{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

.ay-home-phones a{
  background:#f5f9ff;
  border:1px solid #dbe7f6;
  padding:12px 18px;
  border-radius:12px;
  color:#0b2341;
  font-weight:800;
  text-decoration:none;
}

/* WHY */

.ay-why-section{
  background:linear-gradient(135deg,#071a35 0%,#0b2341 60%,#12345d 100%);
  border-radius:24px;
  padding:50px 28px;
  margin-bottom:30px;
}

.ay-why-head{
  text-align:center;
  margin-bottom:28px;
}

.ay-why-head h2{
  color:#fff;
  font-size:34px;
}

.ay-why-head p{
  color:rgba(255,255,255,.88);
  max-width:850px;
  margin:auto;
  line-height:2;
}

.ay-why-grid,
.ay-services-grid,
.ay-faq-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.ay-why-card{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  padding:24px 20px;
}

.ay-why-icon{
  width:44px;
  height:44px;
  background:#f59e0b;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  font-weight:800;
}

.ay-why-card h3{
  color:#fff;
  font-size:22px;
  margin:0 0 10px;
}

.ay-why-card p{
  color:rgba(255,255,255,.86);
  line-height:1.9;
  margin:0;
}

/* SERVICES */

.ay-services-section{
  margin-bottom:30px;
}

.ay-services-head{
  text-align:center;
  margin-bottom:28px;
}

.ay-services-grid{
  margin-top:24px;
}

.ay-service-card{
  background:#f9fbff;
  border:1px solid #e8eef8;
  border-radius:20px;
  padding:24px 20px;
  text-align:center;
  transition:.3s ease;
}

.ay-service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 26px rgba(11,35,65,.08);
}

.ay-service-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  background:#eef5ff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
  font-size:28px;
}

.ay-service-card h3{
  font-size:22px;
  color:#0b2341;
  margin:0 0 10px;
}

.ay-service-card p{
  color:#4b5563;
  line-height:1.9;
  margin:0 0 16px;
}

.ay-card-link{
  color:#0d5cc0;
  text-decoration:none;
  font-weight:800;
}

/* BRANDS SECTION */

.ay-projects-showcase{margin:30px 0;padding:48px 30px;border-radius:24px;background:linear-gradient(135deg,#071a35 0%,#0b2341 60%,#12345d 100%);overflow:hidden;}
.ay-projects-heading{text-align:center;max-width:900px;margin:0 auto 32px;}
.ay-projects-badge{display:inline-block;color:#f6b94d;border:1px solid rgba(246,185,77,.35);background:rgba(246,185,77,.08);padding:8px 16px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:14px;}
.ay-projects-heading h2{color:#fff;font-size:36px;margin:0 0 14px;font-weight:800;}
.ay-projects-heading p{color:rgba(255,255,255,.84);font-size:17px;line-height:2;margin:0;}
.ay-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.ay-project-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 32px rgba(0,0,0,.16);transition:.3s ease;}
.ay-project-card:hover{transform:translateY(-6px);}
.ay-project-logo{height:165px;padding:20px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #edf1f6;background:#fff;}
.ay-project-logo img{width:100%;height:100%;max-width:250px;object-fit:contain;display:block;}
.ay-project-content{padding:21px;}
.ay-project-type{display:block;color:#b9770e;font-size:11px;font-weight:900;letter-spacing:.8px;margin-bottom:7px;}
.ay-project-content h3{color:#0b2341;font-size:21px;margin:0 0 7px;font-weight:800;}
.ay-project-location{color:#64748b;font-size:14px;margin-bottom:14px;}
.ay-project-services{display:flex;flex-wrap:wrap;gap:6px;}
.ay-project-services span{background:#eef5ff;color:#0d5cc0;border:1px solid #dce9fa;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;}
.ay-projects-cta{margin-top:26px;background:#fff;border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px;}
.ay-projects-cta span{display:block;color:#b9770e;font-size:11px;font-weight:900;letter-spacing:1px;margin-bottom:5px;}
.ay-projects-cta h3{color:#0b2341;font-size:23px;margin:0 0 5px;}
.ay-projects-cta p{color:#64748b;margin:0;line-height:1.8;font-size:14px;}
.ay-project-btn{flex:0 0 auto;background:#f59e0b;color:#071a35;padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:900;}
@media(max-width:991px){.ay-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:767px){.ay-projects-showcase{padding:30px 15px;border-radius:18px}.ay-projects-heading h2{font-size:27px}.ay-projects-heading p{font-size:15px}.ay-projects-grid{grid-template-columns:1fr}.ay-project-logo{height:150px}.ay-projects-cta{flex-direction:column;text-align:center;padding:22px 16px}.ay-project-btn{width:100%;text-align:center}}

.ay-brands-section{
  margin:30px 0;
  background:#fff;
  border:1px solid #e6edf7;
  border-radius:24px;
  padding:40px 30px;
  box-shadow:0 12px 30px rgba(11,35,65,.05);
}

.ay-brand-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
  margin-top:30px;
}

.ay-brand-card{
  height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f8fbff;
  border:1px solid #e8eef8;
  border-radius:18px;
  transition:.35s;
  padding:15px;
}

.ay-brand-card:hover{
  transform:translateY(-6px);
  box-shadow:0 15px 35px rgba(11,35,65,.08);
}

.ay-brand-card img{
  max-width:140px;
  max-height:60px;
  object-fit:contain;
  filter:grayscale(100%);
  opacity:.75;
  transition:.35s;
}

.ay-brand-card:hover img{
  filter:none;
  opacity:1;
}

/* FINAL CTA */

.ay-final-cta{
  position:relative;
  overflow:hidden;
  margin:30px 0;
  border-radius:24px;
  background:linear-gradient(135deg,#071a35,#0b2341,#123d70);
  padding:70px 30px;
  text-align:center;
}

.ay-final-overlay{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 55%);
}

.ay-final-content{
  position:relative;
  z-index:2;
  max-width:900px;
  margin:auto;
}

.ay-final-content h2{
  color:#fff;
  font-size:40px;
  margin:18px 0;
  font-weight:800;
}

.ay-final-content p{
  color:rgba(255,255,255,.90);
  font-size:18px;
  line-height:2;
  margin-bottom:32px;
}

/* FAQ */

.ay-faq-section{
  background:#fff;
  border:1px solid #e6edf7;
  border-radius:24px;
  padding:40px 28px;
  box-shadow:0 12px 30px rgba(11,35,65,.05);
}

.ay-faq-head{
  text-align:center;
  margin-bottom:28px;
}

.ay-faq-item{
  background:#f9fbff;
  border:1px solid #e8eef8;
  border-radius:18px;
  padding:22px;
}

.ay-faq-item h3{
  color:#0b2341;
  font-size:20px;
  margin:0 0 10px;
}

.ay-faq-item p{
  color:#4b5563;
  line-height:1.9;
  margin:0;
}

/* MOBILE RESPONSIVE */

@media(min-width:992px){
  .ay-brand-grid{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media(max-width:991px){

  .ay-why-grid,
  .ay-services-grid,
  .ay-faq-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ay-brand-grid{
    grid-template-columns:repeat(3,1fr);
  }

}

@media(max-width:767px){

  .ay-hero-clean{
    height:240px;
  }

  .ay-hero-content h1{
    font-size:28px;
  }

  .ay-hero-text{
    font-size:16px;
  }

  .ay-home-container{
    padding:24px 14px 40px;
  }

  .ay-home-intro,
  .ay-why-section,
  .ay-services-section,
  .ay-brands-section,
  .ay-faq-section{
    padding:24px 18px;
    border-radius:18px;
  }

  .ay-why-grid,
  .ay-services-grid,
  .ay-faq-grid{
    grid-template-columns:1fr;
  }

  .ay-brand-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .ay-home-intro h2,
  .ay-services-head h2,
  .ay-faq-head h2,
  .ay-why-head h2{
    font-size:25px;
  }

  .ay-final-content h2{
    font-size:28px;
  }

  .ay-final-content p{
    font-size:16px;
  }

  .ay-home-lead,
  .ay-home-locations,
  .ay-services-head p{
    font-size:15px;
  }

  .ay-btn,
  .ay-home-phones a{
    width:100%;
    text-align:center;
  }

}


/* =========================================================
   AY TECHNOLOGY HOME
   Original design + service images + corporate CTAs
   No URL changes
   ========================================================= */


/* ---------------------------------------------------------
   SHOP
   Products remain indexed and available in Store.
   Only hide sales section on homepage.
   --------------------------------------------------------- */

body.home .elementor-element-4e9ef54{
    display:none !important;
}


/* ---------------------------------------------------------
   OLD RAW SCHEMA WIDGET
   Hide broken visible JSON.
   Valid schema is handled separately in wp_head.
   --------------------------------------------------------- */

body.home .elementor-element-4ac0e82{
    display:none !important;
}


/* ---------------------------------------------------------
   SERVICE CARD IMAGES
   --------------------------------------------------------- */

body.home .ay-service-card{
    overflow:hidden !important;
}


/* Common image area */

body.home .ay-service-card::before{
    content:"" !important;

    display:block !important;

    width:calc(100% + 40px) !important;
    height:150px !important;

    margin:-24px -20px 18px !important;

    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;

    border-bottom:1px solid #e8eef8 !important;
}


/* 1 — Networking */

body.home .ay-service-card:nth-child(1)::before{
    background-image:url(
        'https://aytechnology.org/wp-content/uploads/2026/08/Networking-Solutions.png'
    ) !important;
}


/* 2 — CCTV */

body.home .ay-service-card:nth-child(2)::before{
    background-image:url(
        'https://aytechnology.org/wp-content/uploads/2026/08/كاميرات-المراقبة-CCTV.png'
    ) !important;
}


/* 3 — SMATV / IPTV */

body.home .ay-service-card:nth-child(3)::before{
    background-image:url(
        'https://aytechnology.org/wp-content/uploads/2026/08/الدش-المركزي-SMATV-IPTV.png'
    ) !important;
}


/* 4 — Access Control */

body.home .ay-service-card:nth-child(4)::before{
    background-image:url(
        'https://aytechnology.org/wp-content/uploads/2026/08/Access-Control.png'
    ) !important;
}


/* 5 — Fire Alarm */

body.home .ay-service-card:nth-child(5)::before{
    background-image:url(
        'https://aytechnology.org/wp-content/uploads/2026/08/انذار-حريق.png'
    ) !important;
}


/* 6 — Smart Home */

body.home .ay-service-card:nth-child(6)::before{
    background-image:url(
        'https://aytechnology.org/wp-content/uploads/2026/08/Smart-Home.png'
    ) !important;
}


/* Keep icons small under the image */

body.home .ay-service-icon{
    width:48px !important;
    height:48px !important;

    margin:0 auto 12px !important;

    font-size:22px !important;
}


/* ---------------------------------------------------------
   INTRO BUTTONS
   Keep exactly:
   Request quotation
   View all services
   --------------------------------------------------------- */

/* Remove duplicate direct WhatsApp button */
body.home .ay-home-intro-buttons > a:nth-child(2){
    display:none !important;
}


body.home .ay-home-intro-buttons > a:first-child{

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:220px !important;
    min-height:50px !important;

    padding:13px 22px !important;

    color:#071827 !important;

    background:
        linear-gradient(
            135deg,
            #ffb22e,
            #ff9618
        ) !important;

    border:0 !important;
    border-radius:11px !important;

    box-shadow:
        0 10px 25px rgba(255,157,24,.23)
        !important;

    font-weight:800 !important;
}


body.home .ay-home-intro-buttons > a:nth-child(3){

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:200px !important;
    min-height:50px !important;

    padding:12px 22px !important;

    color:#0b2341 !important;

    background:#fff !important;

    border:2px solid #0b2341 !important;
    border-radius:11px !important;

    font-weight:800 !important;
}


/* ---------------------------------------------------------
   SERVICES BOTTOM BUTTONS
   View all services + Request quotation
   --------------------------------------------------------- */

body.home .ay-services-bottom-cta{
    gap:12px !important;
}


body.home .ay-services-bottom-cta
.ay-btn-outline-dark{

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:49px !important;

    padding:12px 22px !important;

    color:#0b2341 !important;

    background:#fff !important;

    border:2px solid #0b2341 !important;
    border-radius:11px !important;

    font-weight:800 !important;
}


body.home .ay-services-bottom-cta
.ay-btn-green{

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:49px !important;

    padding:12px 22px !important;

    color:#071827 !important;

    background:
        linear-gradient(
            135deg,
            #ffb22e,
            #ff9618
        ) !important;

    border:0 !important;
    border-radius:11px !important;

    box-shadow:
        0 10px 25px rgba(255,157,24,.22)
        !important;

    font-weight:800 !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:767px){

    body.home .ay-service-card::before{
        height:175px !important;
    }

    body.home .ay-home-intro-buttons,
    body.home .ay-services-bottom-cta{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    body.home .ay-home-intro-buttons > a:first-child,
    body.home .ay-home-intro-buttons > a:nth-child(3),
    body.home .ay-services-bottom-cta .ay-btn{
        width:100% !important;
        min-width:0 !important;
    }

}


/* =========================================================
   AY HOME — COMPACT BRAND STRIP + PROJECT CARDS
   ========================================================= */


/* ---------- BRAND STRIP ---------- */

body.home .elementor-element-ceae676{
    margin:0 !important;

    padding:8px 18px 12px !important;

    --margin-top:0px !important;
    --margin-bottom:0px !important;
    --margin-left:0px !important;
    --margin-right:0px !important;

    --padding-top:8px !important;
    --padding-bottom:12px !important;
    --padding-left:18px !important;
    --padding-right:18px !important;
}

body.home .elementor-element-ef9de15{
    width:min(1180px,100%) !important;
    margin:0 auto !important;
}

body.home .elementor-element-ef9de15 .pxl-swiper-slide{
    min-height:78px !important;
}

body.home .elementor-element-ef9de15 .pxl-item--inner{
    min-height:74px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:5px 12px !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

body.home .elementor-element-ef9de15 .pxl-item--logo{
    min-height:64px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:6px 10px !important;

    background:#fff !important;

    border:1px solid #edf1f5 !important;
    border-radius:8px !important;
}

body.home .elementor-element-ef9de15 img{
    width:auto !important;
    height:auto !important;

    max-width:135px !important;
    max-height:48px !important;

    object-fit:contain !important;
}


/* ---------- PROJECTS ---------- */

body.home .ay-projects-grid{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr))
        !important;

    gap:12px !important;
}

body.home .ay-project-card{
    border-radius:14px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.11)
        !important;
}

body.home .ay-project-card:hover{
    transform:translateY(-4px) !important;
}


/* Smaller image/logo area */

body.home .ay-project-logo{
    height:132px !important;

    padding:13px !important;
}

body.home .ay-project-logo img{
    max-width:210px !important;
}


/* Compact text */

body.home .ay-project-content{
    padding:14px 15px 16px !important;
}

body.home .ay-project-type{
    font-size:9px !important;
    margin-bottom:5px !important;
}

body.home .ay-project-content h3{
    font-size:17px !important;
    line-height:1.45 !important;

    margin:0 0 4px !important;
}

body.home .ay-project-location{
    font-size:12px !important;
    margin-bottom:9px !important;
}

body.home .ay-project-services{
    gap:5px !important;
}

body.home .ay-project-services span{
    padding:4px 8px !important;
    font-size:9.5px !important;
}


/* Slightly tighter project section */

body.home .ay-projects-showcase{
    padding-top:34px !important;
    padding-bottom:30px !important;
}

body.home .ay-projects-heading{
    margin-bottom:20px !important;
}

body.home .ay-projects-heading h2{
    font-size:31px !important;
    margin-bottom:8px !important;
}

body.home .ay-projects-heading p{
    font-size:14px !important;
    line-height:1.8 !important;
}


/* ---------- TABLET ---------- */

@media(max-width:1024px){

    body.home .ay-projects-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;
    }

}


/* ---------- MOBILE ---------- */

@media(max-width:767px){

    body.home .elementor-element-ceae676{
        padding:5px 8px 9px !important;
    }

    body.home .elementor-element-ef9de15 .pxl-swiper-slide{
        min-height:65px !important;
    }

    body.home .elementor-element-ef9de15 .pxl-item--logo{
        min-height:56px !important;
    }

    body.home .elementor-element-ef9de15 img{
        max-width:110px !important;
        max-height:38px !important;
    }

    body.home .ay-projects-grid{
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    body.home .ay-project-logo{
        height:155px !important;
    }

}


/* =========================================================
   AY HOME — HERO IMAGE FULL COMPOSITION FIX
   ========================================================= */

body.home .ay-home-full > .ay-hero-clean{
    position:relative !important;

    width:100% !important;
    max-width:100% !important;

    height:auto !important;
    min-height:0 !important;

    aspect-ratio:1938 / 812 !important;

    overflow:hidden !important;

    background:#071827 !important;

    border-radius:0 0 24px 24px !important;
}

body.home .ay-home-full > .ay-hero-clean img{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    object-position:center center !important;

    display:block !important;
}

body.home .ay-home-full > .ay-hero-clean .ay-hero-overlay{
    position:absolute !important;
    inset:0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(3,18,34,.72) 0%,
            rgba(3,18,34,.46) 34%,
            rgba(3,18,34,.10) 67%,
            rgba(3,18,34,0) 100%
        ) !important;

    z-index:1 !important;
}

body.home .ay-home-full > .ay-hero-clean .ay-hero-content{
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;

    width:min(1180px,calc(100% - 50px)) !important;
    height:100% !important;

    margin:auto !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

html[lang^="ar"] body.home
.ay-home-full > .ay-hero-clean .ay-hero-content{
    align-items:flex-end !important;
    text-align:right !important;
    direction:rtl !important;
}

html[lang^="en"] body.home
.ay-home-full > .ay-hero-clean .ay-hero-content{
    align-items:flex-start !important;
    text-align:left !important;
    direction:ltr !important;
}

body.home .ay-home-full .ay-hero-content h1{
    max-width:680px !important;

    font-size:42px !important;
    line-height:1.4 !important;

    color:#fff !important;

    text-shadow:0 3px 15px rgba(0,0,0,.35) !important;
}

body.home .ay-home-full .ay-hero-text{
    max-width:650px !important;

    color:rgba(255,255,255,.93) !important;

    font-size:16px !important;
    line-height:1.8 !important;
}

@media(max-width:1024px){

    body.home .ay-home-full .ay-hero-content h1{
        font-size:34px !important;
    }

}

@media(max-width:767px){

    body.home .ay-home-full > .ay-hero-clean{
        aspect-ratio:16 / 10 !important;
    }

    body.home .ay-home-full > .ay-hero-clean img{
        object-fit:cover !important;
        object-position:center center !important;
    }

    body.home .ay-home-full > .ay-hero-clean .ay-hero-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(3,18,34,.20) 0%,
                rgba(3,18,34,.58) 55%,
                rgba(3,18,34,.90) 100%
            ) !important;
    }

    body.home .ay-home-full > .ay-hero-clean .ay-hero-content{
        width:calc(100% - 30px) !important;

        justify-content:flex-end !important;

        padding-bottom:28px !important;
    }

    body.home .ay-home-full .ay-hero-content h1{
        font-size:27px !important;
    }

    body.home .ay-home-full .ay-hero-text{
        font-size:13px !important;
    }

}



/* =========================================================
   AY HOME — SINGLE MAIN HERO
   Person/NOC image + professional copy + brand strip
   ========================================================= */


/* Hide old first image-only banner/container */
body.home .elementor-element-da3331f,
body.home .elementor-element-fe6b11e{
    display:none !important;
}

/*
 * The original Elementor container will be hidden.
 * JS moves the existing brand carousel out of it first.
 */
body.home .elementor-element-ceae676{
    display:none !important;
}


/* ---------- MAIN HERO ---------- */

body.home .ay-home-full > .ay-hero-clean{
    position:relative !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;

    aspect-ratio:1938 / 812 !important;

    overflow:hidden !important;

    background:
        #071827
        url('https://aytechnology.org/wp-content/uploads/2026/09/52edf555-96f2-46af-adf1-45f8eb0d77dc.png')
        center center / cover
        no-repeat
        !important;

    border-radius:0 0 22px 22px !important;
}


/* Hide previous hero picture visually.
   The content/HTML itself remains safe. */

body.home .ay-home-full > .ay-hero-clean > img{
    opacity:0 !important;
}


/* Overlay keeps person visible */

body.home .ay-home-full > .ay-hero-clean .ay-hero-overlay{
    position:absolute !important;
    inset:0 !important;

    z-index:1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(3,17,31,.90) 0%,
            rgba(3,18,33,.73) 34%,
            rgba(3,18,33,.28) 61%,
            rgba(3,18,33,.04) 100%
        ) !important;
}


/* Copy */

body.home .ay-home-full > .ay-hero-clean .ay-hero-content{
    position:absolute !important;
    inset:0 !important;

    z-index:2 !important;

    width:min(1180px,calc(100% - 50px)) !important;
    height:100% !important;

    margin:auto !important;
    padding:55px 0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;

    text-align:left !important;
}


/* Arabic text stays RTL but occupies LEFT side,
   so it does not cover the engineer */

html[lang^="ar"] body.home
.ay-home-full .ay-hero-content{
    direction:rtl !important;
    text-align:right !important;
    align-items:flex-start !important;
}


html[lang^="en"] body.home
.ay-home-full .ay-hero-content{
    direction:ltr !important;
    text-align:left !important;
}


/* Small professional label */

body.home .ay-hero-mini-badge{
    display:inline-flex !important;

    margin:0 0 13px !important;
    padding:7px 12px !important;

    color:#64d8ff !important;

    background:rgba(4,27,47,.64) !important;

    border:1px solid rgba(100,216,255,.30) !important;
    border-radius:999px !important;

    font-size:10.5px !important;
    line-height:1.4 !important;

    font-weight:800 !important;
    letter-spacing:.7px !important;

    backdrop-filter:blur(5px);
}


body.home .ay-home-full .ay-hero-content h1{
    max-width:700px !important;

    margin:0 0 14px !important;

    color:#fff !important;

    font-family:
        "Cairo",
        Inter,
        "Segoe UI",
        Tahoma,
        Arial,
        sans-serif !important;

    font-size:43px !important;
    line-height:1.42 !important;
    font-weight:800 !important;

    letter-spacing:-.3px !important;

    text-shadow:
        0 3px 18px rgba(0,0,0,.30)
        !important;
}


body.home .ay-home-full .ay-hero-text{
    max-width:675px !important;

    margin:0 !important;

    color:rgba(255,255,255,.91) !important;

    font-family:
        "Cairo",
        Inter,
        "Segoe UI",
        Tahoma,
        Arial,
        sans-serif !important;

    font-size:16px !important;
    line-height:1.9 !important;

    font-weight:500 !important;
}


/* ---------- HERO BUTTONS ---------- */

body.home .ay-hero-actions{
    display:flex !important;
    flex-wrap:wrap !important;

    gap:11px !important;

    margin-top:24px !important;
}


body.home .ay-hero-actions a{
    min-height:49px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:12px 21px !important;

    border-radius:10px !important;

    font-family:
        "Cairo",
        Inter,
        sans-serif !important;

    font-size:14px !important;
    font-weight:800 !important;

    text-decoration:none !important;
}


/* Request quotation */

body.home .ay-hero-actions a:first-child{
    color:#071827 !important;

    background:
        linear-gradient(
            135deg,
            #ffb22e,
            #ff9518
        ) !important;

    border:1px solid #ffad29 !important;

    box-shadow:
        0 12px 28px rgba(255,157,24,.25)
        !important;
}


/* Services */

body.home .ay-hero-actions a:last-child{
    color:#fff !important;

    background:rgba(4,24,41,.45) !important;

    border:
        1px solid rgba(255,255,255,.55)
        !important;

    backdrop-filter:blur(5px);
}


/* Original intro buttons are cloned to hero.
   Don't show the same links twice. */

body.home .ay-home-intro-buttons{
    display:none !important;
}


/* ---------- BRANDS AFTER HERO ---------- */

body.home .ay-brand-strip-moved{
    width:min(1180px,calc(100% - 40px)) !important;

    margin:0 auto 30px !important;
    padding:13px 10px !important;

    background:#fff !important;

    border:
        1px solid #e8edf3 !important;

    border-top:0 !important;

    border-radius:
        0 0 14px 14px !important;

    box-shadow:
        0 9px 25px rgba(7,24,39,.07)
        !important;
}


/* slightly larger logos */

body.home .ay-brand-strip-moved
.pxl-swiper-slide{
    min-height:82px !important;
}


body.home .ay-brand-strip-moved
.pxl-item--logo{
    min-height:68px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:7px 12px !important;
}


body.home .ay-brand-strip-moved img{
    width:auto !important;
    height:auto !important;

    max-width:160px !important;
    max-height:58px !important;

    object-fit:contain !important;
}


/* ---------- MOBILE ---------- */

@media(max-width:767px){

    body.home .ay-home-full > .ay-hero-clean{
        min-height:500px !important;
        aspect-ratio:auto !important;

        background-position:61% center !important;
    }

    body.home .ay-home-full >
    .ay-hero-clean .ay-hero-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(3,17,31,.16) 0%,
                rgba(3,17,31,.54) 42%,
                rgba(3,17,31,.94) 100%
            ) !important;
    }

    body.home .ay-home-full
    .ay-hero-content{

        width:calc(100% - 30px) !important;

        justify-content:flex-end !important;

        padding:35px 0 !important;
    }

    body.home .ay-home-full
    .ay-hero-content h1{

        max-width:100% !important;

        font-size:28px !important;
        line-height:1.5 !important;
    }

    body.home .ay-home-full
    .ay-hero-text{

        max-width:100% !important;

        font-size:13.5px !important;
        line-height:1.8 !important;
    }

    body.home .ay-hero-actions{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
    }

    body.home .ay-hero-actions a{
        width:100% !important;
    }

    body.home .ay-brand-strip-moved{
        width:calc(100% - 24px) !important;

        margin-bottom:20px !important;
    }

    body.home .ay-brand-strip-moved img{
        max-width:125px !important;
        max-height:46px !important;
    }

}