.elementor-94 .elementor-element.elementor-element-69cbb4e{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8ff000d *//* ========================================
   Base
======================================== */



.aftab-about-page {
  direction: rtl !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding: clamp(16px, 3vw, 36px) !important;

  color: var(--e-global-color-text) !important;
}

.aftab-about-page a {
  text-decoration: none !important;
}

.aftab-about-page h1,
.aftab-about-page h2,
.aftab-about-page h3,
.aftab-about-page p {
  text-shadow: none !important;
}

.aftab-about-page .aftab-iconsax {
  display: block !important;
  flex: 0 0 auto !important;

  width: 24px !important;
  height: 24px !important;

  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* ========================================
   Hero
======================================== */

.aftab-about-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

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

  min-height: 590px !important;
  padding: clamp(32px, 6vw, 76px) !important;

  background-color: var(--e-global-color-0817334) !important;
  border: 1px solid var(--e-global-color-5d135b4) !important;
  border-radius: 36px !important;
}

.aftab-about-hero__image {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;

  display: block !important;

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

  object-fit: cover !important;
  object-position: center !important;
}

.aftab-about-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;

  background: linear-gradient(
    90deg,
    transparent 20%,
    color-mix(
      in srgb,
      var(--e-global-color-0817334) 70%,
      transparent
    ) 52%,
    var(--e-global-color-0817334) 76%
  ) !important;
}

.aftab-about-hero::after {
  content: "" !important;
  position: absolute !important;

  width: 170px !important;
  height: 170px !important;

  inset-inline-end: 25px !important;
  bottom: 25px !important;

  background-image: radial-gradient(
    var(--e-global-color-accent) 1.4px,
    transparent 1.4px
  ) !important;

  background-size: 18px 18px !important;
  opacity: .12 !important;

  pointer-events: none !important;
  z-index: -1 !important;
}

.aftab-about-hero__content {
  position: relative !important;
  z-index: 2 !important;

  width: min(100%, 680px) !important;

  animation:
    aftab-about-enter
    650ms
    cubic-bezier(.2, .8, .2, 1)
    both !important;
}

.aftab-about-hero h1 {
  margin: 24px 0 18px !important;

  color: var(--e-global-color-secondary) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

.aftab-about-hero__content > p {
  max-width: 640px !important;
  margin: 0 !important;

  line-height: 1.95 !important;
}

.aftab-about-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;

  margin-top: 30px !important;
}

.aftab-about-actions .aftabgift-btn1,
.aftab-about-actions .aftabgift-btn2 {
  gap: 9px !important;
}

.aftab-about-hero__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;

  margin-top: 26px !important;
}

.aftab-about-hero__tags span {
  display: inline-flex !important;
  align-items: center !important;

  padding: 6px 12px !important;

  color: var(--e-global-color-6186967) !important;

  background-color:
    color-mix(
      in srgb,
      var(--e-global-color-0817334) 78%,
      transparent
    ) !important;

  border: 1px solid var(--e-global-color-5d135b4) !important;
  border-radius: 1001px !important;
}


/* ========================================
   Shared Sections
======================================== */

.aftab-about-story,
.aftab-about-services,
.aftab-about-advantages,
.aftab-about-process,
.aftab-about-values,
.aftab-about-cta {
  margin-top: clamp(76px, 10vw, 124px) !important;
}

.aftab-about-heading {
  max-width: 760px !important;
  margin-bottom: 42px !important;
}

.aftab-about-heading h2 {
  margin: 22px 0 24px !important;
}

.aftab-about-heading > p {
  margin: 0 !important;
  line-height: 1.95 !important;
}


/* ========================================
   Story
======================================== */

.aftab-about-story {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr) !important;
  align-items: center !important;
  gap: clamp(44px, 7vw, 90px) !important;
}

.aftab-about-story__content h2 {
  margin: 22px 0 28px !important;
}

.aftab-about-story__content > p {
  margin: 0 0 16px !important;
  line-height: 2 !important;
}

.aftab-about-story__points {
  display: grid !important;
  gap: 12px !important;

  margin-top: 28px !important;
}

.aftab-about-story__points > div {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  color: var(--e-global-color-secondary) !important;
  font-weight: 700 !important;
}

.aftab-about-story__points svg {
  width: 21px !important;
  height: 21px !important;

  color: var(--e-global-color-primary) !important;
}

.aftab-about-story__figure {
  margin: 0 !important;
}


/* ========================================
   Services
======================================== */

.aftab-about-services__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.aftab-about-service-card {
  position: relative !important;

  min-height: 330px !important;
  padding: 28px !important;

  background-color: var(--e-global-color-0817334) !important;
  border: 1px solid var(--e-global-color-5d135b4) !important;
  border-radius: 26px !important;

  transition:
    transform 220ms ease,
    border-color 220ms ease !important;
}

.aftab-about-service-card:hover {
  border-color: var(--e-global-color-primary) !important;
  transform: translateY(-5px) !important;
}

.aftab-about-icon,
.aftab-about-benefit__icon {
  display: grid !important;
  place-items: center !important;

  width: 54px !important;
  height: 54px !important;

  color: var(--e-global-color-primary) !important;

  background-color:
    color-mix(
      in srgb,
      var(--e-global-color-primary) 10%,
      transparent
    ) !important;

  border-radius: 18px !important;
}

.aftab-about-service-card__number {
  position: absolute !important;
  top: 28px !important;
  left: 28px !important;

  color: var(--e-global-color-text) !important;
  font-weight: 700 !important;
  opacity: .35 !important;
}

.aftab-about-service-card h3 {
  margin: 34px 0 12px !important;

  color: var(--e-global-color-secondary) !important;
  font-weight: 800 !important;
}

.aftab-about-service-card p {
  margin: 0 0 28px !important;
  line-height: 1.9 !important;
}

.aftab-about-service-card > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  min-height: 44px !important;

  color: var(--e-global-color-primary) !important;
  font-weight: 800 !important;
}

.aftab-about-service-card > a svg {
  width: 20px !important;
  height: 20px !important;

  transition: transform 200ms ease !important;
}

.aftab-about-service-card > a:hover svg {
  transform: translateX(-4px) !important;
}


/* ========================================
   Advantages Bento
======================================== */

.aftab-about-bento {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr 1fr !important;
  grid-template-rows: repeat(2, minmax(220px, auto)) !important;
  gap: 16px !important;
}

.aftab-about-benefit {
  padding: 26px !important;

  background-color: var(--e-global-color-0817334) !important;
  border: 1px solid var(--e-global-color-5d135b4) !important;
  border-radius: 26px !important;

  transition:
    border-color 220ms ease,
    transform 220ms ease !important;
}

.aftab-about-benefit:hover {
  border-color: var(--e-global-color-primary) !important;
  transform: translateY(-4px) !important;
}

.aftab-about-benefit--featured {
  grid-row: span 2 !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;

  padding: clamp(30px, 4vw, 46px) !important;

  color: var(--e-global-color-0817334) !important;

  background: linear-gradient(
    150deg,
    var(--e-global-color-secondary),
    var(--e-global-color-6186967)
  ) !important;

  border-color: var(--e-global-color-6186967) !important;
}

.aftab-about-benefit--featured
.aftab-about-benefit__icon {
  margin-bottom: auto !important;

  color: var(--e-global-color-0817334) !important;

  background-color:
    color-mix(
      in srgb,
      var(--e-global-color-0817334) 14%,
      transparent
    ) !important;
}

.aftab-about-benefit--featured > span {
  margin-top: 42px !important;
  opacity: .72 !important;
}

.aftab-about-benefit h3 {
  margin: 22px 0 10px !important;

  color: var(--e-global-color-secondary) !important;
  font-weight: 800 !important;
  line-height: 1.65 !important;
}

.aftab-about-benefit--featured h3 {
  color: var(--e-global-color-0817334) !important;
}

.aftab-about-benefit p {
  margin: 0 !important;
  line-height: 1.85 !important;
}

.aftab-about-benefit--featured p {
  color: var(--e-global-color-0817334) !important;
  opacity: .8 !important;
}


/* ========================================
   Process
======================================== */

.aftab-about-process__list {
  position: relative !important;

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

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

  list-style: none !important;
}

.aftab-about-process__list::before {
  content: "" !important;
  position: absolute !important;

  top: 29px !important;
  right: 8% !important;
  left: 8% !important;

  height: 1px !important;

  background-color: var(--e-global-color-5d135b4) !important;
  pointer-events: none !important;
}

.aftab-about-process__list li {
  position: relative !important;
  z-index: 1 !important;

  padding: 0 12px !important;
}

.aftab-about-process__list li > span {
  display: grid !important;
  place-items: center !important;

  width: 58px !important;
  height: 58px !important;

  color: var(--e-global-color-primary) !important;
  background-color: var(--e-global-color-0817334) !important;

  border: 1px solid var(--e-global-color-primary) !important;
  border-radius: 1001px !important;

  font-weight: 800 !important;
}

.aftab-about-process__list h3 {
  margin: 24px 0 10px !important;

  color: var(--e-global-color-secondary) !important;
  font-weight: 800 !important;
}

.aftab-about-process__list p {
  margin: 0 !important;
  line-height: 1.85 !important;
}


/* ========================================
   Values
======================================== */

.aftab-about-values {
  position: relative !important;
  overflow: hidden !important;

  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: clamp(40px, 7vw, 90px) !important;

  padding: clamp(34px, 6vw, 72px) !important;

  color: var(--e-global-color-0817334) !important;

  background: linear-gradient(
    145deg,
    var(--e-global-color-secondary),
    var(--e-global-color-6186967)
  ) !important;

  border-radius: 34px !important;
}

.aftab-about-values::after {
  content: "" !important;
  position: absolute !important;

  width: 260px !important;
  height: 260px !important;

  left: -120px !important;
  bottom: -150px !important;

  border: 1px solid
    color-mix(
      in srgb,
      var(--e-global-color-0817334) 18%,
      transparent
    ) !important;

  border-radius: 1001px !important;
  pointer-events: none !important;
}

