*, ::before, ::after {
          --tw-border-spacing-x: 0;
          --tw-border-spacing-y: 0;
          --tw-translate-x: 0;
          --tw-translate-y: 0;
          --tw-rotate: 0;
          --tw-skew-x: 0;
          --tw-skew-y: 0;
          --tw-scale-x: 1;
          --tw-scale-y: 1;
          --tw-pan-x:  ;
          --tw-pan-y:  ;
          --tw-pinch-zoom:  ;
          --tw-scroll-snap-strictness: proximity;
          --tw-gradient-from-position:  ;
          --tw-gradient-via-position:  ;
          --tw-gradient-to-position:  ;
          --tw-ordinal:  ;
          --tw-slashed-zero:  ;
          --tw-numeric-figure:  ;
          --tw-numeric-spacing:  ;
          --tw-numeric-fraction:  ;
          --tw-ring-inset:  ;
          --tw-ring-offset-width: 0px;
          --tw-ring-offset-color: #fff;
          --tw-ring-color: rgba(59, 130, 246, 0.5);
          --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
          --tw-ring-shadow: 0 0 rgba(0,0,0,0);
          --tw-shadow: 0 0 rgba(0,0,0,0);
          --tw-shadow-colored: 0 0 rgba(0,0,0,0);
          --tw-blur:  ;
          --tw-brightness:  ;
          --tw-contrast:  ;
          --tw-grayscale:  ;
          --tw-hue-rotate:  ;
          --tw-invert:  ;
          --tw-saturate:  ;
          --tw-sepia:  ;
          --tw-drop-shadow:  ;
          --tw-backdrop-blur:  ;
          --tw-backdrop-brightness:  ;
          --tw-backdrop-contrast:  ;
          --tw-backdrop-grayscale:  ;
          --tw-backdrop-hue-rotate:  ;
          --tw-backdrop-invert:  ;
          --tw-backdrop-opacity:  ;
          --tw-backdrop-saturate:  ;
          --tw-backdrop-sepia:  ;
          --tw-contain-size:  ;
          --tw-contain-layout:  ;
          --tw-contain-paint:  ;
          --tw-contain-style:  ;


}
::backdrop {
          --tw-border-spacing-x: 0;
          --tw-border-spacing-y: 0;
          --tw-translate-x: 0;
          --tw-translate-y: 0;
          --tw-rotate: 0;
          --tw-skew-x: 0;
          --tw-skew-y: 0;
          --tw-scale-x: 1;
          --tw-scale-y: 1;
          --tw-pan-x:  ;
          --tw-pan-y:  ;
          --tw-pinch-zoom:  ;
          --tw-scroll-snap-strictness: proximity;
          --tw-gradient-from-position:  ;
          --tw-gradient-via-position:  ;
          --tw-gradient-to-position:  ;
          --tw-ordinal:  ;
          --tw-slashed-zero:  ;
          --tw-numeric-figure:  ;
          --tw-numeric-spacing:  ;
          --tw-numeric-fraction:  ;
          --tw-ring-inset:  ;
          --tw-ring-offset-width: 0px;
          --tw-ring-offset-color: #fff;
          --tw-ring-color: rgba(59, 130, 246, 0.5);
          --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
          --tw-ring-shadow: 0 0 rgba(0,0,0,0);
          --tw-shadow: 0 0 rgba(0,0,0,0);
          --tw-shadow-colored: 0 0 rgba(0,0,0,0);
          --tw-blur:  ;
          --tw-brightness:  ;
          --tw-contrast:  ;
          --tw-grayscale:  ;
          --tw-hue-rotate:  ;
          --tw-invert:  ;
          --tw-saturate:  ;
          --tw-sepia:  ;
          --tw-drop-shadow:  ;
          --tw-backdrop-blur:  ;
          --tw-backdrop-brightness:  ;
          --tw-backdrop-contrast:  ;
          --tw-backdrop-grayscale:  ;
          --tw-backdrop-hue-rotate:  ;
          --tw-backdrop-invert:  ;
          --tw-backdrop-opacity:  ;
          --tw-backdrop-saturate:  ;
          --tw-backdrop-sepia:  ;
          --tw-contain-size:  ;
          --tw-contain-layout:  ;
          --tw-contain-paint:  ;
          --tw-contain-style:  ;


}
:root {
          --color-transparent: transparent;
          --color-current: currentColor;
          --color-white: #FFFFFF;
          --color-black: #000000;
          --color-basic-100: #F3F3F3;
          --color-basic-200: #E5E5E2;
          --color-basic-300: #CDCDCD;
          --color-basic-350: #AFAFAF;
          --color-basic-400: #999999;
          --color-basic-500: #747373;
          --color-basic-600: #666666;
          --color-basic-700: #4D4D4F;
          --color-basic-800: #333333;
          --color-basic-900: #243747;
          --color-primary: #243747;
          --color-blue-light: #01B5C0;
          --color-blue-hover: rgba(3,127,134,1);
          --color-blue-dark: #09115E;
          --color-blue-link: #038EA9;
          --color-blue-linkd: #4DDEE7;


}
:root --color-gray {
          50: #f9fafb;
          100: #f3f4f6;
          200: #e5e7eb;
          300: #d1d5db;
          400: #9ca3af;
          500: #6b7280;
          600: #4b5563;
          700: #374151;
          800: #1f2937;
          900: #111827;
          950: #030712;


}
:root --color-violet {
          50: #f5f3ff;
          100: #ede9fe;
          200: #ddd6fe;
          300: #c4b5fd;
          400: #a78bfa;
          500: #8b5cf6;
          600: #7c3aed;
          700: #6d28d9;
          800: #5b21b6;
          900: #4c1d95;
          950: #2e1065;


}
:root --color-pink {
          50: #fdf2f8;
          100: #fce7f3;
          200: #fbcfe8;
          300: #f9a8d4;
          400: #f472b6;
          500: #ec4899;
          600: #db2777;
          700: #be185d;
          800: #9d174d;
          900: #831843;
          950: #500724;


}
:root {
          --container-max-width: 1200px;
          --gap: 24px;
          --vh: 1vh;


}
@media (min-width: 576px) {
          :root {
                    --gap: 24px !important;
                    --padding-px: 24px !important;


          }


}
@media (min-width: 768px) {
          :root {
                    --padding-px: 24px !important;


          }
          :root {
                    --gap: 1.5rem;


          }


}
@media (min-width: 1024px) {
          :root {
                    --gap: 2rem;


          }


}
@media (min-width: 0px) {
          :root {
                    --padding-px: 12px;


          }


}
@media (min-width: 375px) {
          :root {
                    --padding-px: 18px;


          }


}
@media (min-width: 576px) {
          :root {
                    --padding-px: 32px;


          }


}
@media (min-width: 768px) {
          :root {
                    --padding-px: 46px;


          }


}
@media (min-width: 912px) {
          :root {
                    --padding-px: 50px;


          }


}
@media (min-width: 1024px) {
          :root {
                    --padding-px: 70px;


          }


}
@media (min-width: 1280px) {
          :root {
                    --padding-px: 70px;


          }


}
@media (min-width: 1536px) {
          :root {
                    --padding-px: 70px;


          }


}
body {
          display: flex;
          min-height: 100vh;
          flex-direction: column;
          justify-content: space-between;


}
.donate .tabs .tabContent .tabContent-item body {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;


        }
.donate .tabs .tabContent .tabContent-item body .text ul {
              list-style-type: none;
              margin: 0;
              padding: 0;
            }
.donate .tabs .tabContent .tabContent-item body .text ul li {
                margin-bottom: 20px;
              }
.donate .tabs .tabContent .tabContent-item body .text ul li span {
                  display: block;
                }
.donate .tabs .tabContent .tabContent-item body .trr img {
              box-shadow: 0 1px 21px rgba(0, 0, 0, 0.35);
            }
@media only screen and (max-width: 768px) {

      .donate .donate-wrapper .tabs .tabContent .tabContent-item body {
        flex-direction: column;

      }


}
@media only screen and (max-width: 650px) {

    .link-background .links body.gap-4 {
      flex-direction: column;
      width: 100%;
    }

      .link-background .links body.gap-4 .ctaButton {
        justify-content: flex-start;
      }




}
@media only screen and (max-width: 500px) {
      .top-text body{
        flex-direction: column;
    }

        .top-text body .ctaButton {
          justify-content: flex-start;
        }
}
.donate_section .tabs .tabContent .tabContent-item body {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
  
  
          }
.donate_section .tabs .tabContent .tabContent-item body .text ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
              }
.donate_section .tabs .tabContent .tabContent-item body .text ul li {
                  margin-bottom: 20px;
                }
.donate_section .tabs .tabContent .tabContent-item body .text ul li span {
                    display: block;
                  }
.donate_section .tabs .tabContent .tabContent-item body .trr img {
                box-shadow: 0 1px 21px rgba(0, 0, 0, 0.35);
              }
@media (hover: hover) {
a {
        color: currentColor;
}
    }
input {
          border-style: none;
          background-color: transparent;
          outline: 2px solid transparent;
          outline-offset: 2px;


}
/* @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap');
 */
/*
  ko dodajas google fonte mors dodat tako latin kot lating-ext sicer se font ne rendra pravilno
  latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../demokrati/fonts/fira-sans-regular-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../demokrati/fonts/fira-sans-regular-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../../demokrati/fonts/fira-sans-bold-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../../demokrati/fonts/fira-sans-bold-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
@font-face {
    font-family: 'unifrog_ico';
    src:  url('../../../demokrati/fonts/unifrog_ico.eot?omfme3');
    src:  url('../../../demokrati/fonts/unifrog_ico.eot?omfme3#iefix') format('embedded-opentype'),
    url('../../../demokrati/fonts/unifrog_ico.ttf?omfme3') format('truetype'),
    url('../../demokrati/fonts/unifrog_ico.woff?omfme3') format('woff'),
    url('../../demokrati/fonts/unifrog_ico.svg?omfme3#unifrog_ico') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'gabrielastencil-regularit';
    src: url('../../demokrati/fonts/gabrielastencil-regularit-webfont.woff2') format('woff2'),
    url('../../demokrati/fonts/gabrielastencil-regularit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gabrielastencil-regular';
    src: url('../../demokrati/fonts/gabrielastencil-regular-webfont.woff2') format('woff2'),
    url('../../demokrati/fonts/gabrielastencil-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'unifrog_ico' !important;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-arrow_external:before {
    content: "\e991";
}
.icon-arrow_dashed_L:before {
    content: "\e992";
}
.icon-arrow_dashed_R:before {
    content: "\e993";
}
.icon-arrow_long_L:before {
    content: "\e994";
}
.icon-arrow_long_R:before {
    content: "\e995";
}
.icon-date_time:before {
    content: "\e975";
}
.icon-list:before {
    content: "\e976";
}
.icon-lock_off:before {
    content: "\e977";
}
.icon-lock_on:before {
    content: "\e978";
}
.icon-tasks:before {
    content: "\e979";
}
.icon-ext_link_L:before {
    content: "\e97a";
}
.icon-ext_links_S:before {
    content: "\e97b";
}
.icon-user_home:before {
    content: "\e97c";
}
.icon-edit_profile:before {
    content: "\e97d";
}
.icon-mailbox:before {
    content: "\e97e";
}
.icon-subscription:before {
    content: "\e97f";
}
.icon-purchase_history:before {
    content: "\e980";
}
.icon-influencer:before {
    content: "\e981";
}
.icon-world:before {
    content: "\e982";
}
.icon-cookie:before {
    content: "\e983";
}
.icon-ship:before {
    content: "\e984";
}
.icon-plane:before {
    content: "\e985";
}
.icon-car:before {
    content: "\e986";
}
.icon-taxi:before {
    content: "\e987";
}
.icon-bicycle:before {
    content: "\e988";
}
.icon--double_chevrol_D:before {
    content: "\e989";
}
.icon-double_chevrol_U:before {
    content: "\e98a";
}
.icon-double_chevrol_R:before {
    content: "\e98b";
}
.icon-double_chevrol_L:before {
    content: "\e98c";
}
.icon-tablet:before {
    content: "\e98d";
}
.icon-smartphone:before {
    content: "\e98e";
}
.icon-invoice:before {
    content: "\e98f";
}
.icon-reactivate:before {
    content: "\e990";
}
.icon-apple_orig:before {
    content: "\e96b";
}
.icon-google_orig:before {
    content: "\e974";
}
.icon-vi_orig:before {
    content: "\e96c";
}
.icon-orig_x:before {
    content: "\e96d";
}
.icon-tt_orig:before {
    content: "\e96e";
}
.icon-in_orig:before {
    content: "\e96f";
}
.icon-ig_orig:before {
    content: "\e970";
}
.icon-yt_orig:before {
    content: "\e971";
}
.icon-fb_round_orig:before {
    content: "\e972";
}
.icon-fb_orig:before {
    content: "\e973";
}
.icon-equals:before {
    content: "\e96a";
}
.icon-humanfrog:before {
    content: "\e902";
}
.icon-slide_D:before {
    content: "\e964";
}
.icon-slide_U:before {
    content: "\e965";
}
.icon-sort_D:before {
    content: "\e966";
}
.icon-sort_U:before {
    content: "\e967";
}
.icon-plus:before {
    content: "\e968";
}
.icon-minus:before {
    content: "\e969";
}
.icon-2D_height:before {
    content: "\e900";
}
.icon-2D_surface:before {
    content: "\e901";
}
.icon-2D_width:before {
    content: "\20";
}
.icon-2D_height1:before {
    content: "\e903";
}
.icon-2D_width1:before {
    content: "\e904";
}
.icon-2D_depth:before {
    content: "\e905";
}
.icon-package_closed:before {
    content: "\e906";
}
.icon-package_open:before {
    content: "\e907";
}
.icon-gift:before {
    content: "\e908";
}
.icon-home:before {
    content: "\e909";
}
.icon-hamburger_menu:before {
    content: "\e90a";
}
.icon-meatballs_menu:before {
    content: "\e90b";
}
.icon-filters:before {
    content: "\e90c";
}
.icon-trash:before {
    content: "\e90d";
}
.icon-duplicate:before {
    content: "\e90e";
}
.icon-comment:before {
    content: "\e90f";
}
.icon-notification:before {
    content: "\e910";
}
.icon-shopping_bag:before {
    content: "\e911";
}
.icon-search:before {
    content: "\e912";
}
.icon-cart:before {
    content: "\e913";
}
.icon-ceck_out:before {
    content: "\e914";
}
.icon-cash:before {
    content: "\e915";
}
.icon-savings_pig:before {
    content: "\e916";
}
.icon-card:before {
    content: "\e917";
}
.icon-add_to_cart:before {
    content: "\e918";
}
.icon-pay_pal:before {
    content: "\e919";
}
.icon-diners:before {
    content: "\e91a";
}
.icon-price_tag:before {
    content: "\e91b";
}
.icon-delivery:before {
    content: "\e91c";
}
.icon-marketplace:before {
    content: "\e91d";
}
.icon-close_circle:before {
    content: "\e91e";
}
.icon-close:before {
    content: "\e91f";
}
.icon-check_circle:before {
    content: "\e920";
}
.icon-check:before {
    content: "\e921";
}
.icon-chevron_U:before {
    content: "\e922";
}
.icon-chevron_D:before {
    content: "\e923";
}
.icon-chevron_R:before {
    content: "\e924";
}
.icon-chevron_L:before {
    content: "\e925";
}
.icon-arrow_U_circle:before {
    content: "\e926";
}
.icon-arrow_D_circle:before {
    content: "\e927";
}
.icon-arrow_L_circle:before {
    content: "\e928";
}
.icon-arrow_R_circle:before {
    content: "\e929";
}
.icon-arrow_U:before {
    content: "\e92a";
}
.icon-arrow_D:before {
    content: "\e92b";
}
.icon-arrow_L:before {
    content: "\e92c";
}
.icon-arrow_R:before {
    content: "\e92d";
}
.icon-copy:before {
    content: "\e92e";
}
.icon-cut:before {
    content: "\e92f";
}
.icon-paste:before {
    content: "\e930";
}
.icon-dislike_full:before {
    content: "\e931";
}
.icon-dislike:before {
    content: "\e932";
}
.icon-doc_download:before {
    content: "\e933";
}
.icon-document:before {
    content: "\e934";
}
.icon-edit:before {
    content: "\e935";
}
.icon-email:before {
    content: "\e936";
}
.icon-event:before {
    content: "\e937";
}
.icon-folder_add:before {
    content: "\e938";
}
.icon-folder_open:before {
    content: "\e939";
}
.icon-folder:before {
    content: "\e93a";
}
.icon-heart:before {
    content: "\e93b";
}
.icon-heart_full:before {
    content: "\e93c";
}
.icon-key:before {
    content: "\e93d";
}
.icon-level_up_circle:before {
    content: "\e93e";
}
.icon-level_up:before {
    content: "\e93f";
}
.icon-log_out:before {
    content: "\e940";
}
.icon-like_full:before {
    content: "\e941";
}
.icon-like:before {
    content: "\e942";
}
.icon-location:before {
    content: "\e943";
}
.icon-map:before {
    content: "\e944";
}
.icon-indoor_map:before {
    content: "\e945";
}
.icon-phone:before {
    content: "\e946";
}
.icon-plus_circle:before {
    content: "\e947";
}
.icon-minus_circle:before {
    content: "\e948";
}
.icon-re:before {
    content: "\e949";
}
.icon-return:before {
    content: "\e94a";
}
.icon-security_ok:before {
    content: "\e94b";
}
.icon-security:before {
    content: "\e94c";
}
.icon-show:before {
    content: "\e94d";
}
.icon-hide:before {
    content: "\e94e";
}
.icon-star_full:before {
    content: "\e94f";
}
.icon-star:before {
    content: "\e950";
}
.icon-time:before {
    content: "\e951";
}
.icon-train:before {
    content: "\e952";
}
.icon-bus:before {
    content: "\e953";
}
.icon-business_user:before {
    content: "\e954";
}
.icon-user:before {
    content: "\e955";
}
.icon-fb_circle:before {
    content: "\e956";
}
.icon-tt_circle:before {
    content: "\e957";
}
.icon-fb:before {
    content: "\e958";
}
.icon-ig_circle:before {
    content: "\e959";
}
.icon-ln_circle:before {
    content: "\e95a";
}
.icon-ig:before {
    content: "\e95b";
}
.icon-ln:before {
    content: "\e95c";
}
.icon-tt:before {
    content: "\e95d";
}
.icon-x_circle:before {
    content: "\e95e";
}
.icon-x:before {
    content: "\e95f";
}
.icon-yt_circle:before {
    content: "\e960";
}
.icon-yt:before {
    content: "\e961";
}
.icon-zoom_in:before {
    content: "\e962";
}
.icon-zoom_out:before {
    content: "\e963";
}
body {
          font-family: Fira Sans, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
          font-size: 0.875rem;
          line-height: 1.25rem;
          --tw-text-opacity: 1;
          color: rgba(36, 55, 71, 1);
          color: rgba(36, 55, 71, var(--tw-text-opacity, 1));


}
h1, .h1 {
          font-size: 2.5rem;
          font-weight: 600;
          line-height: 3rem;


}
h2, .h2 {
          font-size: 1.75rem;
          font-weight: 600;
          line-height: 2.25rem;


}
h3, .h3 {
          font-size: 1.5rem;
          line-height: 2rem;
          font-weight: 600;


}
h4 {
          font-size: 1.25rem;
          font-weight: 600;
          line-height: 1.5rem;


}
h5 {
          font-size: 1rem;
          font-weight: 600;
          line-height: 1.25rem;


}
b, strong {
          font-weight: 700;


}
* {
  box-sizing: border-box;
}
body {
  overflow-x: hidden;

}
hr.small-line {
  background: #09115E;
  background: var(--color-blue-dark);
  max-width: 135px;
  width: 100%;
  height: 1px;
  border: none;
  margin: 20px 0;
}
img {
  max-width: 100%;
  height: auto;
}
img.full-width {
    width: 100%;
    height: auto;
  }
.icon {
  font-size: 28px;
}
a.none {
  -webkit-text-decoration: none;
  text-decoration: none;
}
a.none:hover,
  a.none span {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
.direction-column {
  flex-direction: column;
}
.gabriela-stencil {
  font-family: 'gabrielastencil-regular', sans-serif;
  line-height: 100%;
  font-weight: 400;
}
.gabriela-stencil-italic {
  font-family: 'gabrielastencil-regularit', sans-serif;
  line-height: 100%;
  font-weight: 400;
}
.fira-sans {
  font-family: Fira Sans, sans-serif;
}
.space-1_6 {letter-spacing: 1.6px;}
.space-2 {letter-spacing: 2px;}
/* Typography and Spacing Classes */
.font12 { font-size: 12px; line-height: 20px; }
.font13 { font-size: 13px; line-height: 20px; }
.font14 { font-size: 14px; line-height: 20px; }
.font15 { font-size: 15px; line-height: 20px; }
.font16 { font-size: 16px; line-height: 100%;
}
.font16.space-1_6 {
    letter-spacing: 1.6px;
  }
.font16.line_110 {
    line-height: 130%;
  }
.font18 { font-size: 18px; line-height: 22px; }
.font20 { font-size: 20px; line-height: 120%; }
.font24 { font-size: 24px; line-height: 110%; }
.font26 { font-size: 26px; line-height: 110%; }
.font28 { font-size: 28px; line-height: 110%; }
.font30 { font-size: 30px; line-height: 100%; }
.font36 { font-size: 36px; line-height: 100%; }
.font58 { font-size: 58px; line-height: 100%; }
.font64 { font-size: 64px; line-height: 100%; }
.font188 { font-size: 188px; line-height: 100%; }
h1 {
  font-family: 'gabrielastencil-regular', sans-serif;
  font-size: 64px; line-height: normal;
  color: #01B5C0;
  color: var(--color-blue-light);
  font-weight: 300;

}
h2 {
  line-height: 100%;
  font-weight: 400;
  font-size: 30px;

  color: #09115E;

  color: var(--color-blue-dark);
  margin: 0 0 20px 0;
}
h2.gabriela-stencil {
    font-family: 'gabrielastencil-regular', sans-serif;

    font-size: 64px;

    color: #01B5C0;

    color: var(--color-blue-light);
  }
h2.gabriela-stencil.text-white {
      color: #FFFFFF;
      color: var(--color-white);
    }
h3 {
  line-height: 120%;
}
/*
h3 {
  font-family: 'gabrielastencil-regular', sans-serif;
  font-size: 24px; line-height: normal;
  margin-bottom: 32px;
}

h4 {
  font-family: 'gabrielastencil-regular', sans-serif;
  font-size: 20px; line-height: normal;
  margin-bottom: 32px;
}
h5 {
  font-family: 'gabrielastencil-regular', sans-serif;
  font-size: 18px; line-height: normal;
  margin-bottom: 32px;
}
*/
.strong400 {font-weight: 400; }
.strong500 {font-weight: 500; }
.strong700 {font-weight: 700; }
.show-mobile {
  display: none;
}
.line_110 {
  line-height: 110%;
}
.line_120 {
  line-height: 120%;
}
/* gap */
.gap4 {gap: 4px;}
.gap8 {gap: 8px;}
.gap12 {gap: 12px;}
.gap16 {gap: 16px;}
.gap20 {gap: 20px;}
.gap24 {gap: 24px;}
.gap28 {gap: 28px;}
.gap32 {gap: 32px;}
.gap36 {gap: 36px;}
.gap40 {gap: 40px;}
.gap44 {gap: 44px;}
.gap48 {gap: 48px;}
.z-index-1 {
  z-index: 1;
  position: relative;
}
/* buttons */
.ctaButton,
._button-wrapper button{
  width: auto;
  height: 46px;

  display: inline-flex;
  align-items: center;
  justify-content: flex-start;

  border-radius: 23px;
  padding: 0 20px;

  background: #038EA9;

  background: var(--color-blue-link);
  color: #FFFFFF;
  color: var(--color-white);;

  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;

  -webkit-text-decoration: none;

  text-decoration: none;

  transition: background ease-in-out 0.45s, color ease-in-out 0.45s, border-color ease-in-out 0.45s;

  border: 2px solid transparent;
}
.ctaButton:not(does-not-exist):hover,._button-wrapper button:hover,.dark.ctaButton:not(does-not-exist),._button-wrapper button.dark {
    -webkit-text-decoration: none;
    text-decoration: none;
    background: #01B5C0;
    background: var(--color-blue-light);
    border-color: #01B5C0;
    border-color: var(--color-blue-light);
  }
.ctaButton:not(does-not-exist):hover:focus,._button-wrapper button:hover:focus,.dark.ctaButton:not(does-not-exist):focus,._button-wrapper button.dark:focus {
      border-color: #01B5C0;
      border-color: var(--color-blue-light);
      background: #01B5C0;
      background: var(--color-blue-light);
    }
.ctaButton:not(does-not-exist) .icon,._button-wrapper button .icon {
    display: block;
    margin-left: 8px;
    font-size: 32px;

    transition: color ease-in-out 0.45s;
  }
.iconBefore.ctaButton:not(does-not-exist) .icon,._button-wrapper button.iconBefore .icon {
      margin: 0 10px 0 0;
    }
.medium.ctaButton:not(does-not-exist),._button-wrapper button.medium {
    height: 40px;
    font-size: 16px;
    border-radius: 8px;
    padding: 0 16px;
  }
.medium.ctaButton:not(does-not-exist) .icon,._button-wrapper button.medium .icon {
      font-size: 20px;
    }
.small.ctaButton:not(does-not-exist),._button-wrapper button.small {
    height: 32px;
    font-size: 16px;
    border-radius: 8px;
    padding: 0 16px;
  }
.small.ctaButton:not(does-not-exist) .icon,._button-wrapper button.small .icon {
      font-size: 20px;
      margin: 0 5px 0 0;
    }
.disabled.ctaButton:not(does-not-exist),._button-wrapper button.disabled {
    background: #CDCDCD;
    background: var(--color-basic-300);
    cursor: default;
    color: #747373;
    color: var(--color-basic-500);
    border-color: #CDCDCD;
    border-color: var(--color-basic-300);
  }
.disabled.ctaButton:not(does-not-exist):focus,._button-wrapper button.disabled:focus {
      background: #CDCDCD;
      background: var(--color-basic-300);
      border-color: #CDCDCD;
      border-color: var(--color-basic-300);
    }
.center-100.ctaButton:not(does-not-exist),._button-wrapper button.center-100 {
    width: 100%; display: flex;
    align-items: center;
    justify-content: center;
  }
.white.ctaButton:not(does-not-exist),._button-wrapper button.white {
    background: transparent;
    color: #038EA9;
    color: var(--color-blue-link);
    border-color: #038EA9;
    border-color: var(--color-blue-link);

  }
.white.ctaButton:not(does-not-exist) span.icon,._button-wrapper button.white span.icon {
      color: #038EA9;
      color: var(--color-blue-link);
    }
.white.ctaButton:not(does-not-exist):hover,._button-wrapper button.white:hover {
      -webkit-text-decoration: none;
      text-decoration: none;
      color: #FFFFFF;
      color: var(--color-white);
      border-color: #01B5C0;
      border-color: var(--color-blue-light);
      background: #01B5C0;
      background: var(--color-blue-light);
    }
.white.ctaButton:not(does-not-exist):hover span.icon,._button-wrapper button.white:hover span.icon {
        color: #FFFFFF;
        color: var(--color-white);
      }
.white.ctaButton:not(does-not-exist):hover:focus,._button-wrapper button.white:hover:focus {
        color: #FFFFFF;
        color: var(--color-white);
        border-color: #01B5C0;
        border-color: var(--color-blue-light);
        background: #01B5C0;
        background: var(--color-blue-light);
      }
.white.ctaButton:not(does-not-exist):hover:focus span.icon,._button-wrapper button.white:hover:focus span.icon {
          color: #FFFFFF;
          color: var(--color-white);
        }
.white.disabled.ctaButton:not(does-not-exist),._button-wrapper button.white.disabled {
      cursor: default;
      color: #747373;
      color: var(--color-basic-500);
      border-color: #CDCDCD;
      border-color: var(--color-basic-300);
    }
.white.disabled.ctaButton:not(does-not-exist) span.icon,._button-wrapper button.white.disabled span.icon {
        color: #747373;
        color: var(--color-basic-500);
      }
.white.disabled.ctaButton:not(does-not-exist):focus,._button-wrapper button.white.disabled:focus {
        background: #CDCDCD;
        background: var(--color-basic-300);
        color: #747373;
        color: var(--color-basic-500);
        border-color: #CDCDCD;
        border-color: var(--color-basic-300);
      }
.white.disabled.ctaButton:not(does-not-exist):focus span.icon,._button-wrapper button.white.disabled:focus span.icon {
          color: #747373;
          color: var(--color-basic-500);
        }
.empty.ctaButton:not(does-not-exist),._button-wrapper button.empty {
    background: transparent;
    color: #01B5C0;
    color: var(--color-blue-light);
    border-color: transparent;
  }
.empty.ctaButton:not(does-not-exist) span.icon,._button-wrapper button.empty span.icon {
      color: #01B5C0;
      color: var(--color-blue-light);
    }
.empty.ctaButton:not(does-not-exist):hover,._button-wrapper button.empty:hover {
      -webkit-text-decoration: none;
      text-decoration: none;
      background: transparent;
      color: #01B5C0;
      color: var(--color-blue-light);
      border-color: transparent;
    }
.empty.ctaButton:not(does-not-exist):hover span.icon,._button-wrapper button.empty:hover span.icon {
        color: #01B5C0;
        color: var(--color-blue-light);
      }
.empty.ctaButton:not(does-not-exist):hover:focus,._button-wrapper button.empty:hover:focus {
        border-color: transparent;
        background: transparent;
        color: #01B5C0;
        color: var(--color-blue-light);
      }
.empty.ctaButton:not(does-not-exist):hover:focus span.icon,._button-wrapper button.empty:hover:focus span.icon {
          color: #01B5C0;
          color: var(--color-blue-light);
        }
.empty.disabled.ctaButton:not(does-not-exist),._button-wrapper button.empty.disabled {
      background: transparent;
      cursor: default;
      color: #747373;
      color: var(--color-basic-500);
      border-color: transparent;
    }
.empty.disabled.ctaButton:not(does-not-exist) span.icon,._button-wrapper button.empty.disabled span.icon {
        color: #747373;
        color: var(--color-basic-500);
      }
.empty.disabled.ctaButton:not(does-not-exist):focus,._button-wrapper button.empty.disabled:focus {
        background: transparent;
        color: #747373;
        color: var(--color-basic-500);
        border-color: transparent;
      }
.empty.disabled.ctaButton:not(does-not-exist):focus span.icon,._button-wrapper button.empty.disabled:focus span.icon {
          color: #747373;
          color: var(--color-basic-500);
        }
