.elementor-5 .elementor-element.elementor-element-992e9b9{width:100%;max-width:100%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;background-image:linear-gradient(180deg, #535252 0%, #535252 100%);}.elementor-5 .elementor-element.elementor-element-992e9b9.elementor-element{--align-self:stretch;}body.elementor-page-5:not(.elementor-motion-effects-element-type-background), body.elementor-page-5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #111823 0%, #111823 100%);}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-992e9b9 */.site-header,
.page-hero,
.about,
.section,
.cta-band,
.site-footer {
    background-color: #121D2B;
}
/* سفید کردن رنگ متن‌های بخش CTA */
.cta-band h2, 
.cta-band p {
    color: #ffffff !important;
}
/* ===== Header Base ===== */
.site-header .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:nowrap;
}

.site-header .logo{
  display:block;
  white-space:nowrap;
  line-height:1.2;
  flex:0 0 auto;
}

.site-header nav{
  display:block;
  flex:1 1 auto;
}

.site-header .nav-menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  list-style:none;
  margin:0;
  padding:0;
}

.site-header .btn.btn-primary{
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  flex:0 0 auto;
}

.site-header .nav-toggle{
  display:none;
}

/* ===== Tablet ===== */
@media (max-width:1024px){
  .site-header .container{
    gap:10px;
  }

  .site-header .logo{
    font-size:18px;
  }

  .site-header .nav-menu{
    gap:18px;
  }

  .site-header .btn.btn-primary{
    font-size:13px;
    padding:10px 14px;
  }
}

/* ===== Mobile ===== */
@media (max-width:767px){
  .site-header .container{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:8px;
  }

  .site-header .logo{
    font-size:15px;
    max-width:110px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .site-header nav{
    display:none;
  }

  .site-header .btn.btn-primary{
    justify-self:center;
    align-self:center;
    font-size:12px;
    padding:8px 12px;
    min-height:36px;
    border-radius:10px;
    line-height:1;
  }

  .site-header .nav-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    justify-self:end;
    width:38px;
    height:38px;
    font-size:22px;
    padding:0;
    border-radius:8px;
    border:0;
    background:transparent;
  }

  .site-header .nav-menu{
    display:none;
  }

  .site-header .nav-menu.active{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
}

/* ===== Small Mobile ===== */
@media (max-width:480px){
  .site-header .container{
    grid-template-columns:auto 1fr auto;
    gap:6px;
  }

  .site-header .logo{
    font-size:13px;
    max-width:92px;
  }

  .site-header .btn.btn-primary{
    font-size:11px;
    padding:7px 10px;
    min-height:34px;
  }

  .site-header .nav-toggle{
    width:34px;
    height:34px;
    font-size:20px;
  }
}/* End custom CSS */