.elementor-kit-5{--e-global-color-primary:#05264E;--e-global-color-secondary:#2F5BF0;--e-global-color-text:#64769B;--e-global-color-accent:#2F5BF0;--e-global-color-absoft:#E8EEFF;--e-global-color-abbg:#F5F8FF;--e-global-color-abline:#E0E7F7;--e-global-color-abdim:#B9C6DE;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-0.5px;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.35em;--e-global-typography-text-font-family:"Public Sans";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Public Sans";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0px;background-color:#FFFFFF;color:#05264E;font-family:"Public Sans", Sans-serif;font-size:17px;font-weight:400;line-height:1.65em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#2F5BF0;font-family:"Public Sans", Sans-serif;font-size:15px;font-weight:600;letter-spacing:0.1px;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:16px 30px 16px 30px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#05264E;color:#FFFFFF;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#2F5BF0;}.elementor-kit-5 a:hover{color:#05264E;}.elementor-kit-5 h1{color:#05264E;font-family:"Plus Jakarta Sans", Sans-serif;font-size:58px;font-weight:800;line-height:1.08em;letter-spacing:-1.2px;}.elementor-kit-5 h2{color:#05264E;font-family:"Plus Jakarta Sans", Sans-serif;font-size:40px;font-weight:700;line-height:1.15em;letter-spacing:-0.8px;}.elementor-kit-5 h3{color:#05264E;font-family:"Plus Jakarta Sans", Sans-serif;font-size:22px;font-weight:700;line-height:1.3em;}.elementor-kit-5 h4{color:#05264E;font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:700;line-height:1.35em;}.elementor-kit-5 h5{color:#05264E;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:600;}.elementor-kit-5 h6{color:#64769B;font-family:"Public Sans", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.1px;}.elementor-kit-5 img{border-radius:16px 16px 16px 16px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Public Sans", Sans-serif;font-size:15px;color:#05264E;background-color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.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-kit-5{font-size:16px;}.elementor-kit-5 h1{font-size:44px;}.elementor-kit-5 h2{font-size:34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:16px;}.elementor-kit-5 h1{font-size:34px;}.elementor-kit-5 h2{font-size:28px;}.elementor-kit-5 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================================
   Abdullah Bangash - global helper styles (Gulf Ledger design system)
   Edit here: Elementor > Site Settings > Custom CSS.
   Apply a class to any element via its Advanced > CSS Classes field.
   ========================================================================= */

:root{
  --ab-ink:#05264E;      /* headings + body text */
  --ab-accent:#2F5BF0;   /* single signal colour */
  --ab-soft:#E8EEFF;     /* icon wells, quiet panels */
  --ab-muted:#64769B;    /* supporting copy */
  --ab-line:#E0E7F7;     /* every hairline */
  --ab-bg:#F5F8FF;       /* cool page ground */
}

html{scroll-behavior:smooth}

/* .ab-card - hairline card. No resting shadow; lifts 3px on hover and the
   hairline turns cobalt. Used for service, pricing and portfolio cards. */
.ab-card{
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  will-change:transform;
}
.ab-card:hover{
  transform:translateY(-3px);
  border-color:var(--ab-accent) !important;
  box-shadow:0 18px 40px -18px rgba(5,38,78,.28);
}

/* .ab-card-dark - same behaviour on the navy panels. */
.ab-card-dark{transition:transform .28s ease, border-color .28s ease}
.ab-card-dark:hover{transform:translateY(-3px); border-color:var(--ab-accent) !important}

/* .ab-num - large cobalt ordinal used by numbered service lists. */
.ab-num .elementor-heading-title{
  font-variant-numeric:tabular-nums;
  color:var(--ab-accent);
}

/* .ab-tag - pill label for technology / service tags. */
.ab-tag .elementor-heading-title{
  display:inline-block;background:var(--ab-soft);color:var(--ab-accent);
  padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;
}

/* .ab-arrow - text link that nudges its arrow right on hover. */
.ab-arrow a,.ab-arrow .elementor-button{transition:gap .22s ease}
.ab-arrow:hover .elementor-button-icon{transform:translateX(4px)}
.ab-arrow .elementor-button-icon{transition:transform .22s ease}

/* .ab-menu - main navigation: cobalt hairline grows under the active/hovered
   item instead of a colour-only change. */
.ab-menu .elementor-item:after{background-color:var(--ab-accent) !important;height:2px !important}
.ab-menu .elementor-nav-menu--dropdown{
  border:1px solid var(--ab-line);border-radius:16px;overflow:hidden;
  box-shadow:0 24px 50px -24px rgba(5,38,78,.30);
}

/* .ab-form - contact form: cobalt focus ring, comfortable field height. */
.ab-form .elementor-field-group .elementor-field{padding:14px 16px;height:auto}
.ab-form .elementor-field:focus{outline:none;box-shadow:0 0 0 3px rgba(47,91,240,.18)}
.ab-form .elementor-field-label{font-weight:600;color:var(--ab-ink)}

/* Selection colour picks up the accent rather than the browser default. */
::selection{background:var(--ab-accent);color:#fff}

/* Respect the visitor's reduced-motion preference: all reveals and lifts
   collapse to static. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ab-card,.ab-card-dark,.ab-arrow .elementor-button-icon{transition:none}
  .ab-card:hover,.ab-card-dark:hover{transform:none}
}/* End custom CSS */