:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7fea2f1 */@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Karla:wght@300;400;600;700&display=swap');


/* =========================================================
   NOOR TUTORING
   PRIVACY & COOKIE POLICY
========================================================= */

.noor-privacy,
.noor-privacy * {
  box-sizing: border-box;
}

.noor-privacy {
  --np-purple: #493751;
  --np-purple-dark: #37293d;
  --np-purple-soft: #62586a;

  --np-gold: #b98e45;

  --np-cream: #f7f1e3;
  --np-white: #fffdf8;

  --np-border: #e8dfcd;

  width: 100%;
  max-width: 100%;

  margin: 0;

  overflow-x: clip;

  background: var(--np-white);

  color: var(--np-purple-soft);

  font-family:
    "Karla",
    Arial,
    sans-serif;
}


/* =========================================================
   CONTAINER
========================================================= */

.noor-privacy .np-container {
  width: calc(100% - 48px);
  max-width: 1160px;

  margin: 0 auto;

  min-width: 0;
}


/* =========================================================
   PAGE TITLE
========================================================= */

.noor-privacy .np-title-area {
  width: 100%;

  padding:
    28px
    0
    25px;

  background: #C78787;

  text-align: center;
}

.noor-privacy .np-title-area h1 {
  margin: 0 !important;

  color: #ffffff !important;

  font-family:
    "Fraunces",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 40px !important;

  line-height: 1.1 !important;

  font-weight: 600 !important;

  letter-spacing: -0.01em !important;
}


/* =========================================================
   SECTIONS
========================================================= */

.noor-privacy .np-section {
  width: 100%;

  padding:
    40px
    0;
}

.noor-privacy .np-white {
  background: #fffdf8;
}

.noor-privacy .np-cream {
  background: #f7f1e3;
}


/* =========================================================
   INTRO
========================================================= */

.noor-privacy .np-intro {
  padding-top: 24px;
  padding-bottom: 32px;
}


/* =========================================================
   META / EYEBROW
   KARLA 16 BOLD
========================================================= */

.noor-privacy .np-meta {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  color: #9d7033;

  font-family:
    "Karla",
    Arial,
    sans-serif !important;

  font-size: 16px !important;

  line-height: 1.4;

  font-weight: 700 !important;
}

.noor-privacy .np-meta-line {
  width: 100%;
  height: 1px;

  margin:
    12px
    0
    17px;

  background:
    rgba(185, 142, 69, 0.34);
}


/* =========================================================
   MAIN HEADINGS
   FRAUNCES 40 SEMI BOLD
========================================================= */

.noor-privacy h2 {
  margin:
    0
    0
    16px !important;

  color: #37293d !important;

  font-family:
    "Fraunces",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 40px !important;

  line-height: 1.1 !important;

  font-weight: 600 !important;

  letter-spacing: -0.01em !important;
}


/* =========================================================
   SECONDARY HEADINGS
========================================================= */

.noor-privacy h3 {
  margin:
    24px
    0
    12px !important;

  color: #37293d !important;

  font-family:
    "Fraunces",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 28px !important;

  line-height: 1.2 !important;

  font-weight: 600 !important;

  letter-spacing: 0 !important;
}


/* =========================================================
   PARAGRAPHS
   KARLA 20 LIGHT
========================================================= */

.noor-privacy p {
  margin:
    0
    0
    16px !important;

  color: #62586a !important;

  font-family:
    "Karla",
    Arial,
    sans-serif !important;

  font-size: 20px !important;

  line-height: 1.6 !important;

  font-weight: 300 !important;

  letter-spacing: 0 !important;

  overflow-wrap: break-word;
}


/* =========================================================
   STRONG / BOLD
========================================================= */

.noor-privacy strong {
  color: #47364d;

  font-family:
    "Karla",
    Arial,
    sans-serif !important;

  font-weight: 700 !important;
}


/* =========================================================
   LINKS
========================================================= */

.noor-privacy a {
  color: #9e702d;

  font-family:
    "Karla",
    Arial,
    sans-serif !important;

  text-decoration: none !important;

  font-weight: 700;

  overflow-wrap: anywhere;

  transition:
    color 0.2s ease;
}

.noor-privacy a:hover {
  color: #493751;
}


/* =========================================================
   BUTTONS
   KARLA 16 BOLD
========================================================= */

.noor-privacy button,
.noor-privacy .np-btn {
  font-family:
    "Karla",
    Arial,
    sans-serif !important;

  font-size: 16px !important;

  font-weight: 700 !important;
}


/* =========================================================
   LISTS
========================================================= */

.noor-privacy ul {
  margin:
    16px
    0
    18px !important;

  padding:
    0
    0
    0
    25px;
}

.noor-privacy li {
  margin:
    0
    0
    9px;

  padding-left: 4px;

  color: #62586a;

  font-family:
    "Karla",
    Arial,
    sans-serif !important;

  font-size: 20px !important;

  line-height: 1.6 !important;

  font-weight: 300 !important;
}

.noor-privacy li::marker {
  color: #a77937;
}


/* =========================================================
   CONTENT WIDTH
========================================================= */

.noor-privacy .np-content-block {
  width: 100%;
  max-width: 1080px;

  min-width: 0;
}

.noor-privacy .np-copy-wide {
  width: 100%;
  max-width: 1100px;
}


/* =========================================================
   LAST CHILD SPACING
========================================================= */

.noor-privacy .np-copy-wide p:last-child,
.noor-privacy .np-content-block p:last-child,
.noor-privacy p:last-child,
.noor-privacy ul:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   ADDRESS
========================================================= */

.noor-privacy .np-address {
  margin:
    18px
    0;

  color: #62586a;

  font-family:
    "Karla",
    Arial,
    sans-serif !important;

  font-size: 20px !important;

  line-height: 1.6 !important;

  font-weight: 300 !important;

  overflow-wrap: anywhere;
}


/* =========================================================
   SPLIT AREA
========================================================= */

.noor-privacy .np-split-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.noor-privacy .np-two-cols {
  width: 100%;

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 38px;

  /*
   IMPORTANT FIX:
   prevents both cards being stretched
   to equal height.
  */
  align-items: start !important;
}


/* =========================================================
   INFO BOX
========================================================= */

.noor-privacy .np-info-box {
  width: 100%;

  min-width: 0;

  /*
   IMPORTANT FIX:
   allow each card to finish naturally
   based on its own content.
  */
  min-height: 0 !important;

  height: auto !important;

  padding:
    32px
    32px
    34px !important;

  background:
    rgba(247, 241, 227, 0.60);

  border:
    1px solid
    rgba(219, 205, 180, 0.8);
}


/* INFO BOX HEADING */

.noor-privacy .np-info-box h2 {
  margin:
    0
    0
    18px !important;

  font-size: 40px !important;
}


/* INFO BOX PARAGRAPH */

.noor-privacy .np-info-box p {
  margin:
    0
    0
    16px !important;
}


/* INFO BOX LIST */

.noor-privacy .np-info-box ul {
  margin:
    16px
    0
    0 !important;
}


/* =========================================================
   CHILD BOX
========================================================= */

.noor-privacy .np-child-box {
  width: 100%;

  padding:
    28px
    30px;

  background: #fffdf8;

  border:
    1px solid
    #eee3cf;
}


/* =========================================================
   FINAL SECTION
========================================================= */

.noor-privacy .np-final-section {
  padding-top: 34px;
  padding-bottom: 46px;
}

.noor-privacy .np-final-grid {
  width: 100%;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(260px, 330px);

  align-items: start;

  gap: 50px;
}


/* =========================================================
   CONTACT BOX
========================================================= */

.noor-privacy .np-contact-box {
  width: 100%;

  min-width: 0;

  padding:
    28px
    28px;

  background:
    #f7f1e3;

  border:
    1px solid
    rgba(223, 211, 188, 0.85);
}

.noor-privacy .np-contact-box h3 {
  margin-top: 0 !important;

  margin-bottom:
    14px !important;

  font-family:
    "Fraunces",
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 28px !important;

  font-weight: 600 !important;
}

.noor-privacy .np-contact-box p {
  font-family:
    "Karla",
    Arial,
    sans-serif !important;

  font-size: 20px !important;

  line-height: 1.55 !important;

  font-weight: 300 !important;
}


/* =========================================================
   POLICY FOOTER
========================================================= */

.noor-privacy .np-policy-footer {
  width: 100%;

  padding:
    22px
    0;

  background: #493751;

  text-align: center;
}

