.elementor-kit-5{--e-global-color-primary:#D1DEE1;--e-global-color-secondary:#001B5E;--e-global-color-text:#FF4900;--e-global-color-accent:#0049FF;--e-global-typography-primary-font-family:"Guesswhat Exceptional";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cairo";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Cairo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Cairo";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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 *//* =========================================================
   NORM HERO (LEFT) + TOC (RIGHT) — FULL FINAL CSS
   Requires only:
   .norm-hero-left   (left container)
   .norm-toc         (right container)
   ========================================================= */

/* -------------------------
   LEFT: newspaper positioning
   ------------------------- */
.norm-hero-left{
  max-width: 860px !important;
  transform: translateX(-180px) !important; /* يروح أقرب لليسار */
  text-align: right !important;
}

/* Responsiveness */
@media (max-width: 1440px){
  .norm-hero-left{ transform: translateX(-130px) !important; }
}
@media (max-width: 1366px){
  .norm-hero-left{ transform: translateX(-100px) !important; }
}
@media (max-width: 1024px){
  .norm-hero-left{ transform: none !important; max-width: 100% !important; }
}

/* -------------------------
   LEFT: quote headline (FORCED)
   ------------------------- */
.norm-hero-left .elementor-widget-heading{
  width: 100% !important;
}

.norm-hero-left .elementor-widget-heading .elementor-heading-title{
  position: relative !important;
  display: inline-block !important;
  overflow: visible !important;

  max-width: 720px !important;
  margin: 0 !important;
  padding: 10px 0 18px 0 !important;

  font-size: clamp(40px, 3.5vw, 72px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.8px !important;

  color: #001B5E !important;
  text-align: right !important;

  border-bottom: 1px solid rgba(0,0,0,.16) !important;
}

/* Quotation marks */
.norm-hero-left .elementor-widget-heading .elementor-heading-title:before{
  content: "“" !important;
  position: absolute !important;
  right: -18px !important; /* RTL */
  top: -46px !important;
  font-size: 112px !important;
  line-height: 1 !important;
  color: rgba(0,27,94,.22) !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

.norm-hero-left .elementor-widget-heading .elementor-heading-title:after{
  content: "”" !important;
  position: absolute !important;
  left: -18px !important;
  bottom: -80px !important;
  font-size: 112px !important;
  line-height: 1 !important;
  color: rgba(0,27,94,.22) !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

/* -------------------------
   LEFT: newspaper body (2 columns)
   ------------------------- */
.norm-hero-left .elementor-widget-text-editor{
  width: 100% !important;
  max-width: 820px !important;
  margin-top: 16px !important;
}

.norm-hero-left .elementor-widget-text-editor p{
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 2.05 !important;
  color: rgba(0,0,0,.78) !important;

  text-align: justify !important;
  text-justify: inter-word !important;
  word-spacing: 1px !important;

  column-count: 2 !important;
  column-gap: 44px !important;
  column-rule: 1px solid rgba(0,0,0,.10) !important;
}

/* Mobile: 1 column */
@media (max-width: 767px){
  .norm-hero-left .elementor-widget-text-editor p{
    column-count: 1 !important;
    column-rule: none !important;
  }
}

/* -------------------------
   LEFT: CTA button (editorial)
   ------------------------- */
.norm-hero-left .elementor-widget-button{
  margin-top: 22px !important;
}

.norm-hero-left .elementor-button{
  border-radius: 999px !important;
  padding: 14px 34px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  box-shadow: 0 10px 28px rgba(0,27,94,.10) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}

.norm-hero-left .elementor-button:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 40px rgba(0,27,94,.16) !important;
}

/* =========================================================
   RIGHT: TOC — orange line fixed, blue hover text
   ========================================================= */
.norm-toc{
  padding-right: 28px !important;
}

/* each TOC heading */
.norm-toc .elementor-heading-title{
  position: relative !important;
  display: inline-block !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;

  padding-right: 46px !important; /* يمنع الخط يلمس النص */
  cursor: pointer !important;
  transition: color .25s ease, transform .25s ease !important;
}

/* orange marker */
.norm-toc .elementor-heading-title:before{
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  width: 16px !important;
  height: 2px !important;
  background: #FF4900 !important; /* ثابت برتقالي */
  transform: translateY(-50%) !important;
  transition: width .25s ease !important;
}

/* hover */
.norm-toc .elementor-heading-title:hover{
  color: #0049FF !important;
  transform: translateX(-12px) scale(1.06) !important;
}

.norm-toc .elementor-heading-title:hover:before{
  width: 26px !important;
}

/* mobile tuning */
@media (max-width: 767px){
  .norm-toc .elementor-heading-title{
    font-size: 18px !important;
    padding-right: 40px !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Guesswhat Exceptional';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://normforbusiness.co/wp-content/uploads/2026/03/Guesswhat-Exceptional.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cairo';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://normforbusiness.co/wp-content/uploads/2026/02/Cairo-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Cairo';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://normforbusiness.co/wp-content/uploads/2026/02/Cairo-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Cairo';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://normforbusiness.co/wp-content/uploads/2026/02/Cairo-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */