.elementor-kit-14{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Noto Nastaliq Urdu";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;}.elementor-kit-14 e-page-transition{background-color:#1C1C1C;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1) Load the Noto Nastaliq Urdu font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&display=swap');

/* 2) Apply only to Urdu content inside the About section */
.about-text h2,
.about-text h2 span,
.about-text p,
.about-text .thumb-text span {
  font-family: 'Noto Nastaliq Urdu', serif;
  direction: rtl;
  text-align: right;
  line-height: -2.35;
}

/* Optional: Make headings larger */
.about-text h2 {
  font-size: 26px;
  font-weight: bold;
  
}

/* Target only the first paragraph after heading to position it perfectly */
.about-text h2 + p {
  font-size: 20px;
  max-width: 560px;          /* keep it inside the gap */
  margin: 0 auto;            /* center between shapes */
  padding-inline-start: 90px;  /* space from triangle (right side in RTL) */
  padding-inline-end: 130px;   /* space from logo (left side in RTL) */
  line-height: 2.35;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .about-text h2 + p {
    max-width: 100%;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }
}/* End custom CSS */