.noor-privacy .np-policy-footer p {
  margin:
    0
    0
    4px !important;

  color:
    #fffaf2 !important;

  font-family:
    "Karla",
    Arial,
    sans-serif !important;

  font-size: 16px !important;

  line-height: 1.5 !important;

  font-weight: 300 !important;
}

.noor-privacy .np-policy-footer p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   ELEMENTOR TYPOGRAPHY PROTECTION
========================================================= */

body .noor-privacy h1,
body .noor-privacy h2,
body .noor-privacy h3 {
  font-family:
    "Fraunces",
    Georgia,
    "Times New Roman",
    serif !important;

  font-weight: 600 !important;

  text-transform: none !important;
}

body .noor-privacy p,
body .noor-privacy ul,
body .noor-privacy li,
body .noor-privacy a,
body .noor-privacy span,
body .noor-privacy button,
body .noor-privacy .np-address {
  font-family:
    "Karla",
    Arial,
    sans-serif !important;

  text-transform: none !important;
}


/* =========================================================
   MEDIA PROTECTION
========================================================= */

.noor-privacy img,
.noor-privacy iframe,
.noor-privacy video,
.noor-privacy svg {
  max-width: 100%;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .noor-privacy .np-container {
    width:
      calc(100% - 40px);

    max-width: 760px;
  }


  .noor-privacy .np-section {
    padding:
      36px
      0;
  }


  .noor-privacy .np-two-cols {
    grid-template-columns: 1fr;

    gap: 20px;

    align-items: start !important;
  }


  .noor-privacy .np-info-box {
    min-height: 0 !important;

    height: auto !important;

    padding:
      30px
      28px
      32px !important;
  }


  .noor-privacy .np-final-grid {
    grid-template-columns: 1fr;

    gap: 30px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

  .noor-privacy .np-container {
    width:
      calc(100% - 34px);
  }


  .noor-privacy .np-title-area {
    padding:
      24px
      0
      22px;
  }


  .noor-privacy .np-title-area h1,
  .noor-privacy h2,
  .noor-privacy .np-info-box h2 {
    font-size: 40px !important;
  }


  .noor-privacy h3,
  .noor-privacy .np-contact-box h3 {
    font-size: 28px !important;
  }


  .noor-privacy .np-section {
    padding:
      32px
      0;
  }


  .noor-privacy .np-intro {
    padding-top: 21px;
    padding-bottom: 29px;
  }


  .noor-privacy .np-meta {
    font-size: 16px !important;
  }


  .noor-privacy p,
  .noor-privacy li,
  .noor-privacy .np-address,
  .noor-privacy .np-contact-box p {
    font-size: 20px !important;

    line-height: 1.6 !important;
  }


  .noor-privacy .np-two-cols {
    grid-template-columns: 1fr;

    gap: 16px;

    align-items: start !important;
  }


  .noor-privacy .np-info-box {
    min-height: 0 !important;

    height: auto !important;

    padding:
      26px
      22px
      28px !important;
  }


  .noor-privacy .np-info-box h2 {
    margin-bottom:
      16px !important;
  }


  .noor-privacy .np-child-box {
    padding:
      26px
      22px;
  }


  .noor-privacy .np-final-grid {
    grid-template-columns: 1fr;

    gap: 26px;
  }


  .noor-privacy .np-contact-box {
    width: 100%;

    padding:
      26px
      22px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

  .noor-privacy .np-container {
    width:
      calc(100% - 28px);
  }


  .noor-privacy .np-meta {
    gap: 14px;

    flex-direction: column;

    align-items: flex-start;

    font-size: 16px !important;
  }


  .noor-privacy .np-title-area h1,
  .noor-privacy h2,
  .noor-privacy .np-info-box h2 {
    font-size: 40px !important;
  }


  .noor-privacy p,
  .noor-privacy li,
  .noor-privacy .np-address,
  .noor-privacy .np-contact-box p {
    font-size: 20px !important;
  }


  .noor-privacy .np-info-box {
    padding:
      24px
      20px
      26px !important;
  }

}


/* META DIVIDER — SPACE ABOVE + BELOW */

.noor-privacy .np-meta-line {
  position: relative;

  width: 100%;
  height: 42px;

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

  background: transparent !important;
}

.noor-privacy .np-meta-line::before {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  top: 50%;

  height: 1px;

  background: rgba(185, 142, 69, 0.34);

  transform: translateY(-50%);
}/* End custom CSS */