.arrow.ctaButton:not(does-not-exist),._button-wrapper button.arrow {
    min-width: 48px;
    width: 48px;
    height: 48px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.arrow.ctaButton:not(does-not-exist) .icon,._button-wrapper button.arrow .icon {
      margin: 0;
      font-size: 16px;
    }
.arrow.medium.ctaButton:not(does-not-exist),._button-wrapper button.arrow.medium {
      min-width: 40px;
      width: 40px;
      height: 40px;
    }
.arrow.small.ctaButton:not(does-not-exist),._button-wrapper button.arrow.small {
      min-width: 32px;
      width: 32px;
      height: 32px;

    }
.arrow.small.ctaButton:not(does-not-exist) .icon,._button-wrapper button.arrow.small .icon {
        margin: 0;
        font-size: 12px;
      }
/*************************************/
.btn-primary {
  width: auto;
  height: 38px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 8px;
  padding: 0 12px;

  background: #01B5C0;

  background: var(--color-blue-light);
  color: #FFFFFF;
  color: var(--color-white);;

  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;

  border: none;

  transition: background ease-in-out 0.45s, color ease-in-out 0.45s;
}
.btn-primary:hover,
  .btn-primary.dark {
    -webkit-text-decoration: none;
    text-decoration: none;
    background: #01B5C0;
    background: var(--color-blue-light);
  }
.btn-primary:hover:focus, .btn-primary.dark:focus {
      background: #01B5C0;
      background: var(--color-blue-light);
    }
.btn-primary .icon {
    display: block;
    margin-left: 8px;
    font-size: 24px;

    transition: color ease-in-out 0.45s;
  }
.btn-primary.iconBefore .icon {
      margin: 0 8px 0 0;
    }
.btn-primary.large {
    height: 48px;
    font-size: 18px;
    border-radius: 8px;
    padding: 0 16px;
  }
.btn-primary.large .icon {
      font-size: 24px;
    }
.btn-primary.small {
    height: 32px;
    font-size: 16px;
    border-radius: 8px;
    padding: 0 16px;
  }
.btn-primary.small .icon {
      font-size: 20px;
      margin: 0 5px 0 0;
    }
.btn-primary.disabled {
    background: #CDCDCD;
    background: var(--color-basic-300);
    cursor: default;
    color: #747373;
    color: var(--color-basic-500);
  }
.btn-primary.disabled:focus {
      background: #CDCDCD;
      background: var(--color-basic-300);
    }
.btn-primary.light {
    background: rgba(3,127,134,1);
    background: var(--color-blue-hover);
    color: #01B5C0;
    color: var(--color-blue-light);

  }
.btn-primary.light span.icon {
      color: #01B5C0;
      color: var(--color-blue-light);
    }
.btn-primary.light:hover {
      -webkit-text-decoration: none;
      text-decoration: none;
      background: #037F86FF-hover;
      background: var(--color-blue-hover)-hover;
      color: #01B5C0;
      color: var(--color-blue-light);
    }
.btn-primary.light:hover span.icon {
        color: #01B5C0;
        color: var(--color-blue-light);
      }
.btn-primary.light:hover:focus {
        background: #037F86FF-hover;
        background: var(--color-blue-hover)-hover;
        color: #01B5C0;
        color: var(--color-blue-light);
      }
.btn-primary.light:hover:focus span.icon {
          color: #01B5C0;
          color: var(--color-blue-light);
        }
.btn-primary.light.disabled {
      background: #CDCDCD;
      background: var(--color-basic-300);
      cursor: default;
      color: #747373;
      color: var(--color-basic-500);
    }
.btn-primary.light.disabled span.icon {
        color: #747373;
        color: var(--color-basic-500);
      }
.btn-primary.light.disabled:focus {
        background: #CDCDCD;
        background: var(--color-basic-300);
        color: #747373;
        color: var(--color-basic-500);
      }
.btn-primary.light.disabled:focus span.icon {
          color: #747373;
          color: var(--color-basic-500);
        }
.btn-primary.cart-icon {
    min-width: 48px;
    width: 48px;
    height: 48px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.btn-primary.cart-icon .icon {
      margin: 0;
      font-size: 16px;
    }
.btn-primary.cart-icon.medium {
      min-width: 40px;
      width: 40px;
      height: 40px;
    }
.btn-primary.cart-icon.small {
      min-width: 32px;
      width: 32px;
      height: 32px;

    }
.btn-primary.cart-icon.small .icon {
        margin: 0;
        font-size: 12px;
      }
/*

************************************ */
.ctaLink {
  width: auto;
  height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;


  background: none;
  color: #01B5C0;
  color: var(--color-blue-light);

  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  cursor: pointer;

  transition: background ease-in-out 0.45s, color ease-in-out 0.45s;

}
.ctaLink:hover {
    -webkit-text-decoration: none;
    text-decoration: none;

  }
.ctaLink.underlineButton:hover {
    color: #01B5C0;
    color: var(--color-blue-light);

  }
.ctaLink span.icon {
    display: block;
    margin-left: 10px;
    position: relative;
    top: 2px;

  }
.ctaLink.iconBefore span.icon {
      margin: 0 10px 0 0;
    }
.ctaLink.large {
    height: 48px;
    font-size: 18px;
  }
.ctaLink.small {
    height: 40px;
    font-size: 14px;
  }
.ctaLink.small span.icon {
      top: 0;

    }
.ctaLink.small.iconBefore span.icon {
        margin: 0 5px 0 0;
      }
/* Animated underline */
/* Needs to be on an inline element (span, b, strong, etc) */
.underline-link {
  display: inline !important;
}
.underline-link {
  background-image: linear-gradient(transparent, transparent), linear-gradient(#038EA9, #038EA9);
  background-image: linear-gradient(transparent, transparent), linear-gradient(var(--color-blue-link), var(--color-blue-link));
  background-size: 100% 1.75px, 0 1.75px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s 0.1s ease-out;
}
.underline-link.white {
    background-image: linear-gradient(transparent, transparent), linear-gradient(#FFFFFF, #FFFFFF);
    background-image: linear-gradient(transparent, transparent), linear-gradient(var(--color-white), var(--color-white));
  }
.underline-link.blue {
    background-image: linear-gradient(transparent, transparent), linear-gradient(#01B5C0, #01B5C0);
    background-image: linear-gradient(transparent, transparent), linear-gradient(var(--color-blue-light), var(--color-blue-light));
  }
.underline-link.dark-blue {
    background-image: linear-gradient(transparent, transparent), linear-gradient(#09115E, #09115E);
    background-image: linear-gradient(transparent, transparent), linear-gradient(var(--color-blue-dark), var(--color-blue-dark));
  }
.underline-link.text-blue-linkd {
    background-image: linear-gradient(transparent, transparent), linear-gradient(#4DDEE7, #4DDEE7);
    background-image: linear-gradient(transparent, transparent), linear-gradient(var(--color-blue-linkd), var(--color-blue-linkd));
  }
.underline-link:hover, a:hover.underline-link {
  background-size: 0 1.75px, 100% 1.75px;
  transition: background-size 0.5s 0s ease-out;
}
/* scroller bar */
/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #CDCDCD;
  background: var(--color-basic-300);
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #666666-input;
  background: var(--color-basic-600)-input;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #747373;
  background: var(--color-basic-500);
}
/*block editor*/
.gutenberg h2.wp-block-heading {
      color: #09115E;
      color: var(--color-blue-dark);
      font-size: 30px;
      font-style: normal;
      font-weight: 400;
      line-height: 110%;
      margin-bottom: 10px;
    }
.gutenberg h3.wp-block-heading {
      color: #09115E;
      color: var(--color-blue-dark);
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      margin-bottom: 10px;
    }
.gutenberg h4.wp-block-heading {
      color: #09115E;
      color: var(--color-blue-dark);
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      margin-bottom: 10px;
    }
.gutenberg h5.wp-block-heading {
      color: #09115E;
      color: var(--color-blue-dark);
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      margin-bottom: 10px;
    }
.gutenberg h6.wp-block-heading {
      color: #09115E;
      color: var(--color-blue-dark);
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      margin-bottom: 10px;
      margin-top: 22px;
    }
.gutenberg a {
    color: #038EA9;
    color: var(--color-blue-link);
    -webkit-text-decoration: none;
    text-decoration: none;

    background-image: linear-gradient(transparent, transparent), linear-gradient(#038EA9, #038EA9);
    background-image: linear-gradient(transparent, transparent), linear-gradient(var(--color-blue-link), var(--color-blue-link));
    background-size: 100% 1.75px, 0 1.75px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s 0.1s ease-out;
  }
.gutenberg a:hover {
      background-size: 0 1.75px, 100% 1.75px;
      transition: background-size 0.5s 0s ease-out;
    }
.gutenberg a.ctaButton {

      background-image: none !important;
    }
.gutenberg a.ctaButton {
      color: #FFFFFF;
      color: var(--color-white);
      -webkit-text-decoration: none;
      text-decoration: none;
      background-size:  auto auto;
      background-size:  initial;
      background-position:   0 0;
      background-position:   initial;
      background-repeat:   repeat;
      background-repeat:   initial;

      transition: all 0.4s 0.1s ease-out;
    }
.gutenberg .block.image {
      width: 100%; max-width: 100%;
      height: auto;
    }
.gutenberg .block.image img {
        width: 100%;
        display: block;
      }
.gutenberg .block.image .image-caption {
        padding: 1rem;
        background: #F1F1F1;
        position: relative;
        z-index: 1;

        color: #243747;

        color: var(--color-basic-900);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 25px;
      }
.gutenberg .block.gallery {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 30px;
      justify-content: space-between;
    }
.gutenberg .block.gallery .image {
        display: flex;
        gap: 18px;


      }
.gutenberg .block.gallery .image img {
          max-width: 100%;
          width: 100%;
          display: block;
        }
.gutenberg .block.gallery .image.size-full {
          max-width: 100%;
          width: 100%;
          display: block;
          margin-bottom: 18px;
        }
.gutenberg .block.gallery .image.size-full.caption-left {
            width: 100%;
            display: flex;
            gap: 0;

          }
.gutenberg .block.gallery .image.size-full.caption-left img {
              max-width: calc(50% - 10px);
              display: block;
            }
.gutenberg .block.gallery .image.size-full.caption-left .image-caption {
              max-width: calc(50% + 10px);
              margin: 0;
            }
.gutenberg .block.gallery .image.size-full.caption-right {
            width: 100%;
            display: flex;
            gap: 0;
            flex-direction: row-reverse;
          }
.gutenberg .block.gallery .image.size-full.caption-right img {
              max-width: calc(50% - 10px);
              display: block;
            }
.gutenberg .block.gallery .image.size-full.caption-right .image-caption {
              max-width: calc(50% + 10px);
              margin: 0;
            }
.gutenberg .block.gallery .image.size-full.caption-spodaj .image-caption, .gutenberg .block.gallery .image.size-full.caption-bottom .image-caption {
              margin-bottom: 0;
            }
.gutenberg .block.gallery .image.size-full.caption-top {
            display: flex;
            flex-direction: column-reverse;
            gap: 0;
          }
.gutenberg .block.gallery .image.size-full.caption-top .image-caption {
              margin-bottom: 0;
            }
.gutenberg .block.gallery .image.size-half {
          max-width: calc(50% - 10px);
          display: block;
          margin-bottom: 18px;
        }
.gutenberg .block.featured-text {
      margin: 0 0 43px 0; padding: 0;
      border-left: 4px solid #01B5C0;
      border-left: 4px solid var(--color-blue-light);
      padding-left: 28px;

      color: #09115E;

      color: var(--color-blue-dark);
      font-size: 30px;
      font-style: normal;
      font-weight: 400;
      line-height: 110%;
    }
.gutenberg .block.quote {
      margin: 0 0 43px 0; padding: 0;
      border-left: 4px solid #01B5C0;
      border-left: 4px solid var(--color-blue-light);
      padding-left: 28px;

      color: #09115E;

      color: var(--color-blue-dark);
      font-size: 30px;
      font-style: normal;
      font-weight: 400;
      line-height: 110%;
    }
.gutenberg .block.quote svg {
        margin-bottom: 15px;
        display: block;
      }
.gutenberg .block.quote p {
        margin: 15px;
      }
.gutenberg .block.quote footer {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        color: #09115E;
        color: var(--color-blue-dark);
      }
.gutenberg .block.quote footer cite {
          font-style: normal;
        }
.gutenberg .block.quote footer span {
          color: #243747;
          color: var(--color-basic-900);
        }
.gutenberg ol.wp-block-list {
    padding-left: 20px;
    margin-bottom: 30px;
  }
.gutenberg ul.wp-block-list {
    padding-left: 20px;
    margin-bottom: 30px;
  }
.gutenberg ul.wp-block-list li::marker {
        color: #01B5C0;
        color: var(--color-blue-light);
      }
.gutenberg .program h2 {

      padding-bottom: 10px;
      margin-bottom: 15px;
      border-bottom: 1px solid #CDCDCD;
      border-bottom: 1px solid var(--color-basic-300);
    }
.gutenberg .program h2.h3 {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 1.6px;
        text-transform: uppercase;

        margin-bottom: 15px;
      }
.gutenberg .program .program-items .program-item {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #CDCDCD;
        border-bottom: 1px solid var(--color-basic-300);
      }
.gutenberg .program .program-items .program-item span.date {
          display: block;
          min-width: 130px;
        }
.gutenberg .program .program-items .program-item .content h3 {
            margin: 3px 0;
          }
.gutenberg .program .program-items .program-item .content p {
            margin-bottom: 15px;
          }
.gutenberg .program .program-items .program-item .content .represents {
            margin-bottom: 15px;
          }
.gutenberg .documents h2 {

      padding-bottom: 10px;
      margin-bottom: 15px;
      border-bottom: 1px solid #CDCDCD;
      border-bottom: 1px solid var(--color-basic-300);
    }
.gutenberg .documents h2.h3 {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 1.6px;
        text-transform: uppercase;

        margin-bottom: 15px;
      }
.gutenberg .documents ul.docs {
      margin: 0; padding: 0;
      list-style-type: none;
    }
.gutenberg .documents ul.docs li {
        border-bottom: 1px solid #CDCDCD;
        border-bottom: 1px solid var(--color-basic-300);
        padding: 13px 0;
      }
.gutenberg .documents ul.docs li a {
          padding-left: 35px;
          position: relative;
          display: inline-block;
        }
.gutenberg .documents ul.docs li a:hover {
            background: none;
          }
.gutenberg .documents ul.docs li a span.icon-c {
            position: absolute;
            left: 0;
            top: -2px;
            font-size: 28px;
          }
.gutenberg .documents ul.docs li a .type {
            text-transform: uppercase;
            margin-left: 5px;
          }
.gutenberg.vision p {
    line-height: 120%;
  }
.gutenberg .has-primary-color {
    color: #038EA9 !important;
  }
.gutenberg .has-secondary-color {
    color: #09115E !important;
  }
.gutenberg .has-text-color-color {
    color: #243747 !important;
  }
.gutenberg .has-white-color {
    color: #ffffff !important;
  }
.gutenberg .has-light-gray-color {
    color: #F1F1F1 !important;
  }
.gutenberg .has-black-color {
    color: #000000 !important;
  }
.gutenberg .has-transparent-color {
    opacity: 0.5  !important;
  }
.gutenberg .has-primary-background-color {
    background: #038EA9;
  }
.gutenberg .has-secondary-background-color {
    background: #09115E;
  }
.gutenberg .has-text-color-background-color {
    background: #243747;
  }
.gutenberg .has-white-background-color {
    background: #ffffff;
  }
.gutenberg .has-light-gray-background-color {
    background: #F1F1F1;
  }
.gutenberg .has-black-background-color {
    background: #000000;
  }
.gutenberg .has-transparent-background-color {
    background: rgba(0,0,0,0.5);
  }
.gutenberg .has-small-font-size {
    font-size: 16px !important;
  }
.single-events-content .gutenberg.blocks p {
      line-height: 140%;
    }
.needs-consent.block {
  background: #F1F1F1;
  left: 0; top: 0; right: 0; bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  margin-bottom: 24px;
  padding: 24px;
}
.needs-consent.block.absolute {
    position: absolute;
    margin-bottom: 0;
    padding: 0;
  }
.needs-consent.block .needs-consent-wrapper {
    max-width: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
.needs-consent.block .needs-consent-wrapper h2 {
      margin-bottom: 10px;
    }
.needs-consent.block .needs-consent-wrapper span.link-text {
      position: relative;
      padding-left: 34px;
    }
.needs-consent.block .needs-consent-wrapper span.link-text span.icon {
        font-size: 28px;
        color: #038EA9;
        color: var(--color-blue-link);
        position: absolute;
        left: 0; top: -1px;
      }
.needs-consent.block .needs-consent-wrapper span.link-text span.underline-link {
        cursor: pointer;
      }
.container {
          width: 100%;


}
@media (min-width: 0px) {
          .container {
                    max-width: 0px;


          }


}
@media (min-width: 375px) {
          .container {
                    max-width: 375px;


          }


}
@media (min-width: 576px) {
          .container {
                    max-width: 576px;


          }


}
@media (min-width: 768px) {
          .container {
                    max-width: 768px;


          }


}
@media (min-width: 912px) {
          .container {
                    max-width: 912px;


          }


}
@media (min-width: 1024px) {
          .container {
                    max-width: 1024px;


          }


}
@media (min-width: 1280px) {
          .container {
                    max-width: 1280px;


          }


}
@media (min-width: 1536px) {
          .container {
                    max-width: 1536px;


          }


}
.form-item {
          position: relative;


}
.news-wrapper .form-item {
    position: relative;
  }
.form-item:not(:last-child) {
          margin-bottom: 0.75rem;


}
.form-item input:not([type="radio"]),
      .form-item input:not([type="checkbox"]) {
          width: 100%;


}
.form-item [type="radio"]:checked ~label .radio-button--checked {
          border-width: 5px;
          --tw-border-opacity: 1;
          border-color: rgba(36, 55, 71, 1);
          border-color: rgba(36, 55, 71, var(--tw-border-opacity, 1));


}
.form-item.base input {
          display: flex;
          width: 100%;
          align-items: center;
          gap: 0.75rem;
          border-radius: 0.75rem;
          border-width: 1px;
          border-style: solid;
          --tw-border-opacity: 1;
          border-color: rgba(229, 229, 226, 1);
          border-color: rgba(229, 229, 226, var(--tw-border-opacity, 1));
          padding-left: 0.75rem;
          padding-right: 0.75rem;
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;


}
.donate .tabs .tabContent .tabContent-item .form-item.base input {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;


        }
.donate .tabs .tabContent .tabContent-item .form-item.base input .text ul {
              list-style-type: none;
              margin: 0;
              padding: 0;
            }
.donate .tabs .tabContent .tabContent-item .form-item.base input .text ul li {
                margin-bottom: 20px;
              }
.donate .tabs .tabContent .tabContent-item .form-item.base input .text ul li span {
                  display: block;
                }
.donate .tabs .tabContent .tabContent-item .form-item.base input .trr img {
              box-shadow: 0 1px 21px rgba(0, 0, 0, 0.35);
            }
@media only screen and (max-width: 768px) {

      .donate .donate-wrapper .tabs .tabContent .tabContent-item .form-item.base input {
        flex-direction: column;

      }


}
@media only screen and (max-width: 650px) {

    .link-background .links .form-item.base input.gap-4 {
      flex-direction: column;
      width: 100%;
    }

      .link-background .links .form-item.base input.gap-4 .ctaButton {
        justify-content: flex-start;
      }




}
@media only screen and (max-width: 500px) {
      .top-text .form-item.base input{
        flex-direction: column;
    }

        .top-text .form-item.base input .ctaButton {
          justify-content: flex-start;
        }
}
.donate_section .tabs .tabContent .tabContent-item .form-item.base input {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
  
  
          }
.donate_section .tabs .tabContent .tabContent-item .form-item.base input .text ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
              }
.donate_section .tabs .tabContent .tabContent-item .form-item.base input .text ul li {
                  margin-bottom: 20px;
                }
.donate_section .tabs .tabContent .tabContent-item .form-item.base input .text ul li span {
                    display: block;
                  }
.donate_section .tabs .tabContent .tabContent-item .form-item.base input .trr img {
                box-shadow: 0 1px 21px rgba(0, 0, 0, 0.35);
              }
.form-item.base input::-moz-placeholder {
          font-size: 0.75rem;
          line-height: 1rem;
          --tw-text-opacity: 1;
          color: rgba(116, 115, 115, 1);
          color: rgba(116, 115, 115, var(--tw-text-opacity, 1));


}
.form-item.base input::placeholder {
          font-size: 0.75rem;
          line-height: 1rem;
          --tw-text-opacity: 1;
          color: rgba(116, 115, 115, 1);
          color: rgba(116, 115, 115, var(--tw-text-opacity, 1));


}
.form-item.base input:focus {
          --tw-border-opacity: 1;
          border-color: rgba(36, 55, 71, 1);
          border-color: rgba(36, 55, 71, var(--tw-border-opacity, 1));


}
.form-item.base label {
          padding-left: 0.125rem;


}
@media (min-width: 576px) {
          .form-item.base label {
                    flex-basis: 11rem;


          }


}
.form-item.float label {
          pointer-events: none;
          position: absolute;
          left: 0.75rem;
          top: 50%;
          --tw-translate-y: -50%;
          transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          white-space: nowrap;
          --tw-text-opacity: 1;
          color: rgba(116, 115, 115, 1);
          color: rgba(116, 115, 115, var(--tw-text-opacity, 1));
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 200ms;


}
.needs-consent.block.form-item.float label {
    position: absolute;
    margin-bottom: 0;
    padding: 0;
  }
.form-item.float input:not(:-moz-placeholder) + label {
          left: 0.5rem;
          top: 0px;
          font-size: 0.625rem;
          --tw-text-opacity: 1;
          color: rgba(36, 55, 71, 1);
          color: rgba(36, 55, 71, var(--tw-text-opacity, 1));


}
.form-item.float input:not(:placeholder-shown) + label {
          left: 0.5rem;
          top: 0px;
          font-size: 0.625rem;
          --tw-text-opacity: 1;
          color: rgba(36, 55, 71, 1);
          color: rgba(36, 55, 71, var(--tw-text-opacity, 1));


}
fieldset {
          --tw-bg-opacity: 1 !important;
          background-color: rgba(255, 255, 255, 1) !important;
          background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)) !important;


}
fieldset {
          border-radius: 1rem;
          padding: 1.5rem;


}
.tabs.parent {
         border-bottom: 1px solid #CDCDCD;
         border-bottom: 1px solid var(--color-basic-300);
         margin-bottom: 36px;
    }
.tabs.parent .tab-button {
            border: none;
            background-color: inherit;
            outline: none;
            cursor: pointer;
            transition: 0.3s;

            text-align: center;
            padding: 0 10px 25px 10px;

            font-family: Fira Sans, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 100%; /* 16px */
            letter-spacing: 1.6px;
            text-transform: uppercase;
            position: relative;

            color: #038EA9;

            color: var(--color-blue-link);
        }
.tabs.parent .tab-button:before {
                 content: "";
                 position: absolute;
                 bottom: 22px;
                 left: 10px;
                 right: 10px;
                 width: 0;
                 height: 1px;
                 background-color: #038EA9;
                 background-color: var(--color-blue-link);
                 transition: width .5s ease;


            }
.tabs.parent .tab-button:hover:before {
                     width: calc(100% - 20px);
                 }
.tabs.parent .tab-button:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 4px;
                background-color: #01B5C0;
                background-color: var(--color-blue-light);
                transition: width .5s ease;
            }
.tabs.parent .tab-button.active{
                color: #09115E;
                color: var(--color-blue-dark);
            }
.tabs.parent .tab-button.active:after {
                     width: 100%;
                 }
.tabs.parent .tab-button.active:hover:before {
                         width: 0;
                     }
.tab-content {
    display: none;
}
.tab-content.active{
         display:block;
     }
.date.special {
    min-width: 67px;
    width: 67px; height: auto;
    border-radius: 0 0 12px 12px;
    background: #FFFFFF;
    background: var(--color-white);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.35);

    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 3px;

    padding: 9px 0 12px 0;
}
.date.special .month_name {
        color: #09115E;
        color: var(--color-blue-dark);
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }
.date.special .day {
        color: #01B5C0;
        color: var(--color-blue-light);
        text-align: center;
        font-family: 'gabrielastencil-regular', sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 30px */
        border-bottom: 1px solid #01B5C0;
        border-bottom: 1px solid var(--color-blue-light);
        padding-bottom: 2px;
        margin-bottom: 2px;
    }
.date.special .day_name {
        color: #09115E;
        color: var(--color-blue-dark);
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 14px */
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }
/* pagination */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.pagination span, .pagination a {
        width: 20px;
        -webkit-text-decoration: none;
        text-decoration: none;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-align: center;
    }
.pagination span.icon-c, .pagination a.icon-c {
             width: 28px;
             color: #038EA9;
             color: var(--color-blue-link);
             font-size: 28px;

             transition: color ease-in-out 0.45s;
         }
.pagination span.icon-c:hover, .pagination a.icon-c:hover {
                 color: #09115E;
                 color: var(--color-blue-dark);
             }
/* accordion */
.accordion {
    margin-bottom: 42px;
    border-top: 1px solid #CDCDCD;
    border-top: 1px solid var(--color-basic-300);
}
.accordion .accordion-item button.accordion-header {
            width: 100%;
            min-height: 67px;
            background: none;
            border: none;
            font-size: 26px;
            padding: 16px 0;
            font-style: normal;
            font-weight: 400;
            line-height: 110%;
            color: #038EA9;
            color: var(--color-blue-link);
            text-align: left;
            font-family: Fira Sans, sans-serif;

            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;

        }
.accordion .accordion-item button.accordion-header[aria-expanded="true"] .icon {
                    transform: rotate(-180deg);
                }
.accordion .accordion-item .accordion-content {
            max-height: 10000px;
            transition: max-height ease-in-out 0.75s;
            overflow: hidden;
            border-bottom: 1px solid #CDCDCD;
            border-bottom: 1px solid var(--color-basic-300);
        }
.accordion .accordion-item .accordion-content[hidden] {
                display: block;
                max-height: 0;
                height: auto;

             }
.accordion .accordion-item .accordion-content.wysiwyg ul li::marker {
                             color:  #01B5C0;
                             color:  var(--color-blue-light);;
                         }
.checkbox input:checked + label svg path {
          transition: stroke-dashoffset 0.15s 0.1s ease;
          stroke-dashoffset: 0;
        }
.checkbox input:checked + label .faux-checkbox {
          --tw-bg-opacity: 1 !important;
          background-color: rgba(36, 55, 71, 1) !important;
          background-color: rgba(36, 55, 71, var(--tw-bg-opacity, 1)) !important;


}
.checkbox input:checked + label .faux-checkbox {
          --tw-border-opacity: 1;
          border-color: rgba(36, 55, 71, 1);
          border-color: rgba(36, 55, 71, var(--tw-border-opacity, 1));


}
.checkbox-holder .faux-checkbox {
    border-radius: 5px;
  }
.checkbox-holder svg {
    margin-bottom: 1px;
  }
.checkbox-holder svg path {
      transition: stroke-dashoffset 0.15s ease;
      stroke: currentColor;
      stroke-dasharray: 20;
      stroke-dashoffset: 20;
    }
.menu {
          display: none;


}
@media only screen and (max-width: 960px) {

        header.main_header .header-wp .block.navigation .menu {
          width: 100%;
          display: flex;
          justify-content: flex-end;

        }

          header.main_header .header-wp .block.navigation .menu .close-menu {
            font-size: 28px;
            color: #038EA9;
            color: var(--color-blue-link);
          }

}
.block.cta-menu .navigation ul.menu-list {
                list-style-type: none;
                margin: 0;
                padding: 0;
        }
.block.cta-menu .navigation ul.menu-list li {
                margin-bottom: 20px;
            }
.block.cta-menu .navigation ul.menu-list li a {
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 100%;
                    letter-spacing: 2px;
                    text-transform: uppercase;
                    margin-left: 22px;
                    display: flex;
                    gap: 10px;
                }
.block.cta-menu .navigation ul.menu-list li a span.icon-c {
                        color: #038EA9;
                        color: var(--color-blue-link);
                    }
.block.cta-menu .navigation ul.menu-list li a span.icon-c.icon-chevron_R {display: none;}
.block.cta-menu .navigation ul.menu-list li a span.icon-c.icon-arrow_dashed_R {display: block;}
.block.cta-menu .navigation ul.menu-list li a span.underline-link {
                        color: #038EA9;
                        color: var(--color-blue-link);
                    }
.block.cta-menu .navigation ul.menu-list li a.ctaButton {
                         margin: 0;
                         height: 48px;
                         width: 100%;
                    }
.block.cta-menu .navigation ul.menu-list li a.ctaButton span.underline-link {
                            color: #FFFFFF;
                            color: var(--color-white);
                        }
.block.cta-menu .navigation ul.menu-list li a.ctaButton span.icon-c {
                            color: #FFFFFF;
                            color: var(--color-white);
                        }
/* Solution to flickering on safari */
.swiper-slide {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.wysiwyg > *:not(:last-child) {
          margin-bottom: 1.5rem;


}
.wysiwyg ul {
          list-style-type: disc;
          padding-left: 1.5rem;


}
.wysiwyg ul.arrow-right {
    list-style-type: none;
    margin: 0; padding: 0;
  }
.wysiwyg ul.arrow-right li {
      display: flex;
      align-items: flex-start;
    }
.wysiwyg ul.arrow-right li span.icon-c {
        font-size: 28px;
        position: relative;
      }
#cc-main .cm {
        max-width: 320px;
    }
#cc-main * {
        font-family: "Fira Sans", sans-serif;
    }
#cc-main .cm--box {
       background: #09115E;
       background: var(--color-blue-dark);
        color: #FFFFFF;
        color: var(--color-white);
    }
#cc-main .cm--box h2.cm__title {
            font-family: 'gabrielastencil-regular', sans-serif;
            color: #01B5C0;
            color: var(--color-blue-light);
            font-size: 40px;
            margin: 0;
            padding: 0;
            text-align: center;
        }
#cc-main .cm--box .cm__desc {
            font-size: 20px;
            color: #FFFFFF;
            color: var(--color-white);
            text-align: center;
        }
#cc-main .cm--box .cm__desc a {
                color: #01B5C0;
                color: var(--color-blue-light);
            }
#cc-main .cm--box .cm__title+.cm__desc {
            margin-top: 0;
            padding: 0 40px;
        }
#cc-main .cm__btns {
        border: none;
        padding: 20px 40px 40px 40px;
    }
#cc-main .toggle__icon {
        background: #038EA9;
        background: var(--color-blue-link);
    }
#cc-main .section__toggle:checked~.toggle__icon {
        background: #09115E;
        background: var(--color-blue-dark);
    }
#cc-main .pm__btn,
    #cc-main .cc--anim .cm__btn {
        height: 48px;
        background: #038EA9;
        background: var(--color-blue-link);
        border-radius: 24px;
        text-transform: uppercase;
        font-family: "Fira Sans", sans-serif;
        font-size: 16px;
        margin: 0;
        transition: background ease-in-out 0.45s, color  ease-in-out 0.45s;
        border: 1px solid #038EA9;
        border: 1px solid var(--color-blue-link);
        color: #FFFFFF;
        color: var(--color-white);
    }
#cc-main .pm__btn:not(.does-not-exist):hover,#cc-main .cc--anim .cm__btn:hover {
             background: #01B5C0;
             background: var(--color-blue-light);
            border-color: #01B5C0;
            border-color: var(--color-blue-light);
         }
#cc-main .pm__btn:not(.does-not-exist).cm__btn--secondary,#cc-main .cc--anim .cm__btn.cm__btn--secondary {
             background: none;
             border-color: #038EA9;
             border-color: var(--color-blue-link);
             color: #038EA9;
             color: var(--color-blue-link);
         }
#cc-main .pm__btn.cm__btn--secondary:not(.does-not-exist):hover,#cc-main .cc--anim .cm__btn.cm__btn--secondary:hover {
                 background: #01B5C0 !important;
                 background: var(--color-blue-light) !important;
                 color: #FFFFFF !important;
                 color: var(--color-white) !important;
             }
#cc-main .cm--inline .cm__btn+.cm__btn {margin:0;}
#cc-main .cc--anim .cm__btn-group {
        flex-direction: column;
        display: flex;
        gap: 10px;
        margin-bottom: 5px;
    }
#cc-main .cc--anim .cm__btn-group .cm__btn:last-child {
            background: none;
            border-color: #038EA9;
            border-color: var(--color-blue-link);
            color: #038EA9;
            color: var(--color-blue-link);
        }
#cc-main .cc--anim .cm__btn-group .cm__btn:last-child:hover {
                 background: #01B5C0 !important;
                 background: var(--color-blue-light) !important;
                 color: #FFFFFF !important;
                 color: var(--color-white) !important;
             }
#cc-main .pm.pm--box .pm__footer .pm__btn-group:first-child button.pm__btn {
                    background: none;
                    color: #038EA9;
                    color: var(--color-blue-link);
                }
#cc-main .pm.pm--box .pm__footer .pm__btn-group button.pm__btn:hover {
                    background: #01B5C0 !important;
                    background: var(--color-blue-light) !important;
                    color: #FFFFFF !important;
                    color: var(--color-white) !important;
                }
#cookie-change {
    background: none;
    border: none;
}
.block.col-21 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
.block.col-21 .column.left {
                 width: calc(100% - 300px);
                 max-width: 100%;
             }
.block.col-21 .column.right {
                 max-width: 220px;
                 width: 100%;
             }
@media only screen and (max-width: 768px) {
        .block.col-21 {
             display: flex;
             align-items: flex-start;
             justify-content: space-between;
        }
                .block.col-21 .column.left {
                     width: 100%;
                     max-width: 100%;
                 }

                .block.col-21 .column.right {
                     display: none;
                 }

}
.sr-only {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          white-space: nowrap;
          border-width: 0;


}
.visible {
          visibility: visible;


}
.invisible {
          visibility: hidden;


}
.collapse {
          visibility: collapse;


}
.static {
          position: static;


}
.fixed {
          position: fixed;


}
.absolute {
          position: absolute;


}
.relative {
          position: relative;


}
.sticky {
          position: sticky;


}
.left-2 {
          left: 0.5rem;


}
.top-0 {
          top: 0px;


}
.z-10 {
          z-index: 10;


}
.order-1 {
          order: 1;


}
.order-10 {
          order: 10;


}
.order-11 {
          order: 11;


}
.order-12 {
          order: 12;


}
.order-2 {
          order: 2;


}
.order-3 {
          order: 3;


}
.order-4 {
          order: 4;


}
.order-5 {
          order: 5;


}
.order-6 {
          order: 6;


}
.order-7 {
          order: 7;


}
.order-8 {
          order: 8;


}
.order-9 {
          order: 9;


}
.order-first {
          order: -9999;


}
.order-last {
          order: 9999;


}
.col-auto {
          grid-column: auto;


}
.row-start-1 {
          grid-row-start: 1;


}
.row-end-1 {
          grid-row-end: 1;


}
.float-right {
          float: right;


}
.float-left {
          float: left;


}
.float-none {
          float: none;


}
.m-0 {
          margin: 0px;


}
.m-1 {
          margin: 0.25rem;


}
.m-12 {
          margin: 3rem;


}
.m-16 {
          margin: 4rem;


}
.m-2 {
          margin: 0.5rem;


}
.m-20 {
          margin: 5rem;


}
.m-24 {
          margin: 6rem;


}
.m-28 {
          margin: 7rem;


}
.m-3 {
          margin: 0.75rem;


}
.m-32 {
          margin: 8rem;


}
.m-36 {
          margin: 9rem;


}
.m-4 {
          margin: 1rem;


}
.m-40 {
          margin: 10rem;


}
.m-44 {
          margin: 11rem;


}
.m-48 {
          margin: 12rem;


}
.m-5 {
          margin: 1.25rem;


}
.m-8 {
          margin: 2rem;


}
.m-auto {
          margin: auto;


}
.mx-0 {
          margin-left: 0px;
          margin-right: 0px;


}
.mx-1 {
          margin-left: 0.25rem;
          margin-right: 0.25rem;


}
.mx-12 {
          margin-left: 3rem;
          margin-right: 3rem;


}
.mx-16 {
          margin-left: 4rem;
          margin-right: 4rem;


}
.mx-2 {
          margin-left: 0.5rem;
          margin-right: 0.5rem;


}
.mx-20 {
          margin-left: 5rem;
          margin-right: 5rem;


}
.mx-24 {
          margin-left: 6rem;
          margin-right: 6rem;


}
.mx-28 {
          margin-left: 7rem;
          margin-right: 7rem;


}
.mx-3 {
          margin-left: 0.75rem;
          margin-right: 0.75rem;


}
.mx-32 {
          margin-left: 8rem;
          margin-right: 8rem;


}
.mx-36 {
          margin-left: 9rem;
          margin-right: 9rem;


}
.mx-4 {
          margin-left: 1rem;
          margin-right: 1rem;


}
.mx-40 {
          margin-left: 10rem;
          margin-right: 10rem;


}
.mx-44 {
          margin-left: 11rem;
          margin-right: 11rem;


}
.mx-48 {
          margin-left: 12rem;
          margin-right: 12rem;


}
.mx-5 {
          margin-left: 1.25rem;
          margin-right: 1.25rem;


}
.mx-8 {
          margin-left: 2rem;
          margin-right: 2rem;


}
.mx-auto {
          margin-left: auto;
          margin-right: auto;


}
.my-0 {
          margin-top: 0px;
          margin-bottom: 0px;


}
.my-1 {
          margin-top: 0.25rem;
          margin-bottom: 0.25rem;


}
.my-10 {
          margin-top: 2.5rem;
          margin-bottom: 2.5rem;


}
.my-12 {
          margin-top: 3rem;
          margin-bottom: 3rem;


}
.my-16 {
          margin-top: 4rem;
          margin-bottom: 4rem;


}
.my-2 {
          margin-top: 0.5rem;
          margin-bottom: 0.5rem;


}
.my-20 {
          margin-top: 5rem;
          margin-bottom: 5rem;


}
.my-24 {
          margin-top: 6rem;
          margin-bottom: 6rem;


}
.my-28 {
          margin-top: 7rem;
          margin-bottom: 7rem;


}
.my-3 {
          margin-top: 0.75rem;
          margin-bottom: 0.75rem;


}
.my-32 {
          margin-top: 8rem;
          margin-bottom: 8rem;


}
.my-36 {
          margin-top: 9rem;
          margin-bottom: 9rem;


}
.my-4 {
          margin-top: 1rem;
          margin-bottom: 1rem;


}
.my-40 {
          margin-top: 10rem;
          margin-bottom: 10rem;


}
.my-44 {
          margin-top: 11rem;
          margin-bottom: 11rem;


}
.my-48 {
          margin-top: 12rem;
          margin-bottom: 12rem;


}
.my-5 {
          margin-top: 1.25rem;
          margin-bottom: 1.25rem;


}
.my-8 {
          margin-top: 2rem;
          margin-bottom: 2rem;


}
.my-auto {
          margin-top: auto;
          margin-bottom: auto;


}
.mb-0 {
          margin-bottom: 0px;


}
.mb-10 {
          margin-bottom: 2.5rem;


}
.mb-12 {
          margin-bottom: 3rem;


}
.mb-14 {
          margin-bottom: 3.5rem;


}
.mb-16 {
          margin-bottom: 4rem;


}
.mb-2 {
          margin-bottom: 0.5rem;


}
.mb-20 {
          margin-bottom: 5rem;


}
.mb-24 {
          margin-bottom: 6rem;


}
.mb-28 {
          margin-bottom: 7rem;


}
.mb-32 {
          margin-bottom: 8rem;


}
.mb-36 {
          margin-bottom: 9rem;


}
.mb-4 {
          margin-bottom: 1rem;


}
.mb-40 {
          margin-bottom: 10rem;


}
.mb-44 {
          margin-bottom: 11rem;


}
.mb-48 {
          margin-bottom: 12rem;


}
.mb-5 {
          margin-bottom: 1.25rem;


}
.mb-6 {
          margin-bottom: 1.5rem;


}
.mb-60 {
          margin-bottom: 15rem;


}
.mb-8 {
          margin-bottom: 2rem;


}
.mb-80 {
          margin-bottom: 20rem;


}
.ml-12 {
          margin-left: 3rem;


}
.ml-16 {
          margin-left: 4rem;


}
.ml-20 {
          margin-left: 5rem;


}
.ml-24 {
          margin-left: 6rem;


}
.ml-28 {
          margin-left: 7rem;


}
.ml-32 {
          margin-left: 8rem;


}
.ml-36 {
          margin-left: 9rem;


}
.ml-4 {
          margin-left: 1rem;


}
.ml-40 {
          margin-left: 10rem;


}
.ml-44 {
          margin-left: 11rem;


}
.ml-48 {
          margin-left: 12rem;


}
.ml-8 {
          margin-left: 2rem;


}
.mr-12 {
          margin-right: 3rem;


}
.mr-16 {
          margin-right: 4rem;


}
.mr-2 {
          margin-right: 0.5rem;


}
.mr-20 {
          margin-right: 5rem;


}
.mr-24 {
          margin-right: 6rem;


}
.mr-28 {
          margin-right: 7rem;


}
.mr-32 {
          margin-right: 8rem;


}
.mr-36 {
          margin-right: 9rem;


}
.mr-4 {
          margin-right: 1rem;


}
.mr-40 {
          margin-right: 10rem;


}
.mr-44 {
          margin-right: 11rem;


}
.mr-48 {
          margin-right: 12rem;


}
.mr-8 {
          margin-right: 2rem;


}
.mt-0 {
          margin-top: 0px;


}
.mt-10 {
          margin-top: 2.5rem;


}
.mt-12 {
          margin-top: 3rem;


}
.mt-16 {
          margin-top: 4rem;


}
.mt-20 {
          margin-top: 5rem;


}
.mt-24 {
          margin-top: 6rem;


}
.mt-28 {
          margin-top: 7rem;


}
.mt-32 {
          margin-top: 8rem;


}
.mt-36 {
          margin-top: 9rem;


}
.mt-4 {
          margin-top: 1rem;


}
.mt-40 {
          margin-top: 10rem;


}
.mt-44 {
          margin-top: 11rem;


}
.mt-48 {
          margin-top: 12rem;


}
.mt-6 {
          margin-top: 1.5rem;


}
.mt-60 {
          margin-top: 15rem;


}
.mt-8 {
          margin-top: 2rem;


}
.mt-80 {
          margin-top: 20rem;


}
.block {
          display: block;


}
.inline-block {
          display: inline-block;


}
.inline {
          display: inline;


}
.flex {
          display: flex;


}
.inline-flex {
          display: inline-flex;


}
.table {
          display: table;


}
.table-cell {
          display: table-cell;


}
.table-row {
          display: table-row;


}
.grid {
          display: grid;


}
.contents {
          display: contents;


}
.hidden {
          display: none;


}
.size-full {
          width: 100%;
          height: 100%;


}
.h-auto {
          height: auto;


}
.w-auto {
          width: auto;


}
.flex-shrink {
          flex-shrink: 1;


}
.flex-shrink-0 {
          flex-shrink: 0;


}
.shrink {
          flex-shrink: 1;


}
.flex-grow {
          flex-grow: 1;


}
.flex-grow-0 {
          flex-grow: 0;


}
.caption-top {
          caption-side: top;


}
.caption-bottom {
          caption-side: bottom;


}
.border-collapse {
          border-collapse: collapse;


}
.transform {
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));


}
.resize {
          resize: both;


}
.grid-rows-2 {
          grid-template-rows: repeat(2, minmax(0, 1fr));


}
.flex-row {
          flex-direction: row;


}
.flex-row-reverse {
          flex-direction: row-reverse;


}
.flex-wrap {
          flex-wrap: wrap;


}
.flex-wrap-reverse {
          flex-wrap: wrap-reverse;


}
.flex-nowrap {
          flex-wrap: nowrap;


}
.content-start {
          align-content: flex-start;


}
.content-end {
          align-content: flex-end;


}
.gap-4 {
          gap: 1rem;


}
.overflow-auto {
          overflow: auto;


}
.overflow-hidden {
          overflow: hidden;


}
.text-wrap {
          text-wrap: wrap;


}
.text-nowrap {
          text-wrap: nowrap;


}
.rounded {
          border-radius: 0.25rem;


}
.rounded-lg {
          border-radius: 0.5rem;


}
.rounded-sm {
          border-radius: 0.125rem;


}
.border {
          border-width: 1px;


}
.border-0 {
          border-width: 0px;


}
.border-primary {
          --tw-border-opacity: 1;
          border-color: rgba(36, 55, 71, 1);
          border-color: rgba(36, 55, 71, var(--tw-border-opacity, 1));


}
.border-white {
          --tw-border-opacity: 1;
          border-color: rgba(255, 255, 255, 1);
          border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1));


}
.bg-primary {
          --tw-bg-opacity: 1;
          background-color: rgba(36, 55, 71, 1);
          background-color: rgba(36, 55, 71, var(--tw-bg-opacity, 1));


}
.bg-transparent {
          background-color: transparent;


}
.bg-white {
          --tw-bg-opacity: 1;
          background-color: rgba(255, 255, 255, 1);
          background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));


}
.p-0 {
          padding: 0px;


}
.p-1 {
          padding: 0.25rem;


}
.p-12 {
          padding: 3rem;


}
.p-16 {
          padding: 4rem;


}
.p-2 {
          padding: 0.5rem;


}
.p-20 {
          padding: 5rem;


}
.p-24 {
          padding: 6rem;


}
.p-28 {
          padding: 7rem;


}
.p-3 {
          padding: 0.75rem;


}
.p-32 {
          padding: 8rem;


}
.p-36 {
          padding: 9rem;


}
.p-4 {
          padding: 1rem;


}
.p-40 {
          padding: 10rem;


}
.p-44 {
          padding: 11rem;


}
.p-48 {
          padding: 12rem;


}
.p-5 {
          padding: 1.25rem;


}
.p-8 {
          padding: 2rem;


}
.px-0 {
          padding-left: 0px;
          padding-right: 0px;


}
.px-1 {
          padding-left: 0.25rem;
          padding-right: 0.25rem;


}
.px-12 {
          padding-left: 3rem;
          padding-right: 3rem;


}
.px-16 {
          padding-left: 4rem;
          padding-right: 4rem;


}
.px-2 {
          padding-left: 0.5rem;
          padding-right: 0.5rem;


}
.px-20 {
          padding-left: 5rem;
          padding-right: 5rem;


}
.px-24 {
          padding-left: 6rem;
          padding-right: 6rem;


}
.px-28 {
          padding-left: 7rem;
          padding-right: 7rem;


}
.px-3 {
          padding-left: 0.75rem;
          padding-right: 0.75rem;


}
.px-32 {
          padding-left: 8rem;
          padding-right: 8rem;


}
.px-36 {
          padding-left: 9rem;
          padding-right: 9rem;


}
.px-4 {
          padding-left: 1rem;
          padding-right: 1rem;


}
.px-40 {
          padding-left: 10rem;
          padding-right: 10rem;


}
.px-44 {
          padding-left: 11rem;
          padding-right: 11rem;


}
.px-48 {
          padding-left: 12rem;
          padding-right: 12rem;


}
.px-5 {
          padding-left: 1.25rem;
          padding-right: 1.25rem;


}
.px-8 {
          padding-left: 2rem;
          padding-right: 2rem;


}
.py-0 {
          padding-top: 0px;
          padding-bottom: 0px;


}
.py-1 {
          padding-top: 0.25rem;
          padding-bottom: 0.25rem;


}
.py-12 {
          padding-top: 3rem;
          padding-bottom: 3rem;


}
.py-16 {
          padding-top: 4rem;
          padding-bottom: 4rem;


}
.py-2 {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;


}
.py-20 {
          padding-top: 5rem;
          padding-bottom: 5rem;


}
.py-24 {
          padding-top: 6rem;
          padding-bottom: 6rem;


}
.py-28 {
          padding-top: 7rem;
          padding-bottom: 7rem;


}
.py-3 {
          padding-top: 0.75rem;
          padding-bottom: 0.75rem;


}
.py-32 {
          padding-top: 8rem;
          padding-bottom: 8rem;


}
.py-36 {
          padding-top: 9rem;
          padding-bottom: 9rem;


}
.py-4 {
          padding-top: 1rem;
          padding-bottom: 1rem;


}
.py-40 {
          padding-top: 10rem;
          padding-bottom: 10rem;


}
.py-44 {
          padding-top: 11rem;
          padding-bottom: 11rem;


}
.py-48 {
          padding-top: 12rem;
          padding-bottom: 12rem;


}
.py-5 {
          padding-top: 1.25rem;
          padding-bottom: 1.25rem;


}
.py-8 {
          padding-top: 2rem;
          padding-bottom: 2rem;


}
.pb-10 {
          padding-bottom: 2.5rem;


}
.pb-12 {
          padding-bottom: 3rem;


}
.pb-16 {
          padding-bottom: 4rem;


}
.pb-20 {
          padding-bottom: 5rem;


}
.pb-24 {
          padding-bottom: 6rem;


}
.pb-28 {
          padding-bottom: 7rem;


}
.pb-32 {
          padding-bottom: 8rem;


}
.pb-36 {
          padding-bottom: 9rem;


}
.pb-4 {
          padding-bottom: 1rem;


}
.pb-40 {
          padding-bottom: 10rem;


}
.pb-44 {
          padding-bottom: 11rem;


}
.pb-48 {
          padding-bottom: 12rem;


}
.pb-8 {
          padding-bottom: 2rem;


}
.pl-12 {
          padding-left: 3rem;


}
.pl-16 {
          padding-left: 4rem;


}
.pl-20 {
          padding-left: 5rem;


}
.pl-24 {
          padding-left: 6rem;


}
.pl-28 {
          padding-left: 7rem;


}
.pl-32 {
          padding-left: 8rem;


}
.pl-36 {
          padding-left: 9rem;


}
.pl-4 {
          padding-left: 1rem;


}
.pl-40 {
          padding-left: 10rem;


}
.pl-44 {
          padding-left: 11rem;


}
.pl-48 {
          padding-left: 12rem;


}
.pl-8 {
          padding-left: 2rem;


}
.pr-12 {
          padding-right: 3rem;


}
.pr-16 {
          padding-right: 4rem;


}
.pr-20 {
          padding-right: 5rem;


}
.pr-24 {
          padding-right: 6rem;


}
.pr-28 {
          padding-right: 7rem;


}
.pr-32 {
          padding-right: 8rem;


}
.pr-36 {
          padding-right: 9rem;


}
.pr-4 {
          padding-right: 1rem;


}
.pr-40 {
          padding-right: 10rem;


}
.pr-44 {
          padding-right: 11rem;


}
.pr-48 {
          padding-right: 12rem;


}
.pr-8 {
          padding-right: 2rem;


}
.pt-12 {
          padding-top: 3rem;


}
.pt-16 {
          padding-top: 4rem;


}
.pt-20 {
          padding-top: 5rem;


}
.pt-24 {
          padding-top: 6rem;


}
.pt-28 {
          padding-top: 7rem;


}
.pt-32 {
          padding-top: 8rem;


}
.pt-36 {
          padding-top: 9rem;


}
.pt-4 {
          padding-top: 1rem;


}
.pt-40 {
          padding-top: 10rem;


}
.pt-44 {
          padding-top: 11rem;


}
.pt-48 {
          padding-top: 12rem;


}
.pt-8 {
          padding-top: 2rem;


}
.text-left {
          text-align: left;


}
.text-center {
          text-align: center;


}
.text-right {
          text-align: right;


}
.text-justify {
          text-align: justify;


}
.align-baseline {
          vertical-align: baseline;


}
.align-top {
          vertical-align: top;


}
.align-middle {
          vertical-align: middle;


}
.align-bottom {
          vertical-align: bottom;


}
.align-text-top {
          vertical-align: text-top;


}
.align-text-bottom {
          vertical-align: text-bottom;


}
.font-sans {
          font-family: Fira Sans, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";


}
.text-sm {
          font-size: 0.875rem;
          line-height: 1.25rem;


}
.text-xxs {
          font-size: 0.625rem;


}
.uppercase {
          text-transform: uppercase;


}
.lowercase {
          text-transform: lowercase;


}
.capitalize {
          text-transform: capitalize;


}
.italic {
          font-style: italic;


}
.leading-5 {
          line-height: 1.25rem;


}
.text-basic-300 {
          --tw-text-opacity: 1;
          color: rgba(205, 205, 205, 1);
          color: rgba(205, 205, 205, var(--tw-text-opacity, 1));


}
.text-basic-350 {
          --tw-text-opacity: 1;
          color: rgba(175, 175, 175, 1);
          color: rgba(175, 175, 175, var(--tw-text-opacity, 1));


}
.text-basic-500 {
          --tw-text-opacity: 1;
          color: rgba(116, 115, 115, 1);
          color: rgba(116, 115, 115, var(--tw-text-opacity, 1));


}
.text-basic-900 {
          --tw-text-opacity: 1;
          color: rgba(36, 55, 71, 1);
          color: rgba(36, 55, 71, var(--tw-text-opacity, 1));


}
.text-blue-dark {
          --tw-text-opacity: 1;
          color: rgba(9, 17, 94, 1);
          color: rgba(9, 17, 94, var(--tw-text-opacity, 1));


}
.text-blue-light {
          --tw-text-opacity: 1;
          color: rgba(1, 181, 192, 1);
          color: rgba(1, 181, 192, var(--tw-text-opacity, 1));


}
.text-blue-link {
          --tw-text-opacity: 1;
          color: rgba(3, 142, 169, 1);
          color: rgba(3, 142, 169, var(--tw-text-opacity, 1));


}
.text-blue-linkd {
          --tw-text-opacity: 1;
          color: rgba(77, 222, 231, 1);
          color: rgba(77, 222, 231, var(--tw-text-opacity, 1));


}
.text-gray-900 {
          --tw-text-opacity: 1;
          color: rgba(17, 24, 39, 1);
          color: rgba(17, 24, 39, var(--tw-text-opacity, 1));


}
.text-primary {
          --tw-text-opacity: 1;
          color: rgba(36, 55, 71, 1);
          color: rgba(36, 55, 71, var(--tw-text-opacity, 1));


}
.text-white {
          --tw-text-opacity: 1;
          color: rgba(255, 255, 255, 1);
          color: rgba(255, 255, 255, var(--tw-text-opacity, 1));


}
.underline {
          text-decoration-line: underline;


}
.antialiased {
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;


}
.shadow {
          --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
          --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
          box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);


}
.shadow-lg {
          --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
          --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
          box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);


}
.shadow-none {
          --tw-shadow: 0 0 rgba(0,0,0,0);
          --tw-shadow-colored: 0 0 rgba(0,0,0,0);
          box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);


}
.shadow-sm {
          --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
          --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
          box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);


}
.outline {
          outline-style: solid;


}
.blur {
          --tw-blur: blur(8px);
          filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);


}
.grayscale {
          --tw-grayscale: grayscale(100%);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);


}
.invert {
          --tw-invert: invert(100%);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) invert(100%) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);


}
.filter {
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);


}
.transition {
          transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 150ms;


}
.ease-in-out {
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);


}
.ease-out {
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);


}
.animated-underline {
          background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
          background-size: 100% 0.1em, 0 0.1em;
          background-position: 100% calc(100% - 1px), 0 calc(100% - 1px);
          background-repeat: no-repeat;
          transition: background-size 0.4s 0.1s ease-out;


}
.animated-underline.reverse {
          background-position: 0% 100%, 100% 100%;


}
.container-grid {
          --max: calc((var(--container-max-width) - (var(--gap) * 11)) / 12);
          display: grid;
          grid-template-columns: minmax(0, 1fr)
            [outer-start]
            var(--padding-px)
            repeat(5, [content-start] minmax(0, calc((1200px - (24px * 11)) / 12)) [content-gap] 24px)
            [content-start]
            minmax(0, calc((1200px - (24px * 11)) / 12))
            [content-gap]
            calc(24px / 2)
            [half]
            calc(24px / 2)
            repeat(5, [content-start] minmax(0, calc((1200px - (24px * 11)) / 12)) [content-gap] 24px)
            [content-start] minmax(0, calc((1200px - (24px * 11)) / 12))
            [content-gap content-end]
            var(--padding-px)
            [outer-end]
            minmax(0, 1fr);
          grid-template-columns: minmax(0, 1fr)
            [outer-start]
            var(--padding-px)
            repeat(5, [content-start] minmax(0, var(--max)) [content-gap] var(--gap))
            [content-start]
            minmax(0, var(--max))
            [content-gap]
            calc(var(--gap) / 2)
            [half]
            calc(var(--gap) / 2)
            repeat(5, [content-start] minmax(0, var(--max)) [content-gap] var(--gap))
            [content-start] minmax(0, var(--max))
            [content-gap content-end]
            var(--padding-px)
            [outer-end]
            minmax(0, 1fr);
          grid-auto-rows: auto;
          width: 100%;


}
.no-gap {
          --gap: 0rem;


}
.full {
          grid-column: 1 / -1;


}
.\!content {
          grid-column: content !important;


}
.content {
          grid-column: content;


}
.content-start-md-1 {
          grid-column-start: content-start 1;


}
.content-span-md-1 {
          grid-column-end: span 1 content-gap;


}
.content-start-md-2 {
          grid-column-start: content-start 2;


}
.content-span-md-2 {
          grid-column-end: span 2 content-gap;


}
.content-start-md-3 {
          grid-column-start: content-start 3;


}
.content-span-md-3 {
          grid-column-end: span 3 content-gap;


}
.content-span-md-4 {
          grid-column-end: span 4 content-gap;


}
.content-start-md-5 {
          grid-column-start: content-start 5;


}
.content-span-md-5 {
          grid-column-end: span 5 content-gap;


}
.content-start-md-6 {
          grid-column-start: content-start 6;


}
.content-span-md-6 {
          grid-column-end: span 6 content-gap;


}
.content-start-md-7 {
          grid-column-start: content-start 7;


}
.content-span-md-7 {
          grid-column-end: span 7 content-gap;


}
.content-start-md-8 {
          grid-column-start: content-start 8;


}
.content-span-md-8 {
          grid-column-end: span 8 content-gap;


}
.content-start-md-9 {
          grid-column-start: content-start 9;


}
.content-start-md-10 {
          grid-column-start: content-start 10;


}
.content-span-md-10 {
          grid-column-end: span 10 content-gap;


}
.content-start-md-11 {
          grid-column-start: content-start 11;


}
.content-span-md-11 {
          grid-column-end: span 11 content-gap;


}
.content-span-md-12 {
          grid-column-end: span 12 content-gap;


}
/* Underline */
.bg-underline {
    background-image: linear-gradient(transparent, transparent),
      linear-gradient(currentColor, currentColor);
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% calc(100% - 1px), 0 calc(100% - 1px);
    background-repeat: no-repeat;
    transition: background-size 0.4s 0.1s ease-out;
  }
.bg-underline.reverse {
      background-position: 0% 100%, 100% 100%;
    }
a:hover > .bg-underline,
      button:hover > .bg-underline,
      a.bg-underline:hover,
      button.bg-underline:hover {
        background-size: 0 0.1em, 100% 0.1em;
        transition: background-size 0.5s 0s ease-out;
      }
header.main_header {
  padding: 45px 0 75px 0;
}
header.main_header .open-menu {
    display: none;
  }
header.main_header .header-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
header.main_header .header-wp .logo {
      max-width: 343px;
      height: auto;
    }
header.main_header .header-wp .block.navigation ul.menu-list {
        display: flex;
        align-items: center;
        gap: 24px;

        list-style-type: none;
      }
header.main_header .header-wp .block.navigation ul.menu-list li a.link  {
            position: relative;
          }
header.main_header .header-wp .block.navigation ul.menu-list li a.link span.icon-c {
              display: none;
            }
header.main_header .header-wp .block.navigation ul.menu-list li a.link span.underline-link  {
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              letter-spacing: 1.6px;
              text-transform: uppercase;
              color: #038EA9;
              color: var(--color-blue-link)
            }
header.main_header .header-wp .block.navigation ul.menu-list li a.link.ctaButton {
              height: 40px;
            }
header.main_header .header-wp .block.navigation ul.menu-list li a.link.ctaButton span.underline-link {
                color: #FFFFFF;
                color: var(--color-white);
              }
header.main_header .header-wp .block.navigation ul.menu-list li a.link.ctaButton span.underline-link:hover {
                  background: none;
                }
header.main_header .header-wp .block.navigation ul.menu-list li a.link::after {
              content: "";
              position: absolute;
              bottom: -12px;
              left: -5px;
              right: -5px;
              width: 0;
              height: 4px;
              background-color: #01B5C0;
              background-color: var(--color-blue-light);
              transition: width .5s ease-in-out;
            }
header.main_header .header-wp .block.navigation ul.menu-list li a.link.nav-item.active span {
                color: #09115E;
                color: var(--color-blue-dark);
              }
header.main_header .header-wp .block.navigation ul.menu-list li a.link.nav-item.active::after {
                width: calc(100% + 10px);
              }
header.main_header a.logo {
    max-width: 384px;
    display: block;
  }
header.main_header a.logo img {
      max-width: 384px;
      width: 100%;
    }
@media only screen and (max-width: 960px) {
  header.main_header {
    padding: 24px 0 40px 0;


  }
    header.main_header .header-wp .logo  {
      min-width: 230px;
      max-width: 230px;
      width: 100%;
    }
    header.main_header .open-menu {
      display: block;
      font-size: 28px;
      color: #038EA9;
      color: var(--color-blue-link);
      cursor: pointer;
      transition: color ease-in-out 0.45s;
    }

      header.main_header .open-menu:hover {
        color: #09115E;
        color: var(--color-blue-dark);
      }
      header.main_header .header-wp .block.navigation {
        position: fixed;
        top: 0; bottom: 0; right: 0;
        z-index: 10;
        max-width: 360px;
        width: 100%;
        background: #09115E;
        background: var(--color-blue-dark);
        padding: 40px 20px 20px;

        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
      }

        header.main_header .header-wp .block.navigation.active {
          transform: translateX(0);
        }

        header.main_header .header-wp .block.navigation .hidden {
          width: 100%;
          display: flex;
          justify-content: flex-end;

        }

          header.main_header .header-wp .block.navigation .hidden .close-menu {
            font-size: 28px;
            color: #038EA9;
            color: var(--color-blue-link);
          }

        header.main_header .header-wp .block.navigation ul.menu-list {
          flex-direction: column;
          align-items: flex-start;
          gap: 0;
          margin: 47px 0 0 0; padding: 0;
        }

          header.main_header .header-wp .block.navigation ul.menu-list li {
            width: 100%;
            border-top: 1px solid #000;
          }
            header.main_header .header-wp .block.navigation ul.menu-list li a {
              display: flex;
              align-items: center;
              justify-content:  flex-start;
              height: 64px;
              border-left: 4px solid transparent;

              padding-left: 24px;
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%; /* 16px */
              letter-spacing: 1.6px;
              text-transform: uppercase;
              color: #038EA9;
              color: var(--color-blue-link);
            }

              header.main_header .header-wp .block.navigation ul.menu-list li a.link.nav-item.active {
                border-left-color: #038EA9;
                border-left-color: var(--color-blue-link);
                color: #FFFFFF;
                color: var(--color-white);
              }
                header.main_header .header-wp .block.navigation ul.menu-list li a.link.nav-item.active::after {
                  display: none;
                }

                header.main_header .header-wp .block.navigation ul.menu-list li a.link.nav-item.active span {
                  color: #FFFFFF;
                  color: var(--color-white);
                }

              header.main_header .header-wp .block.navigation ul.menu-list li a.ctaButton {
                margin-top: 24px;
                text-align: left;
                position: relative;
              }

                header.main_header .header-wp .block.navigation ul.menu-list li a.ctaButton span.icon-c.icon-arrow_dashed_R {
                  display: block;
                  color: #fff;
                  position: absolute;
                  right: 24px;
                  font-size: 28px;
                }

}
footer.main_footer {
  margin-top: 40px;
  background: #09115E;
  background: var(--color-blue-dark);


}
footer.main_footer .socials {
    margin:  0 0 42px 0;
    padding-bottom: 42px;
    border-top: none;
    border-bottom: 1px solid #038EA9;
    border-bottom: 1px solid var(--color-blue-link);
    position: relative;
    padding-left: 77px;
  }
footer.main_footer .socials .logo {
      width: 66px;
      position: absolute;
      top: -17px;
      left: 0;
    }
footer.main_footer .socials .mailer {
      padding: 48px 0 0 0;
      background: none;
    }
footer.main_footer .socials .socials-links {
      margin: 0;
      padding-top: 48px;
    }
footer.main_footer .socials .socials-links ul li a:hover {
          background: #01B5C0;
          background: var(--color-blue-light);
        }
footer.main_footer .contact a, footer.main_footer .contact span {
      line-height: 130%;
    }
footer.main_footer .buttons_cta {
    align-items: flex-end;
  }
footer.main_footer .buttons_cta a, footer.main_footer .buttons_cta span.ctaButton {
      min-width: 296px;
      max-width: 296px;
    }
footer.main_footer .footer-widget {
    padding-left: 77px;
  }
footer.main_footer .footer-widget .block.navigation ul.menu-list {
          list-style-type: none;
          margin: 0;
          padding: 0;
        }
footer.main_footer .footer-widget .block.navigation ul.menu-list li {
            margin-bottom: 12px;
          }
footer.main_footer .footer-widget .block.navigation ul.menu-list li .nav-item.link {
                font-size: 16px;
                font-style: normal;
                line-height: 110%;
                padding-left: 17px;
                display: block;
                position: relative;
              }
footer.main_footer .footer-widget .block.navigation ul.menu-list li .nav-item.link.parent  {
                  font-size: 16px;
                  font-style: normal;
                  line-height: 110%;
                  font-weight: 700;
                  padding-left: 0;
                }
footer.main_footer .footer-widget .block.navigation ul.menu-list li .nav-item.link.parent span.icon-c {
                      display: none;
                    }
footer.main_footer .footer-widget .block.navigation ul.menu-list li .nav-item.link.parent.arrow-left {
                    padding-left: 60px;
                  }
footer.main_footer .footer-widget .block.navigation ul.menu-list li .nav-item.link.parent.arrow-left.ctaButton {
                      padding-left: 17px;
                    }
footer.main_footer .footer-widget .block.navigation ul.menu-list li .nav-item.link span.icon-c {
                  font-size: 20px;
                  position: absolute;
                  top: -2px;
                  left: -5px;
                }
footer.main_footer .footer-widget .block.navigation ul.menu-list li .nav-item.link span.icon-c.icon-arrow_dashed_R {
                    display: none;
                  }
footer.main_footer .footer-widget .block.navigation ul.menu-list li .nav-item.link.ctaButton {
                  text-align: left;
                  color: #FFFFFF;
                  color: var(--color-white);
                  font-size: 20px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: 100%;
                  letter-spacing: 2px;
                  text-transform: uppercase;
                  display: flex;
                }
footer.main_footer .footer-widget .block.navigation ul.menu-list li .nav-item.link.ctaButton span.icon-c {
                    font-size: 20px;
                    position: relative;
                    top: 0;
                    left: 0;
                  }
footer.main_footer .footer-widget .block.navigation ul.menu-list li .nav-item.link.ctaButton span.underline-link {
                    background: none;
                  }
footer.main_footer .footer-widget .block.navigation a {
          color: #01B5C0;
          color: var(--color-blue-light);
        }
footer.main_footer .footer-widget .block.contact {
        border-top: 1px solid #01B5C0;
        border-top: 1px solid var(--color-blue-light);
        padding-top: 14px; margin-top: 36px;
      }
footer.main_footer .footer-widget .block.contact .address {
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 110%;
          color: #FFFFFF;
          color: var(--color-white);
          margin-bottom: 8px;
        }
footer.main_footer .footer-widget .block.contact .email {
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%; /* 16px */
          letter-spacing: 1.6px;
          text-transform: uppercase;
          color: #01B5C0;
          color: var(--color-blue-light);
        }
footer.main_footer .footer-widget .block.contact .email a {

            font-size: 16px;
            font-style: normal;
            line-height: 110%;
            padding-left: 17px;
            display: block;
            position: relative;
          }
footer.main_footer .footer-widget .block.contact .email a span.underline-link {
              color: #038EA9;
              color: var(--color-blue-link);
            }
footer.main_footer .footer-widget .block.contact .email a span.icon-c {
              font-size: 20px;
              position: absolute;
              top: -4px;
              left: -5px;
              color: #038EA9;
              color: var(--color-blue-link);
            }
footer.main_footer .footer-widget .block.cta-menu .navigation li {
            padding-left: 0;
          }
footer.main_footer .footer-widget .block.cta-menu .navigation li:first-child {
              padding: 0;
            }
footer.main_footer .footer-widget .block.cta-menu .navigation li a.nav-item.title {
              }
footer.main_footer .footer-widget .block.cta-menu .navigation li a.nav-item.link {
                font-size: 16px;
                font-style: normal;
                line-height: 110%;
                padding-left: 60px;
                display: block;
                position: relative;
              }
footer.main_footer .footer-widget .block.cta-menu .navigation li a.nav-item.link.ctaButton {
                  padding-left: 17px;
                }
footer.main_footer .footer-widget .block.cta-menu .navigation li a.nav-item.link span.icon-c {
                  font-size: 20px;
                  position: absolute;
                  top: -2px;
                  left: -3px;
                }
footer.main_footer .footer-widget .block.cta-menu .navigation li a.nav-item.link span.icon-c.icon-arrow_dashed_R {
                    display: block;
                  }
footer.main_footer .bottom-footer {
    border-top: 1px solid #038EA9;
    border-top: 1px solid var(--color-blue-link);
    padding-top: 25px;
    margin: 25px 0 80px 0;
    gap: 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #FFFFFF;

    color: var(--color-white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
  }
footer.main_footer .bottom-footer button {
      cursor: pointer;
    }
footer.main_footer .bottom-footer #cookie-change2 {
      font-family: Fira Sans, sans-serif;
    }
footer.main_footer .last_row {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
footer.main_footer .last_row .add_link {
      max-width: 296px;
      width: 296px;
      margin-bottom: 10px;
    }
footer.main_footer .last_row .add_link a {
        margin-bottom: 10px;
      }
footer.main_footer .last_row .add_link a .icon {
          margin-right: 10px;
          position: relative;
          top: 4px;
        }
@media only screen and (max-width: 768px) {
  footer.main_footer .footer-widget {
    padding-left: 0;
  }

    footer.main_footer .footer-widget .block.cta-menu {
      border-top: 1px solid #01B5C0;
      border-top: 1px solid var(--color-blue-light);
      padding-top: 24px;
    }
  footer.main_footer .bottom-footer {
    gap: 12px;
  }
}
body {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;

  margin: 0; padding: 0;
  overflow-x: hidden;

}
p {
  margin: 0 0 20px 0;
}
.main-image {
  display: flex;
  width: 100%;
}
.main-image img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left;
       object-position: left;
  }
.media-background {
  position: relative;
  padding-top: 38px;

  color: #FFFFFF;

  color: var(--color-white);
  overflow: hidden;
}
.media-background #bg-video {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;

    -o-object-position: center;

       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
  }
.media-background img.bg-image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;

    -o-object-position: center;

       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
  }
.media-background .container-grid {
    z-index: 1;
    position: relative;
    padding-bottom: 80px;


  }
.socials {
  border-top: 1px solid #09115E;
  border-top: 1px solid var(--color-blue-dark);
  margin-top: 80px;
  padding: 0 0 24px 0;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 110px;
}
.socials span.title {
    display: block;
    margin-bottom: 12px;
  }
.socials .mailer {
    max-width: calc(100% - 332px);
    width: 100%;
    background: rgba(0, 84, 107, 0.8);

    padding: 20px 50px;
  }
.socials .mailer input[type=text] {
      width: 100%;
      height: 46px;
      display: block;
      background: #FFFFFF;
      background: var(--color-white);
      padding: 0 20px;
      border-radius: 23px;
      font-size: 20px;

      font-family: "Fira Sans", sans-serif;
    }
.socials .mailer ._form-content {
      position: relative;

    }
.socials .mailer ._form-content ._error-inner {
        font-size: 13px;
        color: #FFFFFF;
        color: var(--color-white);
      }
.socials .mailer ._form-content ._field-wrapper ._error-inner {
          position: relative;
          left: 20px;
        }
.socials .mailer ._form-content ._html-code {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        margin-bottom: 17px;
      }
.socials .mailer ._form-content ._html-code p {
          color: #FFFFFF;
          color: var(--color-white);
        }
.socials .mailer ._form-content ._html-code p a {color: #FFFFFF;color: var(--color-white);
          }
.socials .mailer ._form_element._x98641860 {

      background: none !important;
      border: none  !important;
    }
.socials .mailer ._form_element._x98641860 {
      margin: 0; padding: 0;
      color: #FFFFFF;
      color: var(--color-white);
    }
.socials .mailer ._form_element._x98641860 fieldset {
        background: none !important;
        border: none  !important;
      }
.socials .mailer ._form_element._x98641860 fieldset {

        padding: 20px 180px 20px 0;
      }
.socials .mailer ._form_element._x98641860 fieldset ._row._checkbox-radio {
          position: relative;
          margin-top: 8px;
        }
.socials .mailer ._form_element._x98641860 fieldset ._row._checkbox-radio input {
            display: none;
          }
.socials .mailer ._form_element._x98641860 fieldset ._row._checkbox-radio span {
            position: relative;
          }
.socials .mailer ._form_element._x98641860 fieldset ._row._checkbox-radio span::before {
              content: '';
              position: absolute;
              left: 0;
              top: 0;
              width: 20px;
              height: 20px;
              background: none;
              cursor: pointer;
              border-radius: 2px;
              border: 1px solid #FFFFFF;
              border: 1px solid var(--color-white);
            }
.socials .mailer ._form_element._x98641860 fieldset ._row._checkbox-radio input:checked + span::before {
            background: #01B5C0;
            background: var(--color-blue-light);
            content: '\e921';
            font-family: 'unifrog_ico', sans-serif;
            line-height: 1;
          }
.socials .mailer ._form_element._x98641860 fieldset ._row._checkbox-radio label {
            cursor: pointer;
            position: relative;
            top: 0;
            padding-left: 28px;
          }
.socials .mailer ._button-wrapper {
      position: absolute;
      top: 0; right: 0;
    }
.socials .mailer ._button-wrapper button {
        width: 30px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1.6px;
        font-family: "Fira Sans", sans-serif;
        background: none;
        overflow: hidden;
        border: none;

      }
.socials .mailer ._button-wrapper button:hover {
          border: none;
        }
.socials .mailer ._button-wrapper button:hover::before {
            color: #09115E;
            color: var(--color-blue-dark);
          }
.socials .mailer ._button-wrapper button::before {
          content: '\e920';
          font-family: 'unifrog_ico', sans-serif;
          position: absolute;
          left: 4px;
          top: 3px;
          font-size: 28px;
          color: #01B5C0;
          color: var(--color-blue-light);
          cursor: pointer;
          font-weight: 400;
          transition: color ease-in-out 0.45s;
        }
.socials .mailer ._form-branding {
      display: none !important;
    }
.socials .socials-links {
    min-width: 336px;
    margin-top: 24px;
  }
.socials .socials-links ul {
      display: flex;
      align-items: center;
      list-style-type: none;
      gap: 11px;


      margin: 0; padding: 0;
    }
.socials .socials-links ul li a {
          width: 46px;
          height: 46px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 100%;

          background: #038EA9;

          background: var(--color-blue-link);
          color: #FFFFFF;
          color: var(--color-white);

          -webkit-text-decoration: none;

          text-decoration: none;
          font-size: 32px;
          transition: background ease-in-out 0.45s;
        }
.socials .socials-links ul li a:hover {
            background: #09115E;
            background: var(--color-blue-dark);
          }
.link-background {
  height: 86px;
}
.link-background .links {
    height: 120px;
    background: #09115E;
    background: var(--color-blue-dark);
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 28px 52px;
    position: relative;
    z-index: 1;
    top: -80px;
  }
.letter_n {
  display: flex;
  justify-content: flex-end;
  padding-top: 92px;
}
.letter_n span {
      position: relative;
      left: 10px;
    }
.blue-grad-bg {
  height: 113px;
  background: linear-gradient(187deg, #01C0A9 -402.85%, #01B5C0 -5.99%, #09115D 263.07%);
  margin-bottom: 140px;
}
.blue-grad-bg .link-background .links {
      top: 50px;
    }
.people {
  padding-bottom: 60px;
}
.people h2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #CDCDCD;
    border-bottom: 1px solid var(--color-basic-300);
    margin-bottom: 10px;

    font-family: "Fira Sans", sans-serif;
  }
.people img {
    display: block;
    margin-bottom: 10px;

  }
.donate {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  background: rgba(0,0,0,0.7);

  z-index: 10;

  align-items: center;
  justify-content: center;
  display: none;
}
.donate.active {
    display: flex;
  }
.donate .donate-wrapper {
    max-width: 900px;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    background: var(--color-white);
  }
.donate .donate-wrapper .header {
      background: #09115E;
      background: var(--color-blue-dark);
      color: #FFFFFF;
      color: var(--color-white);
      padding: 25px;
      position: relative;
      height: 115px;
    }
.donate .donate-wrapper .header h2 {
        margin: 0 0 10px 0;
        padding: 0;
      }
.donate .donate-wrapper .header hr.small {
        max-width: 48px;
        width: 100%;
        height: 1px;
        background: #01B5C0;
        background: var(--color-blue-light);
        margin: 0;
        border: none;
      }
.donate .donate-wrapper .header span.close {
        position: absolute;
        top: 18px;
        right: 25px;
        cursor: pointer;
        transition: color ease-in-out 0.45s;
      }
.donate .donate-wrapper .header span.close:hover {
          color: #01B5C0;
          color: var(--color-blue-light);
        }
.donate .donate-wrapper .content {
      padding: 25px;
    }
/* tabs */
.donate .tabs .tabHeader {
      display: flex;
      gap: 24px;
      margin-bottom: 48px;

      border-bottom: 1px solid #CDCDCD;

      border-bottom: 1px solid var(--color-basic-300);
    }
.donate .tabs .tabHeader .tab {
        padding: 0 15px 15px 15px;
        color: #038EA9;
        color: var(--color-blue-link);
        text-align: center;

        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        border-bottom: 4px solid transparent;
        transition: border-color ease-in-out 0.45s;

        -webkit-text-decoration: none;

        text-decoration: none;
      }
.donate .tabs .tabHeader .tab:hover {
          -webkit-text-decoration: none;
          text-decoration: none;
          border-color: #01B5C0;
          border-color: var(--color-blue-light);
        }
.donate .tabs .tabHeader .tab.selected {
          border-color: #01B5C0;
          border-color: var(--color-blue-light);
          color: #09115E;
          color: var(--color-blue-dark);
        }
.donate .tabs .tabContent {
      margin-bottom: 15px;
    }
.donate .tabs .tabContent .tabContent-item {
        display: none;
      }
.donate .tabs .tabContent .tabContent-item .flex {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;


        }
.donate .tabs .tabContent .tabContent-item .flex .text ul {
              list-style-type: none;
              margin: 0;
              padding: 0;
            }
.donate .tabs .tabContent .tabContent-item .flex .text ul li {
                margin-bottom: 20px;
              }
.donate .tabs .tabContent .tabContent-item .flex .text ul li span {
                  display: block;
                }
.donate .tabs .tabContent .tabContent-item .flex .trr img {
              box-shadow: 0 1px 21px rgba(0, 0, 0, 0.35);
            }
.donate .tabs .tabContent .tabContent-item:first-child {
          display: block;
        }
.gallery .swiper-container {
    overflow-x: hidden;
  }
.gallery .swiper-container img {
      width: 100%;
    }
/***********************
error page
 */
.error-page {
  background: linear-gradient(0deg, #056591 75.13%, #00A9B9 113.87%);
  margin-bottom: 100px;
}
.error-page .error-wrapper {
    display: flex;
    position: relative;
    top: 100px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.35);
  }
.error-page .error-wrapper .col_2 {
      width: 50%;
      background: #FFFFFF;
      background: var(--color-white);
      padding: 35px 35px 50px 35px;
    }
.error-page .error-wrapper .col_2.blue {
        background: #09115E;
        background: var(--color-blue-dark);
      }
.error-page .error-wrapper .col_2.blue .blue-error {
          display: flex;
          align-items: center;
          justify-content: center;
        }
.error-page .error-wrapper .col_2.blue .blue-error span {
            color: #01B5C0;
            color: var(--color-blue-light);
            text-align: center;
            font-family: 'gabrielastencil-regular', sans-serif;
            font-size: 131.729px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
          }
.error-page .error-wrapper .col_2.white hr {
          max-width: 135px;
          width: 100%;
          background: #09115E;
          background: var(--color-blue-dark);
          height: 1px;
          border: none;
          margin: 16px 0;
        }
.error-page .error-wrapper .col_2.white ul {
          margin-left: 0;
          padding-left: 20px;
          margin-bottom: 40px;
        }
.footer-error .wrapper-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;

    color: #747373;

    color: var(--color-basic-500);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
  }
/*normal page*/
hr.blue {
  width: 100%; height: 1px;
  border: none;
  background: #01B5C0;
  background: var(--color-blue-light);

}
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 32px;
}
table thead {
    border: none;
    border-top: 1px solid #01B5C0;
    border-top: 1px solid var(--color-blue-light);
  }
table thead tr th {
        border:none;
        color: #747373;
        color: var(--color-basic-500);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        padding: 14px 10px;
        text-align: left;
      }
table tbody {
    border: none;

  }
table tbody tr td {
        border:none;
        border-top: 1px solid #CDCDCD;
        border-top: 1px solid var(--color-basic-300);
        color: #09115E;
        color: var(--color-blue-dark);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        padding: 14px 10px;
        text-align: left;
      }
table tbody tr:last-child td {

          border-bottom: 1px solid #CDCDCD;

          border-bottom: 1px solid var(--color-basic-300);
        }
table tfoot{
    border: none;
    border-top: 1px solid #01B5C0;
    border-top: 1px solid var(--color-blue-light);
  }
table tfoot tr td{
        border:none;
        color: #747373;
        color: var(--color-basic-500);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        padding: 14px 10px;
        text-align: left;
      }
@media only screen and (max-width: 800px) {
  .link-background {
    height: 140px;
  }
    .link-background .links {
      flex-direction: column;
      height: auto;
      gap: 20px;
      align-items: flex-start;
    }
}
@media only screen and (max-width: 768px) {

  h2,
  h2.gabriela-stencil,
  .font58 {
    font-size: 34px;
    line-height: 100%;
  }

  .error-page .error-wrapper {
    flex-direction: column;
  }
    .error-page .error-wrapper .col_2 {
      width: 100%;
    }

      .error-page .error-wrapper .col_2.blue .blue-error {
        justify-content: flex-start;
      }
        .error-page .error-wrapper .col_2.blue .blue-error span {
          font-size: 107px;
        }

  .show-mobile {
    display: inline-block;
  }

  .link-background .links {
    margin-left: -10px;
    margin-right: -10px;
  }
  .blue-grad-bg {
    height: 173px;
  }
    .blue-grad-bg .link-background .links {
      margin-left: -10px;
      margin-right: -10px;
      top: 13px;
    }
  .responsive-none {
    display: none;
  }

  .content-start-md-1,
  .content-start-md-2,
  .content-start-md-3,
  .content-start-md-4,
  .content-start-md-5,
  .content-start-md-6,
  .content-start-md-7,
  .content-start-md-8,
  .content-start-md-9,
  .content-start-md-10,
  .content-start-md-11,
  .content-start-md-12,
  .content-span-md-1,
  .content-span-md-2,
  .content-span-md-3,
  .content-span-md-4,
  .content-span-md-5,
  .content-span-md-6,
  .content-span-md-7,
  .content-span-md-8,
  .content-span-md-9,
  .content-span-md-10,
  .content-span-md-11,
  .content-span-md-12{
    grid-column-end: span 12  content-gap !important;
    grid-column-start: content-start 1 !important;
  }

  .responsive-mb-15 {
    margin-bottom: 15px;
  }

  .grid-row-2 {
    grid-row: 2;
  }

  .letter_n {
    display: none;
  }
    footer.main_footer a.logo {
      display: none;
    }
    footer.main_footer .socials {
      flex-direction: column;
      padding: 0;
      padding-bottom: 20px;
      margin-bottom: 20px;
      gap:  0;
    }

      footer.main_footer .socials .mailer {
        max-width: 100%;
      }

      footer.main_footer .socials .socials-links {
        max-width: 100%;
        padding-top: 26px;
      }

    footer.main_footer .buttons_cta {
      margin-bottom: 18px;
      padding-bottom: 30px;
      border-bottom: 1px solid #000000;
      border-bottom: 1px solid var(--color-black);
    }


      footer.main_footer .buttons_cta a,footer.main_footer .buttons_cta span.ctaButton  {
        max-width: 100%;
        width: 100%;
        justify-content: flex-start;
      }

    footer.main_footer .bottom-footer {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
    }

  .socials {
    flex-direction: column;
    padding:0 0 24px 0;
    margin: 35px 0 20px 0;
    gap: 10px 0;
  }

    .socials .mailer {
      max-width: 100%;
      padding: 20px;
    }

    .socials .socials-links {
      max-width: 100%;
      margin-top: 10px;
    }
    .donate .donate-wrapper {
      height: 100vh;
    }
      .donate .donate-wrapper .header {
        height: 75px;
      }

      .donate .donate-wrapper .content {
        height: calc(100vh - 75px);
        overflow-y: auto;
      }

      .donate .donate-wrapper .tabs .tabHeader .tab  {
        min-width: 78px;

      }

      .donate .donate-wrapper .tabs .tabContent .tabContent-item .flex {
        flex-direction: column;

      }

  footer.main_footer .last_row {
    align-items: flex-start;
    width: 100%;
  }

    footer.main_footer .last_row .buttons_cta {
      width: 100%;
      align-items: flex-start;
    }

      footer.main_footer .last_row .buttons_cta a {
        max-width: 300px;
      }


}
@media only screen and (max-width: 650px) {


  header.main_header a.logo img {
    max-width: 320px;
  }
  .media-background .container-grid {
    padding-bottom: 80px;
  }
    .top-text .small-line {
      margin-bottom: 10px;

    }

  .link-background .links {
    padding: 20px;
    top: -90px;
  }

    .link-background .links .flex.gap-4 {
      flex-direction: column;
      width: 100%;
    }

      .link-background .links .flex.gap-4 .ctaButton {
        justify-content: flex-start;
      }


  .blue-grad-bg {
      height: auto;
  }
    .blue-grad-bg .link-background .links {
      top: 13px;
    }
      .socials .mailer ._form_element._x98641860 fieldset {
        padding-right: 20px;
      }
    .socials .mailer ._button-wrapper {
      top: 0;
    }
    table.element thead tr {
      display: flex;
      flex-direction: column;
    }
    table.element tbody tr {
      display: flex;
      flex-direction: column;
    }




}
@media only screen and (max-width: 500px) {
      .top-text .flex{
        flex-direction: column;
    }

        .top-text .flex .ctaButton {
          justify-content: flex-start;
        }
}
@media only screen and (max-width: 480px) {
    .donate .donate-wrapper {
      height: 100vh;
    }

      .donate .donate-wrapper .tabs .tabHeader .tab  {
        min-width: 78px;
        padding: 0 0 10px 0;
      }
}
@media only screen and (max-width: 460px) {
  .socials .socials-links {
    width: 100%;
  }
    .socials .socials-links ul {
      justify-content: space-between;
    }
}
hr.small-blue {
  max-width: 135px;
  height: 1px;
  display: block;
  margin: 15px 0 0 0;
  background: #09115E;
  background: var(--color-blue-dark);
}
hr.small-blue.my-15 {
    margin: 15px 0;
  }
.banner.banner-people {
    position: relative;
  }
.banner.banner-people h1 {
      margin-top: 30px;
      margin-bottom: 0;
      font-size: 58px;
      line-height: 100%;
    }
.banner.banner-people img {
      display: block;
      width: 100%;
    }
.banner.banner-people hr {
      background: #09115E;
      background: var(--color-blue-dark);
    }
.banner.banner-people .block.navigation {
      margin-top: 72px;
    }
.home-news .vertical-line {
    width: 1px;
    height: 100%;
    background: #CDCDCD;
    background: var(--color-basic-300);
    position: absolute; top: 0; bottom: 0; right: calc(-1 *((100% - 22rem) / 12 + 3rem));
    display: block;
  }
.home-news p.mb-0.font28  {
    margin-bottom: 0;
  }
.home-news .card.news {
    padding-left: 0;
  }
.home-news .image-card-featured {
    margin-left: calc(-1 *((100% - 22rem) / 12 + 4rem));
  }
.home-news .image-card-featured img {
      max-width: 100%;
      width: 100%;
      aspect-ratio: 1.5 / 1;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
    }
.home-news .featured-news-title {
    position: relative;

    line-height: 120%;
  }
.home-news .featured-news-title a {
      line-height: 120%;
    }
.home-news .featured-news-title .icon-c {
      position: absolute;
      left: -80px;
      top: 5px;
      color: #038EA9;
      color: var(--color-blue-link);

    }
.home-news .other-news .card.news {
      padding-left: 14px;
      border-top: 1px solid  #CDCDCD;
      border-top: 1px solid  var(--color-basic-300);
      padding-top: 15px;
    }
.home-news .other-news .card.news h3 {
        line-height: 120%;
      }
.home-news .other-news .card.news h3 a {
          line-height: 120%;
        }
.program-cards {
  background: url("../img/pattern.png") no-repeat top right,
  linear-gradient(282deg, #01C0A9 1.11%, #01B5C0 66.61%, #09115D 111.01%);
  position: relative;
  z-index: 11;

  padding-top: 32px;


}
.program-cards.related-programs {
    background: none;
    padding-top: 0;
  }
.program-cards.related-programs hr.top-border {
      background: #CDCDCD;
      background: var(--color-basic-300);
      height: 1px;
      border: none;
      display: block;
      margin-bottom: 24px;
    }
.program-cards.related-programs h2 {
      display: block;
      text-align: center;
    }
.program-cards.related-programs .card.program .image {
        display: none;
      }
.program-cards.related-programs .all-cards {
      margin-bottom: 0;
    }
.program-cards.related-programs .all-cards .card {
        padding: 0;
      }
.program-cards.related-programs .all-cards .card a.arrow-icon {
          position: absolute;
          bottom: 30px;
        }
.program-cards.related-programs .all-cards .card:first-child {
          width: calc(50% - 10px);
        }
@media (min-width: 768px) {
          .program-cards.related-programs .all-cards .card:last-child {
            width: 100%;
            background: #038EA9;
            background: var(--color-blue-link);
          }

            .program-cards.related-programs .all-cards .card:last-child span.underline-link {
              color: #FFFFFF;
              color: var(--color-white);
              background-image: linear-gradient(transparent, transparent), linear-gradient(#FFFFFF, #FFFFFF);
              background-image: linear-gradient(transparent, transparent), linear-gradient(var(--color-white), var(--color-white));
            }
                .program-cards.related-programs .all-cards .card:last-child h3 a .underline-link.text-blue-linkd {
                  color: #FFFFFF;
                  color: var(--color-white);
                  background-image: linear-gradient(transparent, transparent), linear-gradient(#FFFFFF, #FFFFFF);
                  background-image: linear-gradient(transparent, transparent), linear-gradient(var(--color-white), var(--color-white));
                }

            .program-cards.related-programs .all-cards .card:last-child hr {
              background: #FFFFFF;
              background: var(--color-white);
            }

            .program-cards.related-programs .all-cards .card:last-child .arrow-icon {
              right: 44px; bottom: auto;
              top: 31px;
              color: #FFFFFF;
              color: var(--color-white);
              position: absolute;
            }
        }
.program-cards .cards-title {
    display: block;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1.6px;
    text-transform: uppercase;

    color: #FFFFFF;

    color: var(--color-white);
    margin-bottom: 32px;
  }
.program-cards .all-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: -64px;
  }
.program-cards .all-cards .card {
      height: auto;
      max-width: 100%;
      width: calc(50% - 10px);
      background: #09115E;
      background: var(--p3_corpo_plava, #09115E);
      box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.35);
      padding: 0;
      position: relative;
    }
.program-cards .all-cards .card a {
        height: 100%;
        display: block;
        padding: 28px 30px 94px 30px;
        position: relative;

        -webkit-text-decoration: none;

        text-decoration: none;
        transition: background ease-in-out 0.45s;
      }
.program-cards .all-cards .card a:hover {
          background: #030941;
        }
.program-cards .all-cards .card a:hover span.underline-link {
            background-size: 0 1.75px, 100% 1.75px;
            transition: background-size 0.5s 0s ease-out;
          }
.program-cards .all-cards .card .arrow-icon {
        font-size: 28px;
      }
.program-cards .all-cards .card:first-child {
        width: 100%;
      }
.program-cards .all-cards .card h3, .program-cards .all-cards .card h4 {
        margin: 0;
        line-height: 100%;
      }
.program-cards .all-cards .card hr {
        max-width: 75px;
        width: 100%;
        height: 1px;
        background: #4DDEE7;
        background: var(--color-blue-linkd);
        border: none;
        margin: 10px 0;
      }
.program-cards .all-cards .card p.description {
        max-width: 275px;
      }
.program-cards .all-cards .card .image-wrapper {
        position: absolute;
        right: 0; top: 0; bottom: 0;
        width: 100%;
        max-width: 300px;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;

      }
.program-cards .all-cards .card .image-wrapper img {
          width: auto;
          height: 100%;
        }
@media only screen and (max-width: 960px) {
    .program-cards .all-cards .card .image {
      position: relative;
      height: auto;
    }
}
@media only screen and (max-width: 768px) {
    .home-news .image-card-featured {
      margin-left: -24px;
      margin-right: -24px;

    }
    .home-news .featured-news-title .icon-c {
      display: none;
    }
}
@media only screen and (max-width: 650px) {

  .program-cards .all-cards .card {
    display: flex;
    flex-direction: column;
  }


     .program-cards .all-cards .card a {
      padding: 24px;
    }
    .program-cards .all-cards .card .image-wrapper {
      position: relative;
      max-width: 100%;
      height: auto;
      margin-top: auto;
      margin-bottom: -24px;

    }

      .program-cards .all-cards .card .image-wrapper img {
        height: auto;
        width: auto;
        max-width: 200px;
        margin-right: -24px;
      }
    .program-cards .all-cards .card p.description {
      max-width: 100%;
    }
}
@media only screen and (min-width: 960px) {
    .program-cards .all-cards .swiper-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }
}
h1.main-title {
   font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;

  margin: 0 0 36px 0;

}
hr.small-blue {
  width: 135px;
  height: 1px;
  background: #01B5C0;
  background: var(--color-blue-light);
  border: none;
  margin: 36px 0;
}
hr.small-blue.breadcrumbs {
    margin: 8px 0;
  }
.news-wrapper .relative {
    position: relative;
  }
.news-wrapper h2.sub-title {
    color: #09115E;
    color: var(--color-blue-dark);

    font-family: Fira Sans, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 16px */
    letter-spacing: 1.6px;
    text-transform: uppercase;
  }
.news-wrapper .card.news .date {
        display: block;
        margin: 5px 0;
      }
.news-wrapper .card.news img {
        margin: 16px 0 8px 0;
        aspect-ratio: 1.5 / 1;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
      }
.news-wrapper .card.featured {
      min-height: 550px;
      background: #09115E;
      background: var(--color-blue-dark);
      color: #FFFFFF;
      color: var(--color-white);
      padding: 38px 250px 48px 0;
      padding-left: calc((100% - 22rem) / 12 + 4rem);
      position: relative;
      margin-bottom: 37px;

    }
.news-wrapper .card.featured .small-blue {
        background: #01B5C0;
        background: var(--color-blue-light);
      }
.news-wrapper .card.featured .post-categories {
        margin-bottom: 5px;
      }
.news-wrapper .card.featured .post-categories a {
          color: #FFFFFF;
          color: var(--color-white);
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%; /* 16px */
          letter-spacing: 1.6px;
          text-transform: uppercase;
          -webkit-text-decoration: none;
          text-decoration: none;
        }
.news-wrapper .card.featured h3 {
        color: #01B5C0;
        color: var(--color-blue-light);
        font-family: 'gabrielastencil-regular', sans-serif;
        font-size: 58px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        margin: 6px 0 18px 0;
      }
.news-wrapper .card.featured h3 a {
          line-height: 100%;
        }
.news-wrapper .card.featured .small-blue {
        margin: 18px 0;
      }
.news-wrapper .card.featured .date {
        margin-bottom: 10px;
      }
.news-wrapper .image-card-featured {
    position: relative;
  }
.news-wrapper .image-card-featured img {
      max-width: calc(100% + 240px);
      width: calc(100% + 240px);
      position: absolute;
      top: 23px;
      right: 0;
      left: -240px;
      aspect-ratio: 1.5 / 1;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
    }
.news-wrapper .title-with-border {
    color: #09115E;
    color: var(--color-blue-dark);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-top: 0;

    border-bottom: 1px solid #AFAFAF;

    border-bottom: 1px solid var(--color-basic-350);
    padding-bottom: 10px;
  }
.news-wrapper .categories.news {
      width: auto; height: auto;
      margin: 0; padding: 0;
      margin-bottom: 60px;
      list-style-type: none;
      display: flex;
      flex-direction: column;
    }
.news-wrapper .categories.news li {
        margin-bottom: 10px;
      }
.news-wrapper .categories.news li a {
          padding: 5px 0 5px 15px;
          -webkit-text-decoration: none;
          text-decoration: none;
          border-left: 4px solid transparent;
          display: inline-flex;
          font-weight: 400;
        }
.news-wrapper .categories.news li a.active {
            border-color: #01B5C0;
            border-color: var(--color-blue-light);
          }
.news-wrapper .categories.news li a.active span {
              color: #09115E;
              color: var(--color-blue-dark);
            }
.arrow-link {
  display: flex;
  align-items: center;
}
.category-page .mt-120 {
  margin-top: -47px;
}
.mt-120 {
  margin-top: -120px;
}
.mt-120.not-first {
    margin-top: -47px;
  }
.card.event {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CDCDCD;
  border-bottom: 1px solid var(--color-basic-300);
  margin-bottom: 18px;
}
.card.event .content h3 {
      margin: 0;
      line-height: 120%;
    }
.card.event .content h3 a {
        color: #038EA9;
        color: var(--color-blue-link);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        -webkit-text-decoration: none;
        text-decoration: none;
      }
.card.event .content .text {
      color: #243747;
      color: var(--color-basic-900);
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
    }
.card.event .content .text.date {
        color: #747373;
        color: var(--color-basic-500);
      }
.card.event.page {
    gap: 26px;
    border-bottom: 1px solid #CDCDCD;
    border-bottom: 1px solid var(--color-basic-300);

  }
.card.event.page .mid-content {
      padding-right: 10px;

      min-width: 180px;
      width: 180px;

    }
.breadcrumbs {
  margin-bottom: 45px;
}
.breadcrumbs .breadcrumbs-nav {
    display: flex;
    align-items: flex-start;
  }
.breadcrumbs .breadcrumbs-nav a.first-link {
      display: inline-flex;
      align-items: center;
    }
.breadcrumbs .breadcrumbs-nav a.first-link span.icon-c {
        display: none;
        color: #038EA9;
        color: var(--color-blue-link);
      }
.breadcrumbs .breadcrumbs-nav span, .breadcrumbs .breadcrumbs-nav a {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      letter-spacing: 2px;
      text-transform: uppercase;
      -webkit-text-decoration: none;
      text-decoration: none;
    }
.breadcrumbs .breadcrumbs-nav span.icon-c, .breadcrumbs .breadcrumbs-nav a.icon-c {
        color: #CDCDCD;
        color: var(--color-basic-300);
        font-size: 24px;
        line-height: 21px;
      }
.single-events-wrapper {
  background: #f1f1f1;
  margin-bottom: 22px;
  padding-top: 25px;
  position: relative;
}
.single-events-wrapper .date.special {
      position: absolute;
      left: 0; top: -35px;
    }
.single-events-wrapper h1 {
    margin: 0 0 45px 0;
    min-height: 100px;
  }
.single-events-wrapper h1.mt-4 {
      margin-top: 16px;
    }
.single-events-wrapper .blue-card {
    height: calc(100% + 20px);
    background: #09115E;
    background: var(--color-blue-dark);
    color: #FFFFFF;
    color: var(--color-white);
    padding: 20px 28px;

    display: flex;
    flex-direction: column;
  }
.single-events-wrapper .blue-card hr.small-blue {
      margin: 10px 0;
    }
.single-events-wrapper .news-date hr {
      margin: 0 0 12px 0;
    }
.single-events-content .featured-image img {
      max-width: 100%;
      width: 100%;
      display: block;
      margin-bottom: 24px;
    }
.single-events-content .featured-image .image-caption {
      margin-top: -44px;
      margin-left: calc((100% - 22rem) / 12 + 3rem);

      margin-right: calc((100% - 22rem) / 12 + 4rem);
      padding: 1rem;
      background: #F1F1F1;
      position: relative;
      z-index: 1;

      color: #243747;

      color: var(--color-basic-900);
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      margin-bottom: 25px;
    }
.single-events-content .main-image-wrapper {
    margin-left: calc(-1 * ((100% - 22rem) / 12 + 5rem));
    /*margin-right: calc(-1 * (100% - 22rem) / 12 + 5rem);*/
  }
.single-events-content .main-image-wrapper .featured-image {
      width: calc(100% + ((100% - 22rem) / 12 + 4rem));
    }
.events-wrapper h2 {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    color: #09115E;
    color: var(--color-blue-dark);
    border-bottom: 1px solid #CDCDCD;
    border-bottom: 1px solid var(--color-basic-300);
    padding-bottom: 15px;
    margin-top: 37px;

  }
.page-marker {
  position: absolute;
  left: 0; top: -52px;

  font-size: 16px;
  color: #747373;
  color: var(--color-basic-500);
}
.page-marker b {

  }
.card.news {
      padding-left: 16px; margin-bottom: 16px;
    }
.card.news .post-categories a {
          color: #09115E;
          color: var(--color-blue-dark);
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%; /* 16px */
          letter-spacing: 1.6px;
          text-transform: uppercase;
          -webkit-text-decoration: none;
          text-decoration: none;

        }
.card.news h3 {
        margin: 0;
      }
.card.news h3 a {
          color: #038EA9;
          color: var(--color-blue-link);
          font-style: normal;
          line-height: 100%;
          position: relative;

        }
.card.news h3 a .icon-c {
            position: absolute;
            left: -20px; top: 3px;
          }
.card.news img {
        display: block;
        width: 100%;
      }
.card.news hr {
        margin-top: 16px;
        width: 100%;
        height: 1px;
        border: none;
        background: #CDCDCD;
        background: var(--color-basic-300);
      }
/*events*/
.tabs.nested.switch {
    display: flex;
    align-items: center;
    border-radius: 24px;
    margin-bottom: 27px;

    overflow: hidden;

    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.35);
  }
