.elementor-295 .elementor-element.elementor-element-3b24311{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-305596e *//* ========================================
   Base
======================================== */

.aftab-contact-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-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;
}

.aftab-contact-page h1,
.aftab-contact-page h2,
.aftab-contact-page h3,
.aftab-contact-page p {
  text-shadow: none !important;
}

.aftab-contact-page a {
  text-decoration: none !important;
}


/* ========================================
   Hero
======================================== */

.aftab-contact-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr) !important;
  align-items: center !important;
  gap: clamp(36px, 6vw, 80px) !important;

  min-height: 520px !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-contact-hero::before {
  content: "" !important;
  position: absolute !important;

  width: 430px !important;
  height: 430px !important;

  inset-inline-start: -190px !important;
  bottom: -245px !important;

  background: radial-gradient(
    circle,
    color-mix(
      in srgb,
      var(--e-global-color-primary) 32%,
      transparent
    ),
    transparent 68%
  ) !important;

  border-radius: 1001px !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.aftab-contact-hero::after {
  content: "" !important;
  position: absolute !important;

  width: 180px !important;
  height: 180px !important;

  inset-inline-end: 30px !important;
  top: 24px !important;

  background-image: radial-gradient(
    var(--e-global-color-accent) 1.4px,
    transparent 1.4px
  ) !important;

  background-size: 18px 18px !important;
  opacity: .13 !important;

  pointer-events: none !important;
  z-index: -1 !important;
}

.aftab-contact-hero__content {
  position: relative !important;
  z-index: 2 !important;
}

.aftab-contact-hero__content h1 {
  max-width: 750px !important;

  margin: 24px 0 18px !important;

  color: var(--e-global-color-secondary) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

.aftab-contact-hero__content > p {
  max-width: 680px !important;

  margin: 0 !important;

  color: var(--e-global-color-text) !important;
  line-height: 1.95 !important;
}

.aftab-contact-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;

  margin-top: 30px !important;
}

.aftab-contact-actions .aftabgift-btn1,
.aftab-contact-actions .aftabgift-btn2 {
  gap: 9px !important;
}


/* ========================================
   Quick Contact
======================================== */

.aftab-contact-quick {
  position: relative !important;
  overflow: hidden !important;

  padding: clamp(28px, 4vw, 44px) !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: 30px !important;
}

.aftab-contact-quick__icon {
  display: grid !important;
  place-items: center !important;

  width: 56px !important;
  height: 56px !important;

  margin-bottom: 30px !important;

  color: var(--e-global-color-0817334) !important;

  background-color:
    color-mix(
      in srgb,
      var(--e-global-color-0817334) 13%,
      transparent
    ) !important;

  border-radius: 18px !important;
}

.aftab-contact-quick__label {
  display: block !important;
  margin-bottom: 6px !important;
  opacity: .72 !important;
}

.aftab-contact-quick__phone {
  display: inline-block !important;

  color: var(--e-global-color-0817334) !important;
  font-weight: 800 !important;
  direction: ltr !important;
}

.aftab-contact-quick > p {
  margin: 14px 0 0 !important;
  color: var(--e-global-color-0817334) !important;
  line-height: 1.9 !important;
  opacity: .8 !important;
}

.aftab-contact-quick__divider {
  width: 100% !important;
  height: 1px !important;

  margin: 28px 0 22px !important;

  background-color:
    color-mix(
      in srgb,
      var(--e-global-color-0817334) 18%,
      transparent
    ) !important;
}

.aftab-contact-quick__meta {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  color: var(--e-global-color-0817334) !important;
  line-height: 1.8 !important;
  opacity: .84 !important;
}


/* ========================================
   Section Heading
======================================== */

.aftab-contact-methods,
.aftab-contact-compose {
  padding-top: clamp(72px, 10vw, 120px) !important;
}

.aftab-contact-section-heading {
  max-width: 720px !important;
  margin-bottom: 42px !important;
}

.aftab-contact-section-heading h2 {
  margin: 22px 0 24px !important;
}

.aftab-contact-section-heading > p {
  margin: 0 !important;
  line-height: 1.95 !important;
}


/* ========================================
   Contact Cards
======================================== */

.aftab-contact-cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.aftab-contact-card {
  position: relative !important;

  min-height: 280px !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-contact-card:hover {
  border-color: var(--e-global-color-primary) !important;
  transform: translateY(-5px) !important;
}

.aftab-contact-card__icon {
  display: grid !important;
  place-items: center !important;

  width: 52px !important;
  height: 52px !important;

  margin-bottom: 32px !important;

  color: var(--e-global-color-primary) !important;

  background-color:
    color-mix(
      in srgb,
      var(--e-global-color-primary) 10%,
      transparent
    ) !important;

  border-radius: 17px !important;
}

.aftab-contact-card__number {
  position: absolute !important;
  top: 28px !important;
  left: 28px !important;

  color: var(--e-global-color-text) !important;
  font-weight: 700 !important;
  opacity: .36 !important;
}

.aftab-contact-card h3 {
  margin: 0 0 10px !important;

  color: var(--e-global-color-secondary) !important;
  font-weight: 800 !important;
}

.aftab-contact-card p {
  margin: 0 0 24px !important;
  line-height: 1.85 !important;
}

.aftab-contact-card > a {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 44px !important;

  color: var(--e-global-color-primary) !important;
  font-weight: 800 !important;
}


/* ========================================
   Form + Map Grid
======================================== */

.aftab-contact-compose__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr) !important;
  align-items: stretch !important;
  gap: 20px !important;
}


/* ========================================
   Elementor Shortcode Form
======================================== */

.aftab-contact-form-slot {
  min-width: 0 !important;
  min-height: 560px !important;

  padding: clamp(22px, 4vw, 38px) !important;

  background-color: var(--e-global-color-0817334) !important;
  border: 1px solid var(--e-global-color-5d135b4) !important;
  border-radius: 30px !important;
}

.aftab-contact-form-slot .elementor-shortcode,
.aftab-contact-form-slot .elementor,
.aftab-contact-form-slot form {
  width: 100% !important;
}


/* ========================================
   Map Card
======================================== */

.aftab-contact-location {
  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;

  background-color: var(--e-global-color-0817334) !important;
  border: 1px solid var(--e-global-color-5d135b4) !important;
  border-radius: 30px !important;
}

.aftab-contact-location__media {
  position: relative !important;
  overflow: hidden !important;

  aspect-ratio: 3 / 2 !important;
  min-height: 240px !important;

  background-color: var(--e-global-color-5d135b4) !important;
}

.aftab-contact-location__media img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  transition: transform 500ms ease !important;
}

.aftab-contact-location:hover
.aftab-contact-location__media img {
  transform: scale(1.035) !important;
}

.aftab-contact-location__body {
  display: flex !important;
  flex: 1 !important;
  flex-direction: column !important;

  padding: 28px !important;
}

.aftab-contact-location__heading {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;

  margin-bottom: 18px !important;
}

.aftab-contact-location__mark {
  display: grid !important;
  flex: 0 0 auto !important;
  place-items: center !important;

  width: 52px !important;
  height: 52px !important;

  color: var(--e-global-color-0817334) !important;
  background-color: var(--e-global-color-primary) !important;

  border-radius: 17px !important;
}

.aftab-contact-location__heading span {
  display: block !important;
  margin-bottom: 3px !important;

  color: var(--e-global-color-text) !important;
}

.aftab-contact-location h3 {
  margin: 0 !important;

  color: var(--e-global-color-secondary) !important;
  font-weight: 800 !important;
}

.aftab-contact-location address {
  margin: 0 !important;

  color: var(--e-global-color-text) !important;
  font-style: normal !important;
  line-height: 1.9 !important;
}

.aftab-contact-location__details {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;

  margin-top: 20px !important;
}

.aftab-contact-location__details a {
  color: var(--e-global-color-secondary) !important;
  font-weight: 700 !important;
  direction: ltr !important;
}

.aftab-contact-location__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  min-height: 48px !important;
  margin-top: 28px !important;
  padding: 11px 20px !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: 700 !important;

  transition: transform 200ms ease !important;
}

.aftab-contact-location__button:hover {
  transform: translateY(-2px) !important;
}


/* ========================================
   Focus
======================================== */

.aftab-contact-page a:focus-visible {
  outline: 3px solid
    color-mix(
      in srgb,
      var(--e-global-color-accent) 38%,
      transparent
    ) !important;

  outline-offset: 4px !important;
}


/* ========================================
   Responsive
======================================== */

@media (max-width: 991px) {
  .aftab-contact-hero,
  .aftab-contact-compose__grid {
    grid-template-columns: 1fr !important;
  }

  .aftab-contact-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .aftab-contact-form-slot {
    min-height: auto !important;
  }
}

@media (max-width: 767px) {
  .aftab-contact-page {
    padding: 14px !important;
  }

  .aftab-contact-hero {
    min-height: auto !important;
    padding: 28px 20px !important;
    border-radius: 26px !important;
  }

  .aftab-contact-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .aftab-contact-actions .aftabgift-btn1,
  .aftab-contact-actions .aftabgift-btn2 {
    width: 100% !important;
  }

  .aftab-contact-cards {
    grid-template-columns: 1fr !important;
  }

  .aftab-contact-card {
    min-height: auto !important;
  }

  .aftab-contact-form-slot,
  .aftab-contact-location {
    border-radius: 24px !important;
  }

  .aftab-contact-location__body {
    padding: 22px !important;
  }
}


/* ========================================
   Reduced Motion
======================================== */

@media (prefers-reduced-motion: reduce) {
  .aftab-contact-card,
  .aftab-contact-location__media img,
  .aftab-contact-location__button {
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */