/*
Theme Name: arc_esm
Template: hello-elementor
Version: 1.0
*/

.skip-link.screen-reader-text {
    display: none !important;
}

/* =========================
   FONT IMPORTS
   ========================= */

/* --------Helvetica------------*/
@font-face {
  font-family: "Helvetica";
  src: url("assets/fonts/Helvetica/Helvetica-now.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

/* -------Helvetica Light------*/
@font-face {
  font-family: "Helvetica Light";
  src: url("assets/fonts/Helvetica/helvetica-light.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

/* -----Helvetica Bold------*/
@font-face {
  font-family: "Helvetica Bold";
  src: url("assets/fonts/Helvetica/Helvetica-Bold.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

/* -----Helvetica Rounded Bold------*/
@font-face {
  font-family: "Helvetica Rounded Bold";
  src: url("assets/fonts/Helvetica/helvetica-rounded-bold.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}

/* ─────────────────────────────────────────────
   1. CSS CUSTOM PROPERTIES (Brand Design Tokens)
   ───────────────────────────────────────────── */
:root {

  /* --- PRIMARY BRAND COLORS --- */
  --arc-navy:          #1E2957;   /* Deep navy — dominant background/hero */
  --arc-navy-dark:     #0F1E4B;   /* Darker navy variant */
  --arc-navy-mid:      #1E2850;   /* Mid navy — section backgrounds */
  --arc-navy-light:    #1E2D5A;   /* Lighter navy — cards, panels */

  /* --- ACCENT / CTA COLORS --- */
  --arc-blue:          #0F69B4;   /* Primary CTA blue — buttons, links */
  --arc-blue-dark:     #005AA5;   /* Hover state for CTA blue */
  --arc-blue-mid:      #0069B4;   /* Alt blue — borders, highlights */

  /* --- NEUTRAL / TEXT COLORS --- */
  --arc-black:         #141414;   /* Near-black — navbar, dark sections */
  --arc-dark:          #272727;   /* Dark grey — body text on light bg */
  --arc-grey-dark:     #414141;   /* Secondary text */
  --arc-grey-mid:      #555555;   /* Muted / placeholder text */
  --arc-grey-neutral:  #E9EAEE;   /* Caption background*/
  --arc-grey-type1:    #717171;   /* Grey color variance I*/
  --arc-grey-light:    #FFFFFFA6; /* Borders, dividers */
  --arc-silver:        #FFFFFFCC; /* Light section backgrounds */
  --arc-near-white:    #E9EAEE;   /* Grey White - Nav Bar Button*/
  --arc-white:         #FFFFFF;   /* Pure white — text on dark bg */
  --arc-off-white:     #F5F5F7;   /* Page background / light sections */

  /* --- UI UTILITY COLORS --- */
  --arc-overlay:       rgba(30, 30, 75, 0.75);  /* Hero overlays */
  --arc-overlay-dark:  rgba(15, 30, 75, 0.88);  /* Dark overlays */
  --arc-shadow:        rgba(15, 30, 75, 0.18);  /* Box shadows */

  /* --- TYPOGRAPHY --- */
  --font-heading:      'Helvetica Rounded Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body:         'Helvetica', 'Helvetica Neue', Arial, sans-serif;
  /* --font-body-bold:    'Helvetica Bold', Helvetica, Arial, sans-serif; */

  /* --- FONT SIZES (fluid scale) --- */
  --text-xs:    0.75rem;    /* 12px */
  --text-sm:    0.875rem;   /* 14px */
  --text-base:  1rem;       /* 16px */
  --text-md:    1.125rem;   /* 18px */
  --text-lg:    1.25rem;    /* 20px */
  --text-xl:    1.5rem;     /* 24px */
  --text-2xl:   2rem;       /* 32px */
  --text-3xl:   2.5rem;     /* 40px */
  --text-4xl:   3rem;       /* 48px */
  --text-5xl:   3.5rem;     /* 56px */

  /* --- FONT WEIGHTS --- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-bold:     700;

  /* --- LINE HEIGHTS --- */
  --leading-tight:   1.2;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.75;
  --leading-high:    4.5;

  /* --- LETTER SPACING --- */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0em;
  --tracking-wide:   0.05em;
  --tracking-wider:  0.1em;

  /* --- SPACING SCALE --- */
  --space-neg1: -9rem;    /* -144px */
  --space-neg2: -7rem;    /* -112px */
  --space-neg3: -5rem;    /* -80px */
  --space-neg4: -3rem;    /* -48px */
  --space-neg5: -1rem;    /* -16px */
  --space-1:   0.25rem;   /* 4px */
  --space-2:   0.5rem;    /* 8px */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */
  --space-16:  4rem;      /* 64px */
  --space-20:  5rem;      /* 80px */
  --space-24:  6rem;      /* 96px */
  --space-28:  7rem;      /* 112px */
  --space-32:  8rem;      /* 138px */
  --space-40: 10rem;      /* 160px */ 
  --space-44: 11rem;      /* 176px */
  --space-56: 14rem;      /* 224px */

  /* --- BORDER RADIUS --- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   20px;
  --radius-xxl:  24px;
  --radius-full: 9999px;

  /* --- TRANSITIONS --- */
  --transition-fast:   all 0.15s ease;
  --transition-base:   all 0.25s ease;
  --transition-slow:   all 0.4s ease;

  /* --- CONTAINER --- */
  --container-max:   1280px;
  --container-wide:  1440px;
  --container-narrow: 860px;
}


/* ─────────────────────────────────────────────
   3. GLOBAL RESETS & BASE
   ───────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  color: var(--arc-grey-type1);
  background-color: var(--arc-off-white);
}


/* ─────────────────────────────────────────────
   4. GLOBAL TYPOGRAPHY — HEADINGS
   ───────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.arc-h1, .arc-h2, .arc-h3, .arc-h4, .arc-h5, .arc-h6 {
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--arc-navy);
  margin-top: 0;
  margin-bottom: var(--space-4);
}

h1, .arc-h1 {
  font-size: var(--text-5xl);
  line-height: var(--leading-snug) !important;
  color: var(--arc-black);
}

h2, .arc-h2 {
  font-size: var(--text-4xl);
}

h3, .arc-h3 {
  font-size: var(--text-3xl);
}

h4, .arc-h4 {
  font-size: var(--text-2xl);
}

h5, .arc-h5 {
  font-size: var(--text-xl);
}

h6, .arc-h6 {
  font-size: var(--text-lg);
  letter-spacing: var(--tracking-normal);
}

/* Headings on dark backgrounds */
.arc-dark-section h1,
.arc-dark-section h2,
.arc-dark-section h3,
.arc-dark-section h4,
.arc-dark-section h5,
.arc-dark-section h6 {
  color: var(--arc-white);
}


/* ─────────────────────────────────────────────
   5. GLOBAL TYPOGRAPHY — BODY & UTILITY TEXT
   ───────────────────────────────────────────── */
p {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  color: var(--arc-grey-type1);
  margin-top: 0;
  margin-bottom: var(--space-4);
}

.arc-lead {
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
  color: var(--arc-grey-dark);
}

.arc-caption p{
  font-size: var(--text-base) !important;
  color: var(--arc-white) !important;
  letter-spacing: var(--tracking-normal);
}

.arc-overline {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--arc-blue);
}

.arc-label p{
  font-size: var(--text-base);
  font-weight: var(--weight-normal);
  letter-spacing: var(--tracking-normal);
  line-height: var(--leading-normal);
  text-transform: normal;
  color: var(--arc-silver);
}


/*---Mega-Menu Section---*/
.mega-menu h2{
  font-size: var(--text-2xl);
  color: var(--arc-black);
}

.mega-menu h5{
  font-family: var(--font-body) !important;
  font-size: var(--text-lg);
  font-weight: var(--weight-normal) !important;
  color: var(--arc-navy);
}

.mega-menu span{
  font-size: var(--text-base);
  color: var(--arc-grey-mid);
}

.mega-menu span:hover{
  color: var(--arc-blue);
}

/*---Hero Section---*/

.hero-caption p{
  color: var(--arc-grey-light);
  font-size: var(--text-lg)
}

.hero-header h1{
  color: var(--arc-white);
  font-size: var(--text-5xl);

}

.hero-text p{
  color: var(--arc-white);
  font-size: var(--text-md);
  line-height: var(--leading-normal);
}

/*---Transparent Hero Section---*/
.transparent-header h1{
  color: var(--arc-white)
}

.transparent-header p{
  color: var(--arc-white);
  font-size: var(--text-md);
}

/*---Other classes---*/

.counter .elementor-counter-number-wrapper span{
  font-family: var(--font-heading) !important;
  font-size: var(--text-5xl) !important;
  color: var(--arc-black) !important;
}

.counter .elementor-counter-title p{
  font-size: var(--text-lg) !important;
  color: var(--arc-grey-mid) !important;
  letter-spacing: -0.01em; 
}

.elementor-120 .elementor-element.elementor-element-d4ff320 .elementskit-infobox .box-body > p{
  color: var(--arc-grey-type1) !important;
}

.h1-text p{
  font-size: var(--text-md) !important;
}

.arc-neutral-section p{
  color: var(--arc-navy) !important;
}

.arc-light-section p{
  color: var(--arc-navy) !important;
}

.why-arcesm-ls h6{
    font-family: var(--font-body);
    font-weight: var(--weight-bold);
    font-size: var(--text-xl);
    color: var(--arc-dark);
    letter-spacing: var(--tracking-normal);
    line-height: var(--leading-snug);
}

/*---Values icon box---*/
.values-icon-box .ekit-wid-con .elementskit-infobox{
    background-color: var(--arc-navy);
    border-radius: var(--radius-lg) !important;
}

.values-icon-box .ekit-wid-con .elementskit-info-box-title {
    color: var(--arc-white) !important;
}

.values-icon-box .ekit-wid-con .elementskit-infobox .box-body p{
    color: var(--arc-white) !important;
}


/*---Footer Section---*/

.footer p{
  font-size: var(--text-md);
  color: var(--arc-white);
}

.footer span{
  font-size: var(--text-base);
  color: var(--arc-silver);
}

.footer span:hover{
  color: var(--arc-blue);
}

#hero-caption p{
  color: var(--arc-grey-light);
  font-size: var(--text-lg)
}

#footer-reference p{
  font-size: var(--text-sm);
  color: var(--arc-grey-light);
}

#footer-reference a{
  font-size: var(--text-sm);
  color: var(--arc-white);
}

#footer-reference a:hover{
  font-size: var(--text-sm);
  color: var(--arc-blue);
}

/* Text on dark backgrounds */
.arc-dark-section p,
.arc-dark-section .arc-lead {
  color: rgba(255, 255, 255, 0.80);
}

.arc-dark-section .arc-caption,
.arc-dark-section .arc-label {
  color: rgba(255, 255, 255, 0.55);
}


/* ─────────────────────────────────────────────
   6. LINKS
   ───────────────────────────────────────────── */
a {
  color: var(--arc-blue);
  text-decoration: none;
  transition: var(--transition-fast);
}

a:hover {
  color: var(--arc-blue-dark);
  text-decoration: underline;
}

.arc-dark-section a {
  color: rgba(255, 255, 255, 0.85);
}

.arc-dark-section a:hover {
  color: var(--arc-white);
}


/* ─────────────────────────────────────────────
   7. BUTTONS
   ───────────────────────────────────────────── */

/* Primary Button */
.arc-btn-primary
.elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--arc-navy)  !important;
  color: var(--arc-white) !important;
  font-family: var(--font-body);
  font-weight: var(--weight-bold);
  font-size: var(--text-base);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  padding: var(--space-5) var(--space-12);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: var(--transition-base);
  text-decoration: none !important;
}

.arc-btn-primary:hover
.elementor-button:hover {
  background-color: var(--arc-blue) !important;
  color: var(--arc-white) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px var(--arc-shadow);
}

/* Secondary Button (Outline) */
.arc-btn-secondary .elementor-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--arc-white) !important;
  color: var(--arc-navy) !important;
  font-family: var(--font-body);
  font-weight: var(--weight-bold);
  font-size: var(--text-base) !important;
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  padding: var(--space-5) var(--space-12);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  text-decoration: none !important;
}

.arc-btn-secondary:hover
.elementor-button:hover {
  background-color: var(--arc-blue) !important;
  color: var(--arc-white) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px var(--arc-shadow);
}

/* Ghost Button (for white backgrounds) */
.arc-btn-ghost .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--arc-near-white) !important;
  color: var(--arc-navy) !important;
  font-family: var(--font-body);
  font-weight: var(--weight-bold);
  font-size: var(--text-base);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  padding: var(--space-5) var(--space-12);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: var(--transition-base);
  text-decoration: none !important;
}

.arc-btn-ghost:hover .elementor-button:hover {
  background-color: var(--arc-blue) !important;
  border-color: none;
  color: var(--arc-white) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px var(--arc-shadow);
}

/* ─────────────────────────────────────────────
   8. SECTION BACKGROUNDS
   ───────────────────────────────────────────── */

/* Dark navy section — primary hero/feature bg */
.arc-dark-section,
.elementor-section.arc-dark-section {
  background-color: var(--arc-navy);
}

/* Darker navy variant */
.arc-darker-section,
.elementor-section.arc-darker-section {
  background-color: var(--arc-navy);
}

/* Mid-navy section */
.arc-mid-section,
.elementor-section.arc-mid-section {
  background-color: var(--arc-navy-mid);
}