.tabs.nested.switch button.tab-button {
      width: 50%;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #FFFFFF;
      background: var(--color-white);
      color: #038EA9;
      color: var(--color-blue-link);
      border: none;
      font-family: Fira Sans, sans-serif;

      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      cursor: pointer;
    }
.tabs.nested.switch button.tab-button.active {
        background: #09115E;
        background: var(--color-blue-dark);
        color: #FFFFFF;
        color: var(--color-white)
      }
.news-list-mini hr {
    background: #CDCDCD;
    background: var(--color-basic-300);
    margin: 10px 0;
    height: 1px;
    width: 100%;
    border: none;
  }
.news-list-mini .card.news {
    margin-bottom: 0;
  }
.read-more {
  display: flex;
  justify-content: flex-end;
}
.read-more a {
    display: flex;
    align-items: center;
  }
h2.new-title {
  border-bottom: 1px solid #CDCDCD;
  border-bottom: 1px solid var(--color-basic-300);
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.slider-events {
  padding: 36px 0;
  background: #F1F1F1;
  margin-bottom: 36px;
}
.slider-events .swiper-padding {
    padding-left: calc((100% - 22rem) / 12 );
    padding-right: calc((100% - 22rem) / 12 + 2rem);
    position: relative;

  }
.slider-events .last-events {
    overflow: hidden;
    padding: 20px 0;
  }
.slider-events .last-events .swiper-wrapper {
      padding-left: 2rem;
    }
.slider-events .last-events .swiper-wrapper .swiper-slide-active .card.event {
          border: none;
        }
.slider-events .last-events .card.event {
      border: none;
      border-left: 1px solid #CDCDCD;
      border-left: 1px solid var(--color-basic-300);
      padding-left: 16px;
    }
.slider-events .swiper-button-prev::after {
      display: none;
    }
.slider-events .swiper-button-prev .icon-c {
      font-size: 28px;
      color: #038EA9;
      color: var(--color-blue-link);
    }
.slider-events .swiper-button-next::after {
      display: none;
    }
.slider-events .swiper-button-next .icon-c {
      font-size: 28px;
      color: #038EA9;
      color: var(--color-blue-link);
    }
#pretekle .date.special .month_name {
      color: #AFAFAF;
      color: var(--color-basic-350);
    }
#pretekle .date.special .day {
      color: #747373;
      color: var(--color-basic-500);
      border-color: #AFAFAF;
      border-color: var(--color-basic-350);
    }
#pretekle .date.special .day_name {
      color: #AFAFAF;
      color: var(--color-basic-350);
    }
.status.past .single-events-wrapper .date.special .month_name {
        color: #AFAFAF;
        color: var(--color-basic-350);
      }
.status.past .single-events-wrapper .date.special .day {
        color: #747373;
        color: var(--color-basic-500);
        border-color: #AFAFAF;
        border-color: var(--color-basic-350);
      }
.status.past .single-events-wrapper .date.special .day_name {
        color: #AFAFAF;
        color: var(--color-basic-350);
      }
.status.past .single-events-wrapper h1 {
      color: #243747;
      color: var(--color-basic-900);
    }
.status.past .single-events-wrapper .blue-card {
      background: #747373;
      background: var(--color-basic-500);
    }
.status.past .single-events-wrapper .blue-card hr.small-blue {
        background: #CDCDCD;
        background: var(--color-basic-300);
      }
.side-sticky {
  position: relative;
  display: flex;
  flex-direction: column;

}
.side-sticky .cta-menu {
    height: 100%;
  }
.side-sticky .cta-menu .navigation {
      position: sticky;
      top: 150px;
    }
@media only screen and (max-width: 768px) {
  .side-sticky .cta-menu .navigation {
    position: static;
    position: initial;
    top: 0;
  }
  .mt-120 {
    margin-top: 0 !important;
  }
  .news-wrapper .image-card-featured img {
    width: 100%; height: auto;
    margin: 0; padding: 0;
    top: auto; left: auto; right: auto; bottom: auto;
    position: relative;
    margin-top: -120px;
  }

  .news-wrapper .card.featured {
    padding: 24px;
    margin: 0 -24px 0 -24px;
    padding-bottom: 140px;
  }

    .news-wrapper .card.featured h3 {
      font-size: 34px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
    }

  .posts-list {
    margin-top: 20px;
  }
    .single-events-wrapper h1.mt-4 {
      font-size: 34px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      margin-bottom: 0;

      min-height: 80px;
    }

    .single-events-wrapper .news-date {
      padding-bottom: 20px;
    }
      .single-events-wrapper .news-date hr {display: none;}
    .single-events-content .featured-image .image-caption {
      margin-left: 24px;
      margin-right: 24px;
    }
    .single-events-content .row-start-1 {
      grid-row-start: inherit;
    }

    .single-events-content .mt-6 {
      margin-top: 0;
    }

    .single-events-content .main-image-wrapper {
      margin: 0;
    }

      .single-events-content .main-image-wrapper .featured-image {
        width: auto;
        width: initial;
      }
    .news-list-mini .image.news-image {
      margin-top: 8px;
    }

  .card.event.page {
    flex-wrap: wrap;
    gap: 0 26px;
    position: relative;

  }

    .card.event.page .date.special {
      position: absolute;
    }

    .card.event.page .mid-content {
      max-width: 100%;
      width: 100%;
      padding-left: 90px;
    }

    .card.event.page .last-content {
      max-width: 100%;
      width: 100%;
      padding-left: 90px;
    }


  body.single-events .single-events-wrapper {
    padding-top: 100px;
    margin-bottom: 44px;
  }

    body.single-events .single-events-wrapper .date.special {
      top: -115px;
    }

    body.single-events .single-events-wrapper h1 {
      font-size: 34px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      margin-bottom: 16px;
      min-height: auto;

    }

    body.single-events .single-events-wrapper .blue-card {
    }
    .single-events-content .featured-image {
      margin-left: -24px;
      margin-right: -24px;
    }
      .breadcrumbs .breadcrumbs-nav a.first-link span {
        font-weight: 400;
      }
      .breadcrumbs .breadcrumbs-nav a.first-link span.icon-c {
        display: block;
      }
      .breadcrumbs .breadcrumbs-nav span.text-blue-dark  {
        display: none;
      }

      .breadcrumbs .breadcrumbs-nav span.icon-chevron_R {
        display: none;
      }

  .news-wrapper .card.featured {
    min-height: 0;
    min-height: initial;
  }
}
@media (min-width: 700px) {
    .slider-events .swiper-padding.less-than-three .last-events .swiper-wrapper  {
      display: flex;
      justify-content: center;
    }
    .slider-events .swiper-padding.less-than-three .custom-prev,
    .slider-events .swiper-padding.less-than-three .custom-next {
      display: none;
    }
}
.statut {
  padding-bottom: 40px;
  margin-bottom: 36px;
  border-bottom: 1px solid #CDCDCD;
  border-bottom: 1px solid var(--color-basic-300);
}
.statut a {
    display: flex;
    align-items: center;
    gap: 14px;
  }
.statut a img {
      min-width: 69px;
      width: 69px;
      height: auto;
    }
.statut a span.text {
      color: #243747;
      color: var(--color-basic-900);
    }
.statut a span.text strong {
        color: #038EA9;
        color: var(--color-blue-link);
      }
.banner.title-video {
    background: #09115E;
    background: var(--color-blue-dark);
    padding-bottom: 220px;
  }
.banner.video {
    margin-top: -200px;
  }
.banner.video .video-container {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.35);
    }
.banner.video .video-container iframe {
        width: 100%;
        height: 100%;
        border: none;
        display: block;
      }
.banner.video .video-container .video-overlay {
        position: absolute;
        top: 0; left: 0; right: 0;
        bottom: 0;
        cursor: pointer;
        overflow: hidden;
      }
.banner.video .video-container .video-overlay:hover .video-bg-image {
            transform: scale(1.1);
          }
.banner.video .video-container .video-overlay .video-bg-image {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0; left: 0; right: 0;
          bottom: 0;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center;
          transition: transform ease-in-out 0.45s;
        }
.banner.video .video-container .video-overlay .overlay-bg {
          position: absolute;
          top: 0; left: 0; right: 0;
          bottom: 0;
          background: rgba(0,0,0,0.3);

          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          gap: 10px;
        }
.banner.video .video-container .video-overlay .overlay-bg span.line {
            position: absolute;
            left: 28px; top: 28px; right: 28px; bottom: 28px;
            border: 1px solid #FFFFFF;
            border: 1px solid var(--color-white);
            display: block;
          }
.banner.video .video-container .video-overlay .overlay-bg p {
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 100%;
            letter-spacing: 1.6px;
            text-transform: uppercase;
            color: #FFFFFF;
            color: var(--color-white);
          }
.banner.video hr.big {
      background: #01B5C0;
      background: var(--color-blue-light);
      max-width: 300px;
      margin: 45px auto 25px auto;
    }
.block-columns-3-2 {
  position: relative;
  padding-bottom: 100px;
}
.block-columns-3-2 .bg-image {
    position: absolute;
    bottom: 0; left: 0;
    z-index: -1;
  }
.block-columns-3-2 .bg-image img {
      display: block;
    }
.block-columns-3-2 .show-image {
    margin-top: 66px;
    margin-left: calc(1 * ((100% - 22rem) / 12 + 4rem));
  }
.block-columns-3-2 .wysiwyg h2 {
      font-size: 58px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      color: #01B5C0;
      color: var(--color-blue-light);
      font-family: gabrielastencil-regular, sans-serif;
    }
.block-columns-3-2 .wysiwyg.program-list h3 {
        color: #09115E;
        color: var(--color-blue-dark);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        padding-left: 24px;
        margin: 0;
        position: relative;
      }
.block-columns-3-2 .wysiwyg.program-list h3::before {
          content: "•";
          color: #01B5C0;
          color: var(--color-blue-light);
          font-size: 1.8em;
          position: absolute;
          left: 0;
          top: 1px;
        }
.block-columns-3-2 .wysiwyg.program-list p {
        padding-left: 24px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%
      }
.block-columns-3-2 .element {
    margin-top: 12px;
    border-top: 1px solid #CDCDCD;
    border-top: 1px solid var(--color-basic-300);
    padding-top: 17px;
  }
.block-columns-3-2 .element a {
      width: 100%;
      color: #FFFFFF;
      color: var(--color-white);
      transition: background ease-in-out 0.45s;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      letter-spacing: 2px;
      text-transform: uppercase;
    }
