html {
    scroll-behavior: smooth;
  }
  
  *,
  *::after,
  *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  @media all {
    a, a:visited {
      text-decoration: none;
      color: #222C3C;
    }
  }

  :root {
    --primary-color: #05b084;
    --primary-hover-color: #05b085d9;
    --secondary-color: #f1b472;
    --secondary-hover-color: #ee8c2b9a;
    --success-color: #003936;
    --success-hover-color: #003936ed;
    --danger-color: #f1b472;
    --danger-hover-color: #f1b472e2;
    --light-color: #:f6deca;
    --grey-color: #b7e0cb;
    --white: #fff;
  }
  
  a.bg-primary:hover {
    background-color: var(--primary-color) !important;
  }
  
  .bg-warm-gray {
    background-color: #cbc4bc;
  }
  
  .navbar-nav .nav-link {
    color: white;
  }
  
  body {
    margin: 0;
    padding: 0;
    font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
    box-sizing: border-box;
    line-height: 1.38;
    color: #222C3C!important;
  }

h1 {
    font-size: clamp(2em, 5vw, 3em); /* minimum 2em, preferred 5vw, maximum 3em */
    font-family: "neuzeit-grotesk", sans-serif;
    font-weight: 300;
    font-style: normal;
    vertical-align: middle; 
    letter-spacing: 0.0em; 
}
  
  h1.upper {
    letter-spacing: 0.122em;
    text-transform: uppercase;
  }
  
  h2 {
    font-size: clamp( 1.5em, 4vw, 2.25em);
    font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
    vertical-align: middle;
    letter-spacing: 0.0em;
  }
  
  h2.upper {
    letter-spacing: 0.122em;
    text-transform: uppercase;
  }
  
  .about-start h3 {
    font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
  }
  
  @media (max-width: 500px) {
    .about-start img {
      max-width: 20px !important;
    }
  
    .home-about.tab img {
      max-width: 20px !important;
    }
  }
  
  h3,.h3 {
    font-size: clamp(1em, 3vw, 1.6em)!important;
    font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
    vertical-align: middle;
    letter-spacing: 0.0em;  
  }
  
  h3.upper {
    font-size: clamp(1em, 3vw, 1.6em);
    font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
    vertical-align: middle;
    letter-spacing: 0.122em;
    text-transform: uppercase;
    
  }
  
  .vacancy-details .accordion-title,
  h4.upper {
    font-size: clamp(1em, 2.5vw, 1.5em);
    font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
    font-weight: 500;
    letter-spacing: 0.0em;
    text-transform: uppercase;
    
  }
  
  .vacancy-details .accordion-title,
  h4 {
    font-size: clamp(1em, 2.5vw, 1.5em);
    font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial!important;
    font-weight: 500;
    letter-spacing: 0.0em;
  }
  
  .accordion-title {
    text-transform:unset!important;
  }
  
  .vacancy-details .accordion-title {
    font-size: clamp(1em, 2.5vw, 1.5em);
    font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
    font-weight: 500;
  }
  
  h5 {
    font-size: clamp(1em, 2.5vw, 1.5em);
    font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
    letter-spacing: 0.0em;  
  }
  
  h5.upper {
    font-size: clamp(1em, 2.5vw, 1.5em);
    font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
    letter-spacing: 0.122em;
    text-transform: uppercase;
    
  }
  
  h6 {
    font-size: clamp(1em, 2.5vw, 1.5em);
   font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
    letter-spacing: 0.0em;
  }
  
  h6.opper {
    font-size: clamp(1em, 2.5vw, 1.5em);
   font-family: 'neuzeit-grotesk', "Helvetica Neue", Arial;
    letter-spacing: 0.122em;
    text-transform: uppercase;
  }
  
  p.upper {
    text-transform: uppercase;
  }
  
  h4.fw-600 {
    font-weight: 600 !important;
  }
  
  .w-100 {
    width: 100%;
  }
  
  .rounded-20 {
    border-radius: 20px;
  }
  
  
  .justify-content-stretch {
    justify-content: stretch;
  }
  
  .nav-item a {
    font-size: unset;
  }
  
  .list-group-flush > .list-group-item,
  .nav-tabs .nav-link,
  .form-control {
    font-size: clamp(
      0.5em,
      2.5vw,
      1em
    ); /* minimum 1em, preferred 2.5vw, maximum 1.5em */
  }
  
  .form-control, .modules-lists li,
  p {
    font-size: clamp(
      0.5em,
      2.5vw,
      1.25em
    ); /* minimum 1em, preferred 2.5vw, maximum 1.5em */
       letter-spacing:0.85px;
  }

a {
    letter-spacing: 0.85px !important;
}
  

  .btn, button {
    font-family: "neuzeit-grotesk", Sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 2px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #C9F02200;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #3EBABA;
    border-radius: 0.75rem;
    padding: 15px 35px 15px 35px;
    transition: all ease-in-out 0.3s;
  }

  .btn:hover, button.btn:hover {
    color: #222C3C;
    background-color: #3EBABA;
  }

  .main-nav a:not(.brand), .main-nav a:visited:not(.brand) {
    text-decoration: none;
    color: #fff;
  }

  .main-nav a:hover:not(.brand), .main-nav a:visited:hover:not(.brand) {
    text-decoration:underline  #3EBABA;
  }

  .main-nav button:hover {
    background-color: #3EBABA;
  }

.cursorhand {
    cursor: pointer;
}

.drawopener {
    z-index: 1000 !important;
}