/* Light / white section */
.arc-light-section,
.elementor-section.arc-light-section {
  background-color: var(--arc-white);
  font-size: var(--text-md);
}

/* Grey Neutral section */
.arc-grey-neutral-section,
.elementor-section.arc-grey-neutral-section {
  background-color: var(--arc-grey-neutral);
}

/* Grey nuetral section */
.arc-neutral-section,
.elementor-section.arc-neutral-section {
  background-color: var(--arc-grey-neutral);
  font-size: var(--text-md);
}

/* Black section (navbar style) */
.arc-black-section,
.elementor-section.arc-black-section {
  background-color: var(--arc-black);
}


/* ─────────────────────────────────────────────
   9. SECTION SPACING
   ───────────────────────────────────────────── */
.arc-section-lg {
  padding-top: var(--space-24);
  padding-bottom: var(--space-24);
}

.arc-section-md {
  padding-top: var(--space-16);
  padding-bottom: var(--space-16);
}

.arc-section-sm {
  padding-top: var(--space-10);
  padding-bottom: var(--space-10);
}

/*-----Hero Spacing-----*/
.arc-hero{
  margin-top: var(--space-neg1);
  padding: var(--space-56) var(--space-28) var(--space-40) var(--space-28);
}

@media (max-width:1024px){
  .arc-hero{
    margin-top: var(--space-neg1);
    padding: var(--space-44) 0px var(--space-20) 0px;
  }
}

@media (max-width:767px){
  .arc-hero{
    margin-top: var(--space-neg2);
    padding: var(--space-40) var(--space-6) var(--space-20) var(--space-6);
  }
}


/*-----Section Spacing-----*/
.arc-section{
  padding:var(--space-20) var(--space-32);
}

@media (max-width:1024px){
  .arc-section{
    padding:var(--space-20) var(--space-8);
  }
}

@media (max-width:767px){
  .arc-section{
    padding:var(--space-12) var(--space-6);
  }
}

/*-----Section Spacing-----*/

/*Grey Section*/
.arc-section-grey{
  background-color: var(--arc-grey-neutral);
  padding:var(--space-20) var(--space-32);
}

@media (max-width:1024px){
  .arc-section-grey{
    background-color: var(--arc-grey-neutral);
    padding:var(--space-20) var(--space-8);
  }
}

@media (max-width:767px){
  .arc-section-grey{
    background-color: var(--arc-grey-neutral);
    padding:var(--space-12) var(--space-6);
  }
}

/*Light Section*/
.arc-light-section{
  background-color: var(--arc-white);
  padding:var(--space-20) var(--space-32);
}

@media (max-width:1024px){
  .arc-light-section{
    color: var(--arc-white);
    padding:var(--space-20) var(--space-8);
  }
}

@media (max-width:767px){
  .arc-light-section{
    color: var(--arc-white);
    padding:var(--space-12) var(--space-6);
  }
}


/*-----Footer Spacing-----*/
.footer-section{
  padding:var(--space-24) var(--space-28) var(--space-12) var(--space-28);
}

@media (max-width:1024px){
  .footer-section{
    padding:var(--space-5) var(--space-10) var(--space-12) var(--space-10);
  }
}

@media (max-width:767px){
  .footer-section{
    padding:var(--space-12) var(--space-6);
  }
}

/* ─────────────────────────────────────────────
   10. DIVIDERS & BORDERS
   ───────────────────────────────────────────── */
.arc-divider {
  border: none;
  border-top: 1px solid var(--arc-grey-light);
  margin: var(--space-8) 0;
}

.arc-divider-navy {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin: var(--space-8) 0;
}

.arc-divider-accent {
  border: none;
  border-top: 3px solid var(--arc-blue);
  width: 60px;
  margin: var(--space-4) 0 var(--space-6);
}


/* ─────────────────────────────────────────────
   11. RESPONSIVE TYPOGRAPHY
   ───────────────────────────────────────────── */
@media (max-width: 1024px) {
  h1, .arc-h1 { 
    font-size: var(--text-4xl);
    line-height: var(--leading-normal); 
  }
  h2, .arc-h2 { font-size: var(--text-3xl); }
  h3, .arc-h3 { font-size: var(--text-2xl); }

  .arc-btn-primary
  .elementor-button {
  background-color: var(--arc-navy)  !important;
  color: var(--arc-white) !important;
  font-family: var(--font-body);
  font-weight: var(--weight-bold);
  font-size: var(--text-base);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  padding: var(--space-5) var(--space-16);
  border-radius: var(--radius-sm);
  transition: var(--transition-base);
  text-decoration: none !important;
}

  .arc-btn-secondary,
  .elementor-button{
    background-color: var(--arc-white);
    color: var(--arc-navy) !important;
    font-family: var(--font-heading);
    font-weight: var(--weight-bold);
    font-size: var(--text-base) !important;
    letter-spacing: var(--tracking-wide);
    text-transform: capitalize;
    border-radius: var(--radius-sm);
    transition: var(--transition-base);
    text-decoration: none !important;
  }

  .arc-btn-secondary:hover,
  .elementor-button.arc-btn-secondary:hover {
    background-color: var(--arc-black) !important;
    color: var(--arc-white) !important;
    border: none;
  }
}

@media (max-width: 768px) {
  h1, .arc-h1 { 
    font-size: var(--text-2xl);
    line-height: var(--leading-snug); 
  }
  h2, .arc-h2 { font-size: var(--text-2xl); }
  h3, .arc-h3 { font-size: var(--text-xl); }
  h4, .arc-h4 { font-size: var(--text-lg); }

  .arc-section-lg {
    padding-top: var(--space-16);
    padding-bottom: var(--space-16);
  }
  .arc-section-md {
    padding-top: var(--space-10);
    padding-bottom: var(--space-10);
  }

  .arc-btn-primary
  .elementor-button {
  background-color: var(--arc-navy)  !important;
  color: var(--arc-white) !important;
  font-family: var(--font-body);
  font-weight: var(--weight-bold);
  font-size: var(--text-base);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  padding: var(--space-5) var(--space-12);
  border-radius: var(--radius-sm);
  transition: var(--transition-base);
  text-decoration: none !important;
  }

  .arc-btn-secondary
  .elementor-button{
    background-color: var(--arc-white);
    color: var(--arc-navy) !important;
    font-family: var(--font-heading);
    font-weight: var(--weight-bold);
    font-size: var(--text-base) !important;
    letter-spacing: var(--tracking-normal);
    text-transform: capitalize;
    border-radius: var(--radius-sm);
    transition: var(--transition-base);
    text-decoration: none !important;
  }

  .arc-btn-secondary:hover
  .elementor-button.arc-btn-secondary:hover {
    background-color: var(--arc-blue) !important;
    color: var(--arc-white) !important;
    border: none;
  }

}

@media (max-width: 480px) {
  h1, .arc-h1 { font-size: var(--text-2xl); }
  h2, .arc-h2 { font-size: var(--text-xl); }
  h3, .arc-h3 { font-size: var(--text-lg); }

  .arc-btn-primary
  .elementor-button {
  background-color: var(--arc-navy)  !important;
  color: var(--arc-white) !important;
  font-family: var(--font-body);
  font-weight: var(--weight-bold);
  font-size: var(--text-base);
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  padding: var(--space-5) var(--space-12);
  border-radius: var(--radius-sm);
  transition: var(--transition-base);
  text-decoration: none !important;
  }

  .arc-btn-secondary
  .elementor-button{
    background-color: var(--arc-white);
    color: var(--arc-navy) !important;
    font-family: var(--font-heading);
    font-weight: var(--weight-bold);
    font-size: var(--text-base) !important;
    letter-spacing: var(--tracking-normal);
    text-transform: capitalize;
    border-radius: var(--radius-sm);
    transition: var(--transition-base);
    text-decoration: none !important;
  }

  .arc-btn-secondary:hover
  .elementor-button.arc-btn-secondary:hover {
    background-color: var(--arc-blue) !important;
    color: var(--arc-white) !important;
    border: none;
  }
}


/* ─────────────────────────────────────────────
   12. ELEMENTOR GLOBAL OVERRIDES
   ───────────────────────────────────────────── */

/* Ensure Elementor headings inherit brand fonts */
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
}

/* Elementor text editor paragraphs */
.elementor-widget-text-editor p {
  font-family: var(--font-body);
  line-height: var(--leading-normal);
}

/* Elementor button global */
.elementor-button {
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-size: var(--text-base) !important;
  color: var(--arc-navy-mid) !important;
  letter-spacing: var(--tracking-normal);
  text-transform: capitalize;
  transition: var(--transition-base);
}


/* Remove default Elementor link underline */
.elementor a {
  text-decoration: none;
}