@charset 'utf-8';

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700,800');

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

:root {
  --container-width: 1440px;
  --container-gap: 1rem;
  --container-padding-left: 1rem;
  --container-padding-right: 1rem;
  --container-margin-left: auto;
  --container-margin-right: auto;
  --primary-color: #0066AD;
  --secondary-color: #C4262D;
  --font-family: "Arial", sans-serif;
  
    /* Font sizes for headings */
  --h1-font-size: 62px;
  --h1-line-height: 62px;
  --h2-font-size: calc(var(--h1-font-size) * 0.8); /* 20% smaller */
  --h2-line-height: calc(var(--h1-line-height) * 0.9);
  --h3-font-size: calc(var(--h2-font-size) * 0.8);
  --h3-line-height: calc(var(--h2-line-height) * 0.8);
  --h4-font-size: calc(var(--h3-font-size) * 0.8);
  --h4-line-height: calc(var(--h3-line-height) * 0.8);
  --h5-font-size: calc(var(--h4-font-size) * 0.8);
  --h5-line-height: calc(var(--h4-line-height) * 0.8);
  --h6-font-size: calc(var(--h5-font-size) * 0.8);
  --h6-line-height: calc(var(--h5-line-height) * 0.8);
  
    /* Font for body text */
  --body-font-size: 18px;
  --body-line-height: 1.5;

    /* Button colors */
  --button-color-yellow: #01BEA0;
  --button-color-purple: #340060;
  --button-color-white: #ffffff;
  }
  
  body {
    font-family: var(--font-family);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--primary-color);
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family);
    color: var(--primary-color);
    letter-spacing: 0px;
    font-weight: bold;
    margin-bottom: 1.5rem;
  }
  
  h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
  }
  
  h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
  }
  
  h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
  }
  
  h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
  }
  
  h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
  }
  
  h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
  }

  p,ul,ol,li,a,span,blockquote,.btn {
    font-family: var(--font-family);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: black;
  }
  p {
    margin: 0.5rem 0 1.5rem 0;
  }

  .highlight-text {
    font-size: var(--h5-font-size);
    color: var(--secondary-color);
    font-weight: 600;
  }
  .text_style_1 {
    font-size: 22px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 0;
  }
  .text_style_2 {
    font-size: 40px;
    color: var(--primary-color);
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 0;
  }
  .text_style_3 {
    font-size: 22px;
    color: var(--primary-color);
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 0;
  }

  .standard-btn,
  .btn {
    padding: 0.75rem 2rem;
    border-radius: 20px;
    color: white;
    font-weight: bold;
    display: inline-block;
  }
  .btn.primary,
  .btn.btn-primary {
    background-color: var(--primary-color);
  }
  .btn.secondary,
  .btn.btn-secondary {
    background-color: var(--secondary-color);
  }

  .standard-btn {background-color: var(--primary-color);text-decoration: none !important;!i;!;}
  .standard-btn[data-color="lblue"] { background-color: var(--button-color-yellow); color: white; }
  .standard-btn[data-color="yellow"] { background-color: var(--button-color-yellow); color: white; }
  .standard-btn[data-color="purple"] { background-color: var(--button-color-purple); color: white; }
  .standard-btn[data-color="white"] { background-color: var(--button-color-white); color: var(--primary-color); border-color: #eee; }
  .standard-btn[data-size="small"]{ padding: 0.5rem 1rem; font-size: 15px; }

  .btn:hover { color: white; opacity: 0.8; }

  .formio-form label {
      color: var(--primary-color);
      font-weight: 600;
  }
  .form-control,
  .formio-form .form-control {
      box-shadow: none;
      border: 1px solid #F9F9F9;
      border-radius: 10px;
      padding: 0.75rem 1rem;
      height: auto;
  }

  .mobile-menu-toggle{ display: none; }