.results-solutions {
  overflow: hidden;
  background: linear-gradient(282deg, #01C0A9 1.11%, #01B5C0 66.61%, #09115D 111.01%);
  padding: 60px 0 65px 0;
  position: relative;
  margin-bottom: 55px;
}
.results-solutions .background-image {
    position: absolute;
    top: 0; right: 0;
  }
.results-solutions .all-results {
    margin-bottom: 48px;
  }
.results-solutions .all-results .swiper-wrapper .swiper-slide:first-child .wysiwyg span.line {
              width: 100%;
              top: -3px;
              left: 7px;
            }
.results-solutions .all-results .swiper-wrapper .swiper-slide .show-image {
          height: 154px;
          margin-left: 11px;
          border-left: 1px solid #09115E;
          border-left: 1px solid var(--color-blue-dark);
          padding: 15px;
          display: flex;
          align-items: flex-end;
        }
.results-solutions .all-results .swiper-wrapper .swiper-slide .show-image img {
            height: 120px;
            width: auto;
          }
.results-solutions .all-results .swiper-wrapper .swiper-slide h3 {
          margin: 0 0 26px 15px;
        }
.results-solutions .all-results .swiper-wrapper .swiper-slide .wysiwyg {
          padding-top: 20px;
          position: relative;
          padding-left: 15px;
        }
.results-solutions .all-results .swiper-wrapper .swiper-slide .wysiwyg span.line {
            width: calc(100% + 29px);

            border-top: 3px dashed #FFFFFF;

            border-top: 3px dashed var(--color-white);
            position: absolute;
            top: -3px;
            left: -29px; right: 0;
          }
.results-solutions .all-results .swiper-wrapper .swiper-slide .wysiwyg span.circle {
            position: absolute;
            top: -14px;
            left: 0;
            width: 24px;
            height: 24px;
            background: #FFFFFF;
            background: var(--color-white);
            display: block;
            border-radius: 100%;
          }
.results-solutions .all-results .swiper-wrapper .swiper-slide .wysiwyg p {
            color: #FFFFFF;
            color: var(--color-white);
          }
.results-solutions .all-results .swiper-wrapper .swiper-slide .wysiwyg p strong {
              color: #FFFFFF;
              color: var(--color-white);
            }
.results-solutions .mid-line {
    width: 100%; height: 1px;
    background: rgba(0,0,0,0.3);
    border: none;
    margin: 32px 0;
  }
.results-solutions .right-button-element .element .ctaButton {
        transition: all ease-in-out 0.45s;
      }
.results-solutions .right-button-element .element .ctaButton:hover {
          background: #09115E;
          background: var(--color-blue-dark);
          border-color: #09115E;
          border-color: var(--color-blue-dark);
        }
.right-button-element .element {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 35px;
  }
.right-button-element .element p {
      margin: 0;
      color: #FFFFFF;
      color: var(--color-white);
    }
.right-button-element .element .ctaButton {
      color: #FFFFFF;
      color: var(--color-white);
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      letter-spacing: 2px;
      text-transform: uppercase;
      transition: all ease-in-out 0.45s;
    }
.right-button-element.dark {
    margin-bottom: 56px;
  }
.right-button-element.dark .element p {
      color: #09115E;
      color: var(--color-blue-dark);
    }
@media only screen and (min-width: 960px) {
      .results-solutions .all-results .swiper-wrapper {
        display: flex;
        align-items: flex-start;
        gap: 32px;
      }
        .results-solutions .all-results .swiper-wrapper .swiper-slide {
          width: 25%;
          flex-shrink: initial;
        }

}
.text-photo .text-photo-wrapper {
    margin-bottom: 32px;
  }
.text-photo .wysiwyg h2 {
      font-size: 58px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      font-family: gabrielastencil-regular, sans-serif;
      color: #01B5C0;
      color: var(--color-blue-light);
      margin-bottom: 10px;
    }
.text-photo .wysiwyg.left p {
        margin-left: calc(1 * ((100% - 22rem) / 12 + 4rem));
      }
.text-photo .wysiwyg.right h2 {
        margin-top: 26px;
        margin-left: calc(-1 * ((100% - 22rem) / 12 + 4rem));
      }
.text-photo .image img {
      width: 100%;
      height: auto;
    }
.text-photo .mid-line {
    margin: 64px 0 0 0;
    background: #CDCDCD;
    background: var(--color-basic-300);
  }
.columns-bg {
  margin-bottom: 62px;
  background: #09115E;
  background: var(--color-blue-dark);
  padding: 26px 0 0 0;
}
.columns-bg.mb-8 {
    margin-bottom: 42px;
  }
.columns-bg .wysiwyg .small-line {
      margin: 20px 0;
      background: #01B5C0;
      background: var(--color-blue-light);
    }
.columns-bg .wysiwyg p {
      color: #FFFFFF;
      color: var(--color-white);
    }
.columns-bg .wysiwyg.right {
      margin-top: 41px;
    }
.columns-bg .wysiwyg.right strong {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 1.6px;
        text-transform: uppercase;
      }
.columns-bg .element a {

      color: #FFFFFF;

      color: var(--color-white);
      transition: background ease-in-out 0.45s, border-color ease-in-out 0.45s;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding-right: 40px;
      position: relative;
      top: 20px;

    }
.margin-left-gap {
  margin-left: calc(1 * ((100% - 22rem) / 12 + 4rem));
}
@media only screen and (max-width: 768px) {

  .block-columns-3-2 .wysiwyg h2,
  .text-photo .wysiwyg h2 {
    font-size: 34px;
    line-height: 100%;
    margin-bottom: 20px;
  }

  .text-photo .text-photo-wrapper {
    margin-bottom: 22px;
  }

    .text-photo .text-photo-wrapper .image img {
      display: block;
      margin-bottom: 22px;
    }
    .text-photo .text-photo-wrapper .content.content-span-md-5.content-start-md-8 {
      order: 1;
    }
    .text-photo .text-photo-wrapper .content.content-span-md-7.content-start-md-1 {
      order: 2;
    }
    .text-photo .text-photo-wrapper .content.content-span-md-10.content-start-md-2 {
      order: 3;
    }
      .text-photo .wysiwyg.left p
      {
        margin-left: 24px;
      }
        .text-photo .wysiwyg.right h2 {
          margin-left: 0;
        }
        .text-photo .wysiwyg.right p {
          margin-left: 24px;
        }
    .text-photo .mid-line {
      margin: 0 0 0 24px;
    }

  .block-columns-3-2 {
    padding-bottom: 40px;
  }
    .block-columns-3-2 .show-image {
      display: none;
    }

  .results-solutions {
    padding-bottom: 50px;
    margin-bottom: 33px;
  }
    .results-solutions .all-results {
      margin-bottom: 0;
    }
          .results-solutions .all-results .swiper-wrapper .swiper-slide h3 {
            font-size: 34px;
            line-height: 100%;
            padding-bottom: 80px;
            border-left: 1px solid #09115E;
            border-left: 1px solid var(--color-blue-dark);
            margin-bottom: 0;
            margin-left: 11px;
            padding-left: 20px;
          }
          .results-solutions .all-results .swiper-wrapper .swiper-slide:first-child .wysiwyg span.line {
            left: 10px;
          }

  .margin-left-gap {
    margin-left: 24px;
  }
    .block.columns-bg .content-start-md-9 {
      margin-left: 24px;
    }

    .block.columns-bg .wysiwyg.right {
      margin-top: 10px;
    }

  .program-cards.related-programs .all-cards .card {
    padding-bottom: 54px;
  }
    .banner.video .video-container .video-overlay .overlay-bg span.line {
      top: 11px; right: 11px; bottom: 11px; left: 11px;
    }

    .banner.video .video-container .video-overlay .overlay-bg img {
      max-width: 47px;
    }

  .statut {
    padding-top: 36px;
    border-top: 1px solid #CDCDCD;
    border-top: 1px solid var(--color-basic-300);
    margin-top: 24px;
  }



}
@media only screen and (max-width: 600px) {
  .right-button-element .element {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

    .right-button-element .element a {width: 100%;}

}
.blue-block {
  background: #09115E;
  background: var(--color-blue-dark);
  padding: 35px 0 0 0;
  margin-bottom: 46px;
}
.blue-block .block-quote {
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    color: var(--color-white);
  }
.blue-block .block-quote hr.small-blue {
      max-width: 75px;
      margin: 10px 0 23px 0;
    }
.blue-block .block-quote .quote-content {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 17px;
      padding-bottom: 24px;
    }
.blue-block .block-quote .quote-content svg {
        min-width: 69px;
      }
.blue-block .block-quote .quote-content footer cite {
          color: #FFFFFF;
          color: var(--color-white);
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 100%;
          letter-spacing: 1.6px;
          text-transform: uppercase;
        }
.blue-block .block-quote .quote-content footer cite span {
            display: block;
            font-weight: 400;
          }
.image-absolute {
  position: relative;
}
.image-absolute img {position: absolute;
  bottom: 0;}
.vision.gutenberg h2 {
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    font-family: gabrielastencil-regular, sans-serif;
    color: #01B5C0;
    color: var(--color-blue-light);
  }
.vision.gutenberg p {
    margin-left: calc((100% - 22rem) / 12 + 3rem);
  }
.with-border {
  margin-top: 22px;
  border-top: 1px solid #CDCDCD;
  border-top: 1px solid var(--color-basic-300);
  padding-top: 25px;
}
.people .section h3 {
      font-size: 30px;
      font-style: normal;
      font-weight: 400;
      line-height: 110%;
      color: #09115E;
      color: var(--color-blue-dark);

      border-top: 1px solid #CDCDCD;

      border-top: 1px solid var(--color-basic-300);
      padding-top: 13px;
      margin-bottom: 10px;
      margin-top: 22px;
    }
.card.person {
  background: #F1F1F1;
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}
.card.person img {
    display: block;
    margin: 0;
    padding: 0;
  }
.card.person .people-text {
    padding: 20px 25px;
  }
.card.person .people-text a {
      margin-top: 10px;
      margin-left: -5px;
      display: flex;
      align-items: center;
    }
.committiees {
  margin: 0; padding: 0;
  list-style-type: none;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}
.committiees li {
    width: calc(50% - 10px);
  }
.margin-gap {
  margin-left: calc((100% - 22rem) / 12 + 3rem);
}
.with-arrow {
  position: relative;
  padding-left: 20px;
  display: block;
}
.with-arrow .icon {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 20px;
  }
.org-lists h3 {
    margin-bottom: 10px;
    padding-top: 18px;
    border-top: 1px solid #CDCDCD;
    border-top: 1px solid var(--color-basic-300);
  }
.presentation .wysiwyg {
    margin-bottom: 57px;
  }
.presentation .wysiwyg h3 {
      font-size: 30px;
      font-style: normal;
      font-weight: 400;
      line-height: 110%;
      color: #09115E;
      color: var(--color-blue-dark);
      margin: 0 0 10px 0;
    }
h3.with-top-border {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  color: #09115E;
  color: var(--color-blue-dark);
  border-top: 1px solid #CDCDCD;
  border-top: 1px solid var(--color-basic-300);
  padding-top: 13px;
  margin-bottom: 10px;
  margin-top: 22px;
}
@media only screen and (max-width: 1150px) {

  .image-absolute {
    margin-right: -24px;
  }

    .image-absolute img {
      position: absolute;
      bottom: 0;
      height: 120%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: bottom center;
         object-position: bottom center;
    }

}
@media only screen and (max-width: 768px) {
  .vision.gutenberg h2 {
    font-size: 34px;
  }
    .blue-block .block-quote .quote-content {
      position: relative;
      padding: 65px 0 24px 0;
    }
      .blue-block .block-quote .quote-content svg {
        position: absolute;
        top: 0;
      }

        .blue-block .block-quote .quote-content svg:last-child {
          left: 90px;
        }
    #organiziranost .margin-gap {
      margin-left: 0;
    }

}
@media only screen and (max-width: 600px) {
  .org-lists h3 {
    padding-top: 13px;
    margin-bottom: 6px;
  }
  .committiees {
    flex-direction: column;
    gap: 8px;
  }
    #organiziranost h2 {
      margin-top: 43px;
    }
      #organiziranost h2.text-blue-light {
        margin-bottom: 34px;
      }
}
/* this styling is temporary for basic boilerplate styling it should be deleted once custom theme styling is made */
.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{
        margin-top:0;
        margin-bottom:0;
    }
#cookie-change{
    position:static;
    position:initial;
    padding:0;
    padding:initial;
}
html.show--consent #cookie-change, html.show--preferences #cookie-change{
    opacity:1;
    transition: none;
}
._form-thank-you{
    color:#ffffff!important;
}
.banner-main .main-image img{
    height:100%;
}
#cc-main .cc--anim .cm__btn-group .cm__btn:last-child{
   background-color: #038EA9;
   color:#ffffff;
}
#cc-main .cc--anim .cm__btn-group:first-of-type .cm__btn:last-child{
        margin-top:0 !important;
    }
#cc-main .cc--anim .cm__btn-group:last-of-type{
    margin-top:5px !important;
}
#cc-main .pm.pm--box .pm__footer .pm__btn-group:first-child button.pm__btn{
    background-color: #038EA9 !important;
    color:#ffffff !important;
}
#cc-main .pm.pm--box .pm__footer .pm__btn-group button.pm__btn{
        background-color: #038EA9 !important;
        color:#ffffff !important;
    }
#cookie-change2{
    font-size: 14px;
    line-height: 20px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    color:rgba(1, 181, 192, 1);
    border:none;
    background-color: transparent;
    opacity:1;
    padding:0;
}
.mailer ._html-code{
        font-size: 16px;
    }
.mailer ._form-fieldset,.mailer ._html-code{
        background-color: transparent !important;
    }
.mailer ._form-fieldset,.mailer ._html-code{
        border:none;
        padding-left:0;
        padding-right:0;
        margin-right:0;
        margin-top:17px;
        padding-top:0;
        padding-bottom:0;
    }
.mailer ._form-fieldset p,.mailer ._html-code p{
            color:#ffffff;
        }
.mailer ._form-fieldset p a, .mailer ._html-code p a {
                color:#ffffff;
            }
.mailer ._form-fieldset ._checkbox-radio input,.mailer ._html-code ._checkbox-radio input{
                height: 20px;
                width: 20px;
                margin-left: 0;
                margin-bottom:0;
                position:relative;
                background: transparent;
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                border: 2px white solid;
                border-radius: 2px;
                cursor: pointer;
                z-index: 1;
            }
.mailer ._form-fieldset ._checkbox-radio input:checked:before,.mailer ._html-code ._checkbox-radio input:checked:before{
                        content: '';
                        position: absolute;
                        top: -2px;
                        left: -2px;
                        width: 20px;
                        height: 20px;
                        background-image: url(/../../wp-content/themes/demokrati/img/checked.svg);
                        background-size: 20px 20px;
                        z-index: 2;
                        border-radius: 2px;
                        overflow: hidden;
                    }
.mailer ._form-fieldset legend,.mailer ._html-code legend{
            font-size:16px;
        }
@media(max-width:650px){
        .mailer ._form-fieldset{
            padding-right:0px;
        }
    }
.socials .mailer ._form-fieldset legend,.socials .mailer ._form-fieldset label{
                color:white;
                position: relative;
                top: -2px;
            }
.active-campaign-form{
    max-width:600px;
    margin-left:0;
}
.active-campaign-form ._form-thank-you{
        color:rgb(36, 55, 71) !important;
    }
.active-campaign-form ._form-content{
        position:relative;
    }
.active-campaign-form ._form-content ._html-code{
            font-size: 16px;
        }
.active-campaign-form ._form-content ._form_element{
            margin-bottom:24px;
        }
.active-campaign-form ._form-content ._form_element label{
                display:block;
                margin-bottom:16px;
            }
.active-campaign-form ._form-content ._form_element ._form-fieldset{
                border:0;
                padding:0;
            }
.active-campaign-form ._form-content ._form_element textarea{
                width: 100%;
                height: 184px;
                line-height:46px;
                display: block;
                background: #FFFFFF;
                background: var(--color-white);
                padding: 0 20px;
                border-radius: 23px;
                font-size: 20px;
                font-family: "Fira Sans", sans-serif;
                border:1px solid #09115E;
                border:1px solid var(--color-blue-dark);
            }
.active-campaign-form ._form-content ._form_element input[type=text]{
                    width: 100%;
                    height: 46px;
                    display: block;
                    background: #FFFFFF;
                    background: var(--color-white);
                    padding: 0 20px;
                    border-radius: 23px;
                    font-size: 20px;
                    font-family: "Fira Sans", sans-serif;
                    border:1px solid #09115E;
                    border:1px solid var(--color-blue-dark);
                }
.active-campaign-form ._form-content ._form_element input[type=date]{
                    height: 46px;
                    display: block;
                    background: #FFFFFF;
                    background: var(--color-white);
                    color:rgb(36, 55, 71);
                    padding: 0 20px;
                    border-radius: 23px;
                    font-size: 20px;
                    font-family: "Fira Sans", sans-serif;
                    border:1px solid #09115E;
                    border:1px solid var(--color-blue-dark);
                }
.active-campaign-form ._form-content ._form_element ._checkbox-radio{
                margin-top:8px;
            }
.active-campaign-form ._form-content ._form_element ._checkbox-radio input{
                    height: 20px;
                    width: 20px;
                    margin-left: 0;
                    margin-bottom:0;
                    position:relative;
                    background: transparent;
                    -webkit-appearance: none;
                       -moz-appearance: none;
                            appearance: none;
                    border: 2px #01B5C0 solid;
                    border: 2px var(--color-blue-light) solid;
                    border-radius: 2px;
                    cursor: pointer;
                    z-index: 1;
                }
.active-campaign-form ._form-content ._form_element ._checkbox-radio input:checked:before{
                            content: '';
                            position: absolute;
                            top: -2px;
                            left: -2px;
                            width: 20px;
                            height: 20px;
                            background-image: url(/../../wp-content/themes/demokrati/img/checked.svg);
                            background-size: 20px 20px;
                            z-index: 2;
                            border-radius: 2px;
                            overflow: hidden;
                        }
.active-campaign-form ._form-content ._form_element legend{
                font-size:16px;
                padding:0;
            }
.active-campaign-form ._form-content ._form_element:has(input[type="date"]) > ._form-label {
            font-size:16px;
            margin-bottom:11px;
            display:block;
        }
.active-campaign-form ._button-wrapper button {
            position:relative;
            text-transform: uppercase;
            font-family: "Fira Sans", sans-serif;
            width: auto;
            height: 46px;
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            border-radius: 23px;
            padding: 0 20px;
            padding-left: 47px;
            background: #038EA9;
            background: var(--color-blue-link);
            color: #FFFFFF;
            color: var(--color-white);
            font-size: 16px;
            font-weight: 700;
            line-height: 1.6px;
            text-align: center;
            cursor: pointer;
            -webkit-text-decoration: none;
            -webkit-text-decoration: none;
            text-decoration: none;
            transition: background ease-in-out 0.45s, color ease-in-out 0.45s, border-color ease-in-out 0.45s;
            border: 2px solid transparent;
        }
.active-campaign-form ._button-wrapper button:before{
                content: '\e920';
                font-family: 'unifrog_ico', sans-serif;
                position: absolute;
                left: 10px;
                bottom: 19px;
                font-size: 28px;
                color: #fff;
                cursor: pointer;
                font-weight: 400;
                border-radius:14px;
            }
.active-campaign-form ._form-branding{
        display:none;
    }
.active-campaign-form ._error-inner{
        font-size: 13px;
        color:red;
    }
.privacy-policy .columns .column.right{
                position:sticky;
                top:107px;
            }
@media(max-width:768px){
.privacy-policy .columns{
            display:grid;
            grid-template-columns: 1fr;
            grid-gap: 20px;
    }
                .privacy-policy .columns .column.right{
                    display: block;
                    position:relative;
                    top:auto;
                    top:initial;
                }
        }
.cookie-table .fineprint{
    font-size:16px;
    margin-top:-30px;
}
.nav-item.divider.line{
    height:1px;
    width:100%;
    background: #000000;
    margin: 15px 0;
}
.program-accordion{
    padding-top:93px;
}
.block.ctaButton{
        text-transform: uppercase;
        line-height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom:20px;
        width:-moz-fit-content;
        width:fit-content;
    }
.block.ctaButton.big{
            height: 48px;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            letter-spacing: 2px;
        }
.block.ctaButton.small{
            height: 40px;
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 1.6px;
            border-radius: 23px;
        }
.block.ctaButton.arrow-left{
            gap: 10px;
        }
body{
    padding-top:200px;
}
@media(max-width:960px){
body{
        padding-top:112px;
}
    }
.main_header.sticky-header{
        width:100%;
        position:fixed;
        top:0;
        z-index:2;
        padding-bottom:0;
        margin-bottom:75px;
        background-color: white;
       
    }
.main_header.sticky-header.is-sticky {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
@media(max-width:960px){
.main_header.sticky-header{
            padding-bottom:0;
            margin-bottom:40px;
       
    }
        }
.donate_section {
    align-items: center;
    justify-content: flex-start;

    display: flex;
  }
.donate_section .donate-wrapper {
      max-width: 900px;
      width: 100%;
      height: auto;
      background: #FFFFFF;
      background: var(--color-white);
    }
.donate_section .donate-wrapper .header {
        background: #09115E;
        background: var(--color-blue-dark);
        color: #FFFFFF;
        color: var(--color-white);
        padding: 25px;
        position: relative;
        height: 115px;
      }
.donate_section .donate-wrapper .header h2 {
          margin: 0 0 10px 0;
          padding: 0;
        }
.donate_section .donate-wrapper .header hr.small {
          max-width: 48px;
          width: 100%;
          height: 1px;
          background: #01B5C0;
          background: var(--color-blue-light);
          margin: 0;
          border: none;
        }
.donate_section .donate-wrapper .header span.close {
          position: absolute;
          top: 18px;
          right: 25px;
          cursor: pointer;
          transition: color ease-in-out 0.45s;
        }
.donate_section .donate-wrapper .header span.close:hover {
            color: #01B5C0;
            color: var(--color-blue-light);
          }
.donate_section .donate-wrapper .content {
        padding: 0;
      }
/* tabs */
.donate_section .tabs .tabHeader {
        display: flex;
        gap: 24px;
        margin-bottom: 48px;
  
        border-bottom: 1px solid #CDCDCD;
  
        border-bottom: 1px solid var(--color-basic-300);
      }
.donate_section .tabs .tabHeader .tab {
          padding: 0 15px 15px 15px;
          color: #038EA9;
          color: var(--color-blue-link);
          text-align: center;
  
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 100%;
          letter-spacing: 1.6px;
          text-transform: uppercase;
          border-bottom: 4px solid transparent;
          transition: border-color ease-in-out 0.45s;
  
          -webkit-text-decoration: none;
  
          text-decoration: none;
        }
.donate_section .tabs .tabHeader .tab:hover {
            -webkit-text-decoration: none;
            text-decoration: none;
            border-color: #01B5C0;
            border-color: var(--color-blue-light);
          }
.donate_section .tabs .tabHeader .tab.selected {
            border-color: #01B5C0;
            border-color: var(--color-blue-light);
            color: #09115E;
            color: var(--color-blue-dark);
          }
.donate_section .tabs .tabContent {
        margin-bottom: 15px;
      }
.donate_section .tabs .tabContent .tabContent-item {
          display: none;
        }
.donate_section .tabs .tabContent .tabContent-item .flex {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
  
  
          }
.donate_section .tabs .tabContent .tabContent-item .flex .text ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
              }
.donate_section .tabs .tabContent .tabContent-item .flex .text ul li {
                  margin-bottom: 20px;
                }
.donate_section .tabs .tabContent .tabContent-item .flex .text ul li span {
                    display: block;
                  }
.donate_section .tabs .tabContent .tabContent-item .flex .trr img {
                box-shadow: 0 1px 21px rgba(0, 0, 0, 0.35);
              }
.donate_section .tabs .tabContent .tabContent-item:first-child {
            display: block;
          }
.program-file-cta{
    max-width:384px;
}
.wysiwyg.with-top-border{
    border-top: 1px solid #CDCDCD;
    border-top: 1px solid var(--color-basic-300);
    padding-top: 13px;
    margin-bottom: 10px;
    margin-top: 22px;
}
@media only screen and (max-width: 960px) {
    body #page {
      overflow-x: hidden;
    }

  .banner.banner-people h1 {
    font-size: 42px;
  }

}
@media only screen and (max-width: 768px) {
  .header.main_header .header-wp .logo  {
    max-width: 230px;
    width: 100%;
  }
    .banner.banner-people hr.small-blue {
      margin: 0 0 17px 0;
    }
    .banner.banner-people h1 {
      font-size: 34px;

    }
    .banner.banner-people .block.navigation {
      margin-top: 20px;
    }
    .slider-events .container-grid {
      display: block;
      padding-left: 10px;
    }
    .slider-events .last-events .swiper-wrapper {
      padding-left: 0;
    }
    .slider-events .swiper-button-prev {
      display: none;
    }
    .slider-events .swiper-button-next {
      display: none;
    }

    .slider-events .swiper-padding {
      padding: 0;
    }

    .slider-events .read-more {
      padding-right: 24px;
    }

  h1.main-title {
    font-size: 34px;
    margin-bottom: 13px;
    margin-top: 30px;
  }

  hr.small-blue {
    margin: 13px 0 27px 0;
  }
    .gutenberg .program .program-items .program-item {
      flex-direction: column;
      gap:0;
    }

      .gutenberg .program .program-items .program-item .content h3 {
        margin-bottom: 10px;
      }

    .gutenberg .block.gallery .image.size-half {
      max-width: 100%;
      width: 100%;
    }

      .gutenberg .block.gallery .image.size-full.caption-left,
      .gutenberg .block.gallery .image.size-full.caption-right {
        flex-direction: column;
      }

        .gutenberg .block.gallery .image.size-full.caption-left img, .gutenberg .block.gallery .image.size-full.caption-right img {
          max-width: 100%;
          display: block;
        }
        .gutenberg .block.gallery .image.size-full.caption-left .image-caption, .gutenberg .block.gallery .image.size-full.caption-right .image-caption {
          max-width: 100%;
        }

}