.aftab-about-values h2 {
  margin: 24px 0 18px !important;

  color: var(--e-global-color-0817334) !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
}

.aftab-about-values__content > p {
  margin: 0 !important;

  color: var(--e-global-color-0817334) !important;
  line-height: 1.95 !important;
  opacity: .78 !important;
}

.aftab-about-values__list {
  display: grid !important;
  gap: 12px !important;
}

.aftab-about-values__list > div {
  padding: 20px !important;

  background-color:
    color-mix(
      in srgb,
      var(--e-global-color-0817334) 9%,
      transparent
    ) !important;

  border: 1px solid
    color-mix(
      in srgb,
      var(--e-global-color-0817334) 15%,
      transparent
    ) !important;

  border-radius: 20px !important;
}

.aftab-about-values__list span {
  color: var(--e-global-color-0817334) !important;
  font-weight: 800 !important;
}

.aftab-about-values__list p {
  margin: 6px 0 0 !important;

  color: var(--e-global-color-0817334) !important;
  line-height: 1.8 !important;
  opacity: .72 !important;
}


/* ========================================
   CTA
======================================== */

.aftab-about-cta {
  position: relative !important;
  overflow: hidden !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 36px !important;

  padding: clamp(30px, 5vw, 58px) !important;

  background-color: var(--e-global-color-0817334) !important;
  border: 1px solid var(--e-global-color-5d135b4) !important;
  border-radius: 30px !important;
}

.aftab-about-cta > div {
  max-width: 720px !important;
}

.aftab-about-cta > div > span {
  color: var(--e-global-color-primary) !important;
  font-weight: 800 !important;
}

.aftab-about-cta h2 {
  margin: 10px 0 12px !important;

  color: var(--e-global-color-secondary) !important;
  font-weight: 800 !important;
}

.aftab-about-cta p {
  margin: 0 !important;
  line-height: 1.9 !important;
}

.aftab-about-cta__button {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  min-height: 50px !important;
  padding: 12px 22px !important;

  color: var(--e-global-color-0817334) !important;

  background: linear-gradient(
    135deg,
    var(--e-global-color-primary),
    var(--e-global-color-accent)
  ) !important;

  border: 1px solid var(--e-global-color-primary) !important;
  border-radius: 1001px !important;

  font-weight: 800 !important;

  transition: transform 200ms ease !important;
}

.aftab-about-cta__button:hover {
  transform: translateY(-2px) !important;
}


/* ========================================
   Accessibility
======================================== */

.aftab-about-page a:focus-visible {
  outline: 3px solid
    color-mix(
      in srgb,
      var(--e-global-color-accent) 38%,
      transparent
    ) !important;

  outline-offset: 4px !important;
}


/* ========================================
   Animation
======================================== */

@keyframes aftab-about-enter {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ========================================
   Tablet
======================================== */

@media (max-width: 991px) {
  .aftab-about-story,
  .aftab-about-values {
    grid-template-columns: 1fr !important;
  }

  .aftab-about-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .aftab-about-bento {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
  }

  .aftab-about-benefit--featured {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-height: 360px !important;
  }

  .aftab-about-process__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 36px 16px !important;
  }

  .aftab-about-process__list::before {
    display: none !important;
  }
}


/* ========================================
   Mobile
======================================== */

@media (max-width: 767px) {
  .aftab-about-page {
    padding: 14px !important;
  }

  .aftab-about-hero {
    min-height: 620px !important;
    align-items: flex-start !important;

    padding: 30px 20px !important;
    border-radius: 26px !important;
  }

  .aftab-about-hero__image {
    object-position: 30% center !important;
  }

  .aftab-about-hero__overlay {
    background: linear-gradient(
      180deg,
      var(--e-global-color-0817334) 0%,
      color-mix(
        in srgb,
        var(--e-global-color-0817334) 92%,
        transparent
      ) 55%,
      transparent 100%
    ) !important;
  }

  .aftab-about-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .aftab-about-actions .aftabgift-btn1,
  .aftab-about-actions .aftabgift-btn2 {
    width: 100% !important;
  }

  .aftab-about-story {
    gap: 46px !important;
  }

  .aftab-about-services__grid,
  .aftab-about-bento,
  .aftab-about-process__list {
    grid-template-columns: 1fr !important;
  }

  .aftab-about-benefit--featured {
    min-height: 390px !important;
  }

  .aftab-about-process__list {
    gap: 30px !important;
  }

  .aftab-about-process__list li {
    padding: 0 !important;
  }

  .aftab-about-values,
  .aftab-about-cta {
    border-radius: 24px !important;
  }

  .aftab-about-cta {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .aftab-about-cta__button {
    width: 100% !important;
  }
}


/* ========================================
   Reduced Motion
======================================== */

@media (prefers-reduced-motion: reduce) {
  .aftab-about-hero__content,
  .aftab-about-service-card,
  .aftab-about-benefit,
  .aftab-about-service-card > a svg,
  .aftab-about-cta__button {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */