.elementor-15787 .elementor-element.elementor-element-1daffdd{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-4e64f64 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-7af14ee{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-73af4c2 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-e5493f4{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-921f56a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-227d5af{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-aefcc63 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-41a2928{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-1cd9cf7 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-56033358:not(.elementor-motion-effects-element-type-background), .elementor-15787 .elementor-element.elementor-element-56033358 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070D0A;}.elementor-15787 .elementor-element.elementor-element-56033358{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-56033358 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15787 .elementor-element.elementor-element-4d205298 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-071b1e7{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-f419401 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-36ddb48{padding:0px 0px 0px 0px;}.elementor-15787 .elementor-element.elementor-element-8b9a42c > .elementor-element-populated{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1d44703 *//**
 * Atra Atlas — 01 Hero
 * DARK #070D0A + radial glow, title, CTAs, image contain (RTL).
 * Used inline inside the single HTML widget: sections/01-hero/elementor.html
 */

/* Fonts — IRANSans (FA, from atraatlas.com host) + Open Sans (EN/PT, Google Fonts) — see assets/fonts/fonts.css */

/* Section shell */
.atra-hero {
  --gold: #FEE101 !important;
  --green: #438740 !important;
  --darkBg: #070D0A !important;
  --cardBg: #0F1E14 !important;
  background: #070D0A !important;
  padding: 80px 0 60px !important;
  font-family: 'IRANSans', 'Open Sans', Tahoma, sans-serif !important;
  overflow: hidden !important;
  position: relative !important;
}

.atra-hero:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(600px 400px at 70% 30%, rgba(67, 135, 64, .18) 0%, transparent 60%), radial-gradient(800px 600px at 10% 80%, rgba(254, 225, 1, .08) 0%, transparent 50%) !important;
  pointer-events: none !important;
}

/* Inner + grid (text | image card) */
.atra-hero__wrap {
  max-width: 1280px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  gap: 48px !important;
  align-items: center !important;
  padding: 0 24px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Eyebrow */
.atra-hero__eyebrow {
  color: var(--gold) !important;
  letter-spacing: 3px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 12px rgba(254, 225, 1, .35) !important;
  opacity: .95 !important;
}

/* Title — fluid */
.atra-hero__title {
  font-size: clamp(28px, 5vw, 56px) !important;
  line-height: 1.08 !important;
  color: #FDFDFD !important;
  font-weight: 800 !important;
  margin: 14px 0 !important;
}

.atra-hero__title span {
  font-family: 'IRANSans', 'Open Sans', Tahoma, sans-serif !important;
  font-style: normal !important;
  color: var(--gold) !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 20px rgba(254, 225, 1, .35) !important;
}

/* Desc */
.atra-hero__desc {
  color: #B8C5B8 !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  max-width: 520px !important;
  margin: 18px 0 28px !important;
}

/* CTAs */
.atra-hero__cta {
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.btn-gold {
  background: var(--green) !important;
  color: #fff !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: .3s !important;
  border: 1px solid var(--green) !important;
  display: inline-block !important;
  box-shadow: 0 8px 24px rgba(67, 135, 64, .3) !important;
}

.btn-gold:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #070D0A !important;
}

.btn-line {
  padding: 14px 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(253, 253, 253, .35) !important;
  color: #FDFDFD !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  display: inline-block !important;
  transition: .3s !important;
  backdrop-filter: blur(6px) !important;
}

.btn-line:hover {
  background: #FDFDFD !important;
  color: #070D0A !important;
  border-color: #FDFDFD !important;
}

/* Image card — no letterboxing, image fills card edge-to-edge */
.atra-hero__img {
  position: relative !important;
  background: var(--cardBg) !important;
  border: 1px solid rgba(254, 225, 1, .12) !important;
  border-radius: 20px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5) !important;
}

.atra-hero__img img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 20px !important;
  display: block !important;
  background: transparent !important;
}

/* Responsive */
@media (max-width: 1024px) {
  .atra-hero {
    padding: 70px 20px 50px !important;
  }

  .atra-hero__wrap {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    text-align: center !important;
  }

  .atra-hero__desc {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .atra-hero__cta {
    justify-content: center !important;
  }

  .atra-hero__img img {
    aspect-ratio: 1 / 1 !important;
  }
}

@media (max-width: 768px) {
  .atra-hero {
    padding: 60px 16px 48px !important;
  }

  .atra-hero__title {
    font-size: clamp(28px, 7vw, 42px) !important;
  }

  .atra-hero__desc {
    font-size: 14px !important;
  }
}

@media (max-width: 480px) {
  .atra-hero {
    padding: 48px 16px 40px !important;
  }

  .atra-hero__wrap {
    padding: 0 !important;
    gap: 22px !important;
  }

  .atra-hero__title {
    font-size: clamp(26px, 7.5vw, 34px) !important;
  }

  .atra-hero__cta {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .atra-hero__cta .btn-gold,
  .atra-hero__cta .btn-line {
    flex: 1 1 100% !important;
    text-align: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  .atra-hero__img img {
    aspect-ratio: 1 / 1 !important;
  }

  .atra-hero__svg {
    width: 112px !important;
    height: 112px !important;
    left: -8px !important;
    bottom: -8px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69fc539 *//**
 * Atra Atlas — 02 Trust Bar
 * 4 items green bar #438740, yellow numbers #FEE101 (RTL).
 * Used inline inside the single HTML widget: sections/02-trust-bar/elementor.html
 */

/* Section shell */
.atra-trust {
  background: #438740 !important;
  color: #fff !important;
  padding: 28px 0 !important;
  font-family: 'IRANSans', 'Open Sans', Tahoma, sans-serif !important;
}

/* Inner + grid (4 items: experience | offices | direct supply | full support) */
.atra-trust__wrap {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  text-align: center !important;
}

/* Item — number (yellow) + label + note */
.atra-trust__item b {
  color: #FEE101 !important;
  text-shadow: 0 1px 6px rgba(67, 135, 64, .18), 0 1px 2px rgba(0, 0, 0, .08) !important;
  font-size: 28px !important;
  display: block !important;
  line-height: 1 !important;
}

.atra-trust__item span {
  font-size: 13px !important;
  opacity: .8 !important;
  display: block !important;
  margin-top: 6px !important;
}

.atra-trust__item small {
  opacity: .6 !important;
  font-size: 11px !important;
}

/* Responsive */
@media (max-width: 1024px) {
  .atra-trust__wrap {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}

@media (max-width: 480px) {
  .atra-trust {
    padding: 24px 0 !important;
  }

  .atra-trust__wrap {
    padding: 0 16px !important;
    gap: 12px !important;
  }

  .atra-trust__item b {
    font-size: 24px !important;
  }

  .atra-trust__item span {
    font-size: 12px !important;
  }
}/* End custom CSS */