.elementor-15 .elementor-element.elementor-element-28c9fe8{--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-15 .elementor-element.elementor-element-bef18a2{--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-15 .elementor-element.elementor-element-fa4ae66{--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-15 .elementor-element.elementor-element-67b480a{--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-15 .elementor-element.elementor-element-d8c3091{--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-15 .elementor-element.elementor-element-5184f7a{--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-15 .elementor-element.elementor-element-627157e{--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-15 .elementor-element.elementor-element-7bff0d0{--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-15 .elementor-element.elementor-element-304e47c{--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-15 .elementor-element.elementor-element-16e5da8{--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-15 .elementor-element.elementor-element-9d5d458{--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-15 .elementor-element.elementor-element-d09c1bf{--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-15 .elementor-element.elementor-element-3fc120a{--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-15 .elementor-element.elementor-element-b33b2ec{--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-15 .elementor-element.elementor-element-7af9211{--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-15 .elementor-element.elementor-element-3e84a8d{--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-15 .elementor-element.elementor-element-5c0966a{--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-15 .elementor-element.elementor-element-613480d{--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-15 .elementor-element.elementor-element-a4fc888{--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-15 .elementor-element.elementor-element-57e06f0{--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-15 .elementor-element.elementor-element-cf40a2b{--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;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-28c9fe8 *//* ================================
   AEC GLOBAL PAGE BACKGROUND
   (Logo colors: Orange + Gold + Teal)
   Paste in: Elementor → Site Settings → Custom CSS
   or Appearance → Customize → Additional CSS
   ================================ */

body{
  background:
    radial-gradient(1200px 700px at 12% 15%, rgba(224,80,32,.18), transparent 60%),
    radial-gradient(1000px 620px at 88% 22%, rgba(184,138,24,.16), transparent 60%),
    radial-gradient(900px 620px at 70% 92%, rgba(16,80,80,.20), transparent 62%),
    linear-gradient(180deg, #070A0F 0%, #0C121B 55%, #070A0F 100%);
  color: #F6F8FC;
}

/* optional: subtle grid texture across the whole site */
body:before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 80px 80px;
  opacity: .12;
  mask-image: radial-gradient(circle at 35% 20%, rgba(0,0,0,1), rgba(0,0,0,.25) 60%, rgba(0,0,0,0) 78%);
}

/* optional: soft vignette for readability */
body:after{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(1200px 700px at 25% 20%, rgba(0,0,0,.35), transparent 65%),
    radial-gradient(1200px 700px at 75% 75%, rgba(0,0,0,.28), transparent 65%),
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.10));
  opacity: .75;
}

/* keep your content above the fixed overlays */
#page, .elementor, .elementor-section, main{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67b480a *//* =========================
   ABOUT SECTION – VISIBILITY BOOST
   ========================= */

/* 1) Main H2 heading brighter */
.aec-aboutPro .aec-aboutTitle{
  color:#ffffff !important;
  font-weight: 950 !important;
  text-shadow:
    0 2px 8px rgba(0,0,0,.55),
    0 18px 42px rgba(0,0,0,.45) !important;
}

/* 2) Gradient word "Airline Engineering Company" more visible */
.aec-aboutPro .aec-aboutGrad{
  background: linear-gradient(
    90deg,
    #FFD27A,    /* brighter gold */
    #FF6A2B,    /* brighter orange */
    #1FA6A0,    /* brighter teal */
    #FF6A2B
  ) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color: transparent !important;
  filter: drop-shadow(0 5px 14px rgba(0,0,0,.55)) !important;
}

/* 3) Elegant underline to make heading pop */
.aec-aboutPro .aec-aboutTitle::after{
  content:"";
  display:block;
  width: 86px;
  height: 4px;
  margin-top: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, #E05020, #B88A18, #105050);
  box-shadow: 0 8px 22px rgba(224,80,32,.30);
}

/* 4) Paragraph more readable */
.aec-aboutPro .aec-aboutText{
  color: rgba(255,255,255,.90) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.45);
}

/* 5) Bullet points cards sharper + more contrast */
.aec-aboutPro .pt{
  background: rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
}

/* Bullet dot stronger */
.aec-aboutPro .pt .dot{
  background: linear-gradient(135deg, #FF6A2B, #FFD27A) !important;
  box-shadow:
    0 0 0 4px rgba(224,80,32,.12),
    0 0 18px rgba(184,138,24,.20) !important;
}

/* Bullet text brighter */
.aec-aboutPro .pt span:last-child{
  color: rgba(255,255,255,.90) !important;
}

/* 6) Right panel stronger contrast */
.aec-aboutPro .aec-aboutPanel{
  background:
    radial-gradient(520px 240px at 20% 10%, rgba(224,80,32,.16), transparent 60%),
    radial-gradient(520px 260px at 82% 20%, rgba(184,138,24,.14), transparent 60%),
    radial-gradient(520px 260px at 70% 95%, rgba(16,80,80,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

/* Right panel cards: better separation */
.aec-aboutPro .panelCard{
  background: rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

/* Panel headings */
.aec-aboutPro .panelCard .k{
  color: rgba(255,255,255,.70) !important;
}
.aec-aboutPro .panelCard .v{
  color: rgba(255,255,255,.92) !important;
}

/* Footer badge more premium */
.aec-aboutPro .badge{
  background: linear-gradient(135deg, #FFD27A, #B88A18) !important;
  box-shadow: 0 16px 40px rgba(184,138,24,.20) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5184f7a *//* === Improve Products Heading Visibility === */

.aec-products .title{
  color: #ffffff !important;
  font-weight: 900;
  letter-spacing: -0.015em;
  text-shadow:
    0 2px 6px rgba(0,0,0,.55),
    0 12px 28px rgba(0,0,0,.45);
}

/* Gradient text – higher contrast */
.aec-products .title .grad{
  background: linear-gradient(
    90deg,
    #FFD27A,   /* lighter gold */
    #FF6A2B,   /* brighter orange */
    #1FA6A0,   /* brighter teal */
    #FF6A2B
  );
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.45));
}

/* Optional elegant underline accent */
.aec-products .title::after{
  content: "";
  display: block;
  width: 82px;
  height: 4px;
  margin-top: 12px;
  border-radius: 6px;
  background: linear-gradient(
    90deg,
    #E05020,
    #B88A18,
    #105050
  );
  box-shadow: 0 6px 18px rgba(224,80,32,.35);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16e5da8 *//* ==============================
   AEC CONTACT – WORKING ANIMATION PACK
   Requirement: Section must have class "aec-contact-anim"
================================ */

.aec-contact-anim{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background:
    radial-gradient(1100px 520px at 12% 20%, rgba(224,80,32,.24), transparent 60%),
    radial-gradient(1000px 520px at 88% 25%, rgba(184,138,24,.20), transparent 60%),
    radial-gradient(900px 520px at 75% 90%, rgba(16,80,80,.22), transparent 60%),
    linear-gradient(180deg, #05070B, #0B1018) !important;
}

/* Make all text visible */
.aec-contact-anim, 
.aec-contact-anim *{
  color: #F6F8FC !important;
}

/* ✅ Heading animation (works on any H2 inside this section) */
.aec-contact-anim h2{
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0 18px 44px rgba(0,0,0,.75) !important;
  margin-bottom: 18px !important;
}

/* Gradient animated on span (your company name) */
.aec-contact-anim h2 span{
  background: linear-gradient(90deg,#fff,#B88A18,#E05020,#105050,#E05020,#fff);
  background-size: 320% 320%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  animation: aecTitleShift 4.8s ease-in-out infinite;
  position: relative;
}

/* Shimmer effect on heading */
.aec-contact-anim h2 span:after{
  content:"";
  position:absolute;
  inset:-25% -30%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transform: rotate(14deg);
  animation: aecShimmer 3.2s ease-in-out infinite;
  opacity:.22;
  pointer-events:none;
  mix-blend-mode: screen;
}

@keyframes aecTitleShift{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}
@keyframes aecShimmer{
  0%{ transform: translateX(-60%) rotate(14deg); opacity:0; }
  20%{ opacity:.18; }
  55%{ transform: translateX(60%) rotate(14deg); opacity:.14; }
  100%{ transform: translateX(60%) rotate(14deg); opacity:0; }
}

/* ✅ Cards: targets your contact boxes safely (Elementor containers/columns/widgets) */
.aec-contact-anim .card,
.aec-contact-anim .elementor-widget-container,
.aec-contact-anim .elementor-container,
.aec-contact-anim .elementor-column,
.aec-contact-anim .elementor-widget{
  border-radius: 18px;
}

/* If you used .card class in HTML, this becomes premium */
.aec-contact-anim .card{
  position: relative;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.55) !important;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Animated border glow */
.aec-contact-anim .card:after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(90deg,
    rgba(184,138,24,0),
    rgba(184,138,24,.55),
    rgba(224,80,32,.55),
    rgba(16,80,80,.55),
    rgba(184,138,24,0)
  );
  background-size: 300% 300%;
  animation: aecBorder 5.2s ease-in-out infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .55;
  pointer-events:none;
}
@keyframes aecBorder{
  0%{ background-position: 0% 50%; opacity:.45; }
  50%{ background-position: 100% 50%; opacity:.75; }
  100%{ background-position: 0% 50%; opacity:.45; }
}

/* Hover lift */
.aec-contact-anim .card:hover{
  transform: translateY(-6px) scale(1.01);
  border-color: rgba(184,138,24,.55) !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.60) !important;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .aec-contact-anim h2 span,
  .aec-contact-anim h2 span:after,
  .aec-contact-anim .card:after{
    animation:none !important;
  }
}/* End custom CSS */