.elementor-3787 .elementor-element.elementor-element-e8cb37b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:21px 21px 21px 21px;box-shadow:0px 0px 10px 4px rgba(0, 0, 0, 0.07);--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3787 .elementor-element.elementor-element-e8cb37b:not(.elementor-motion-effects-element-type-background), .elementor-3787 .elementor-element.elementor-element-e8cb37b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c2c0a5e );}.jet-listing-item.single-jet-engine.elementor-page-3787 > .elementor{width:400px;margin-left:auto;margin-right:auto;}/* Start custom CSS for container, class: .elementor-element-e8cb37b *//* ==============================
   Boukan Web Top Services Grid
   گرید خدمات بالای صفحه خدمات
   ============================== */

.elementor-3787 .elementor-element.elementor-element-e8cb37b {
  --bw-font: "IRANSansWeb_FaNum", "IRANSans", Tahoma, sans-serif;
  --bw-navy: #102e57;
  --bw-orange: #ff5a3c;
  --bw-text: #475569;
  --bw-white: #ffffff;
  --bw-border: #e2e8f0;
  --bw-light: #f8fafc;

  direction: rtl;
  background: #ffffff;
  padding: 70px 20px;
  font-family: var(--bw-font) !important;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b,
.elementor-3787 .elementor-element.elementor-element-e8cb37b * {
  box-sizing: border-box;
  font-family: var(--bw-font) !important;
}

/* کادر اصلی */
.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services {
  max-width: 1200px;
  margin: 0 auto;
}

/* عنوان بخش */
.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-head {
  max-width: 780px;
  margin: 0 auto 38px;
  text-align: center;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-head span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #fff0ec;
  color: var(--bw-orange);
  border: 1px solid rgba(255, 90, 60, 0.18);
  font-size: 14px;
  line-height: 1.7;
  font-weight: 700;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-head h2 {
  margin: 0 0 14px;
  color: var(--bw-navy);
  font-size: 34px;
  line-height: 1.7;
  font-weight: 700;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-head p {
  margin: 0;
  color: var(--bw-text);
  font-size: 15.5px;
  line-height: 2;
  font-weight: 400;
}

/* گرید خدمات */
.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* کارت */
.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-card {
  background: #ffffff;
  border: 1px solid var(--bw-border);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 16px 38px rgba(16, 46, 87, 0.08);
  transition: all 0.25s ease;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 90, 60, 0.28);
  box-shadow: 0 24px 55px rgba(16, 46, 87, 0.13);
}

/* تصویر */
.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-image {
  display: block;
  width: 100%;
  height: 185px;
  overflow: hidden;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.35s ease;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-card:hover img {
  transform: scale(1.04);
}

/* محتوا */
.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-content {
  padding: 20px 18px 22px;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-label {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #fff0ec;
  color: var(--bw-orange);
  font-size: 12.5px;
  line-height: 1.7;
  font-weight: 700;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-content h3 {
  margin: 0 0 9px;
  font-size: 19px;
  line-height: 1.7;
  font-weight: 700;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-content h3 a {
  color: var(--bw-navy);
  text-decoration: none;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-content h3 a:hover {
  color: var(--bw-orange);
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-content p {
  margin: 0 0 16px;
  color: var(--bw-text);
  font-size: 14px;
  line-height: 1.95;
  font-weight: 400;
}

/* دکمه */
.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-btn {
  width: 100%;
  min-height: 44px;
  border-radius: 14px;
  background: var(--bw-orange);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 700;
  transition: all 0.25s ease;
}

.elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-btn:hover {
  background: #e94b31;
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(255, 90, 60, 0.24);
}

/* تبلت */
@media (max-width: 1024px) {
  .elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-head h2 {
    font-size: 30px;
  }
}

/* موبایل */
@media (max-width: 767px) {
  .elementor-3787 .elementor-element.elementor-element-e8cb37b {
    padding: 54px 16px;
  }

  .elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-head {
    text-align: right;
    margin-bottom: 30px;
  }

  .elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-head h2 {
    font-size: 25px;
    line-height: 1.8;
  }

  .elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-head p {
    font-size: 15px;
  }

  .elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-services-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-image {
    height: 190px;
  }

  .elementor-3787 .elementor-element.elementor-element-e8cb37b .bw-top-service-content {
    padding: 20px 18px 22px;
  }
}/* End custom CSS */