/* crocoblocks-design-system:v2 */:root{--f-jost-font:Jost;--c-keymono-black:#333333;--c-accent-colour:#E4D6C3;--s-h1-header:64px;--kb-cta-bg:#ffffff;--kb-cta-text:#111111;--kb-cta-border:#111111;--kb-cta-fill:#111111;--kb-cta-fill-text:#ffffff;--kb-cta-radius:0px;--kb-cta-speed:0.35s;--kb-cta-ease:cubic-bezier(0.61, 0.22, 0.23, 1);--kb-cta-font:"Jost", "Helvetica Neue", Arial, sans-serif;--s-text-style:text-style;--s-header-32px:32px;}:where(.crocoblocks-document .cb-el,.crocoblocks-preview .cb-el){box-sizing:border-box;max-width: 100%}:where(.crocoblocks-document .cb-image,.crocoblocks-preview .cb-image){max-width: 100%;height: auto;}:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 48px);max-width:var(--cb-section-container-width,1180px);margin-left:auto;margin-right:auto;}@media (max-width: 1024px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 40px);}}@media (max-width: 767px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 32px);}}.header-32px{font-weight:400;display:flex;justify-content:center;flex-direction:row;}
@media (min-width: 768px) and (max-width: 1400px){.header-32px{font-weight:400;display:flex;justify-content:center;flex-direction:row;}}
@media (max-width: 1024px){.header-32px{font-weight:400;display:flex;justify-content:center;flex-direction:row;}}
@media (max-width: 767px){.header-32px{font-weight:400;display:flex;justify-content:center;flex-direction:row;}}
.footer-wrapper{padding:0 3% 0 3%;}
@media (min-width: 768px) and (max-width: 1400px){.footer-wrapper{padding:0 3% 0 3%;}}
@media (max-width: 1024px){.footer-wrapper{padding:0 3% 0 3%;}}
@media (max-width: 767px){.footer-wrapper{padding:0 3% 0 3%;}}
.starpbloks{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:80px 0 40px;column-gap:8px;row-gap:8px;}
@media (min-width: 768px) and (max-width: 1400px){.starpbloks{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:80px 0 40px;column-gap:8px;row-gap:8px;}}
@media (max-width: 1024px){.starpbloks{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:80px 0 40px;column-gap:8px;row-gap:8px;}}
@media (max-width: 767px){.starpbloks{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px 3% 0 3%;column-gap:8px;row-gap:8px;margin:0 0 0 0;}}
.subheading-h4{margin:15px 0 25px 0;font-family:Jost, sans-serif;font-size:22px;}
@media (min-width: 768px) and (max-width: 1400px){.subheading-h4{margin:15px 0 25px 0;font-family:Jost, sans-serif;font-size:22px;}}
@media (max-width: 1024px){.subheading-h4{margin:15px 0 25px 0;font-family:Jost, sans-serif;font-size:22px;}}
@media (max-width: 767px){.subheading-h4{margin:15px 0 25px 0;font-family:Jost, sans-serif;font-size:22px;}}
.is-added{--_bg:#1a7f37;--_border:#1a7f37;--_fg:#ffffff;--_fill:#14682c;}
@media (min-width: 768px) and (max-width: 1400px){.is-added{--_bg:#1a7f37;--_border:#1a7f37;--_fg:#ffffff;--_fill:#14682c;}}
@media (max-width: 1024px){.is-added{--_bg:#1a7f37;--_border:#1a7f37;--_fg:#ffffff;--_fill:#14682c;}}
@media (max-width: 767px){.is-added{--_bg:#1a7f37;--_border:#1a7f37;--_fg:#ffffff;--_fill:#14682c;}}
.body-footer-16px{padding:16px 0 0 0;display:flex;align-items:flex-start;font-family:Jost, sans-serif;font-weight:400;font-size:14px;}
@media (min-width: 768px) and (max-width: 1400px){.body-footer-16px{padding:16px 0 0 0;display:flex;align-items:flex-start;font-family:Jost, sans-serif;font-weight:400;font-size:14px;}}
@media (max-width: 1024px){.body-footer-16px{padding:16px 0 0 0;display:flex;align-items:flex-start;font-family:Jost, sans-serif;font-weight:400;font-size:14px;}}
@media (max-width: 767px){.body-footer-16px{padding:16px 0 0 0;display:flex;align-items:flex-start;font-family:Jost, sans-serif;font-weight:400;font-size:14px;}}
.text-style-white{padding:0 0 0 0;margin:24px 0 0 0;font-size:16px;color:rgba(255, 255, 255, 1);}
@media (min-width: 768px) and (max-width: 1400px){.text-style-white{padding:0 0 0 0;margin:24px 0 0 0;font-size:16px;color:rgba(255, 255, 255, 1);}}
@media (max-width: 1024px){.text-style-white{padding:0 0 0 0;margin:24px 0 0 0;font-size:16px;color:rgba(255, 255, 255, 1);}}
@media (max-width: 767px){.text-style-white{padding:0 0 0 0;margin:24px 0 0 0;font-size:16px;color:rgba(255, 255, 255, 1);}}
.heading-white-18px{font-family:Jost, sans-serif;font-size:18px;color:var(--kb-cta-fill-text);font-weight:500;}
@media (min-width: 768px) and (max-width: 1400px){.heading-white-18px{font-family:Jost, sans-serif;font-size:18px;color:var(--kb-cta-fill-text);font-weight:500;}}
@media (max-width: 1024px){.heading-white-18px{font-family:Jost, sans-serif;font-size:18px;color:var(--kb-cta-fill-text);font-weight:500;}}
@media (max-width: 767px){.heading-white-18px{font-family:Jost, sans-serif;font-size:18px;color:var(--kb-cta-fill-text);font-weight:500;}}
.normal-paragraph{font-family:Jost, sans-serif;font-size:16px;font-weight:400;}
@media (min-width: 768px) and (max-width: 1400px){.normal-paragraph{font-family:Jost, sans-serif;font-size:16px;font-weight:400;}}
@media (max-width: 1024px){.normal-paragraph{font-family:Jost, sans-serif;font-size:16px;font-weight:400;}}
@media (max-width: 767px){.normal-paragraph{font-family:Jost, sans-serif;font-size:16px;font-weight:400;}}
.heading-footer-18px{display:flex;justify-content:flex-start;font-size:18px;font-weight:400;color:var(--kb-cta-text);margin:0 0 20px 0;}
@media (min-width: 768px) and (max-width: 1400px){.heading-footer-18px{display:flex;justify-content:flex-start;font-size:18px;font-weight:400;color:var(--kb-cta-text);margin:0 0 20px 0;}}
@media (max-width: 1024px){.heading-footer-18px{display:flex;justify-content:flex-start;font-size:18px;font-weight:400;color:var(--kb-cta-text);margin:0 0 20px 0;}}
@media (max-width: 767px){.heading-footer-18px{display:flex;justify-content:center;font-size:18px;font-weight:400;color:var(--kb-cta-text);margin:0 0 20px 0;flex-direction:column;}}
.logo-hero-section{width:80%;display:flex;align-items:flex-end;padding:0 0 64px;justify-content:flex-end;z-index:10;flex-direction:column;}
@media (min-width: 768px) and (max-width: 1400px){.logo-hero-section{width:80%;display:flex;align-items:flex-end;padding:0 0 64px;justify-content:flex-end;z-index:10;flex-direction:column;}}
@media (max-width: 1024px){.logo-hero-section{width:80%;display:flex;align-items:flex-end;padding:0 0 64px;justify-content:flex-end;z-index:10;flex-direction:column;}}
@media (max-width: 767px){.logo-hero-section{width:80%;display:flex;align-items:flex-end;padding:0 0 64px;justify-content:flex-end;z-index:10;flex-direction:column;}}
.footer-key{height:60px;width:auto;}
@media (min-width: 768px) and (max-width: 1400px){.footer-key{height:60px;width:auto;}}
@media (max-width: 1024px){.footer-key{height:60px;width:auto;}}
@media (max-width: 767px){.footer-key{height:60px;width:auto;}}
.global-header-wrapper{width:100vw;padding:1%;}
@media (min-width: 768px) and (max-width: 1400px){.global-header-wrapper{width:100vw;padding:1%;}}
@media (max-width: 1024px){.global-header-wrapper{width:100vw;padding:1%;}}
@media (max-width: 767px){.global-header-wrapper{width:100vw;padding:1%;}}
.key-image-size{width:60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:40px 0 0 0;}
@media (min-width: 768px) and (max-width: 1400px){.key-image-size{width:60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:40px 0 0 0;}}
@media (max-width: 1024px){.key-image-size{width:60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:40px 0 0 0;}}
@media (max-width: 767px){.key-image-size{width:60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:0 0 0 0;}}
.footer-section-colon{display:flex;flex-direction:column;}
@media (min-width: 768px) and (max-width: 1400px){.footer-section-colon{display:flex;flex-direction:column;}}
@media (max-width: 1024px){.footer-section-colon{display:flex;flex-direction:column;}}
@media (max-width: 767px){.footer-section-colon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}}
.text-style{font-family:'Jost', sans-serif;font-size:16px;color:rgba(0, 0, 0, 1);font-weight:300;width:750px;line-height:1.6;margin:30px 0 0;text-align:center;}
@media (min-width: 768px) and (max-width: 1400px){.text-style{font-family:'Jost', sans-serif;font-size:16px;color:rgba(0, 0, 0, 1);font-weight:300;width:750px;line-height:1.6;margin:30px 0 0;text-align:center;}}
@media (max-width: 1024px){.text-style{font-family:'Jost', sans-serif;font-size:16px;color:rgba(0, 0, 0, 1);font-weight:300;width:750px;line-height:1.6;margin:30px 0 0;text-align:center;}}
@media (max-width: 767px){.text-style{font-family:'Jost', sans-serif;font-size:16px;color:rgba(0, 0, 0, 1);font-weight:300;width:750px;line-height:1.6;margin:30px 0 0;text-align:center;}}
.keymono-heading{font-family:Jost, sans-serif;font-weight:800;color:var(--c-keymono-black);}
@media (min-width: 768px) and (max-width: 1400px){.keymono-heading{font-family:Jost, sans-serif;font-weight:800;color:var(--c-keymono-black);}}
@media (max-width: 1024px){.keymono-heading{font-family:Jost, sans-serif;font-weight:800;color:var(--c-keymono-black);}}
@media (max-width: 767px){.keymono-heading{font-family:Jost, sans-serif;font-weight:800;color:var(--c-keymono-black);}}
.category-grid{display:flex;column-gap:16px;row-gap:16px;}
@media (min-width: 768px) and (max-width: 1400px){.category-grid{display:flex;column-gap:16px;row-gap:16px;}}
@media (max-width: 1024px){.category-grid{display:flex;column-gap:16px;row-gap:16px;}}
@media (max-width: 767px){.category-grid{display:flex;column-gap:16px;row-gap:16px;}}
.faq-block{padding:40px 3% 40px 3%;}
@media (min-width: 768px) and (max-width: 1400px){.faq-block{padding:40px 3% 40px 3%;}}
@media (max-width: 1024px){.faq-block{padding:40px 3% 40px 3%;}}
@media (max-width: 767px){.faq-block{padding:80px 3% 0 3%;}}
.category{padding:40px 0 40px 0;}
@media (min-width: 768px) and (max-width: 1400px){.category{padding:40px 0 40px 0;}}
@media (max-width: 1024px){.category{padding:40px 0 40px 0;}}
@media (max-width: 767px){.category{padding:40px 0 40px 0;}}
.heading-h1{font-family:Jost, sans-serif;font-size:64px;position:absolute;color:var(--c-accent-colour);}
@media (min-width: 768px) and (max-width: 1400px){.heading-h1{font-family:Jost, sans-serif;font-size:64px;position:absolute;color:var(--c-accent-colour);}}
@media (max-width: 1024px){.heading-h1{font-family:Jost, sans-serif;font-size:64px;position:absolute;color:var(--c-accent-colour);}}
@media (max-width: 767px){.heading-h1{font-family:Jost, sans-serif;font-size:28px;position:absolute;color:var(--c-accent-colour);}}
.hero-section-textblock{display:flex;flex-direction:column;padding:64px 0 40px;justify-content:flex-start;align-items:flex-start;width:50%;z-index:10;}
@media (min-width: 768px) and (max-width: 1400px){.hero-section-textblock{display:flex;flex-direction:column;padding:64px 0 40px;justify-content:flex-start;align-items:flex-start;width:50%;z-index:10;}}
@media (max-width: 1024px){.hero-section-textblock{display:flex;flex-direction:column;padding:64px 0 40px;justify-content:flex-start;align-items:flex-start;width:50%;z-index:10;}}
@media (max-width: 767px){.hero-section-textblock{display:flex;flex-direction:column;padding:24px 0 0 0;justify-content:flex-start;align-items:flex-start;width:100%;z-index:10;}}
.h1-header-desctop{font-family:Jost, sans-serif;font-size:64px;color:rgba(255, 255, 255, 1);line-height:1.5;font-weight:600;display:flex;align-items:flex-end;justify-content:flex-end;width:50%;padding:0 0 64px;z-index:10;}
@media (min-width: 768px) and (max-width: 1400px){.h1-header-desctop{font-family:Jost, sans-serif;font-size:64px;color:rgba(255, 255, 255, 1);line-height:1.5;font-weight:600;display:flex;align-items:flex-end;justify-content:flex-end;width:50%;padding:0 0 64px;z-index:10;}}
@media (max-width: 1024px){.h1-header-desctop{font-family:Jost, sans-serif;font-size:64px;color:rgba(255, 255, 255, 1);line-height:1.5;font-weight:600;display:flex;align-items:flex-end;justify-content:flex-end;width:50%;padding:0 0 64px;z-index:10;}}
@media (max-width: 767px){.h1-header-desctop{font-family:Jost, sans-serif;font-size:10px;color:rgba(255, 255, 255, 1);line-height:1.5;font-weight:600;display:flex;align-items:flex-end;justify-content:flex-end;width:100%;padding:0 0 64px;z-index:10;}}
.is-disabled{--_bg:#cfcfcf;--_border:#cfcfcf;--_fg:#6b6b6b;cursor:not-allowed;}
@media (min-width: 768px) and (max-width: 1400px){.is-disabled{--_bg:#cfcfcf;--_border:#cfcfcf;--_fg:#6b6b6b;cursor:not-allowed;}}
@media (max-width: 1024px){.is-disabled{--_bg:#cfcfcf;--_border:#cfcfcf;--_fg:#6b6b6b;cursor:not-allowed;}}
@media (max-width: 767px){.is-disabled{--_bg:#cfcfcf;--_border:#cfcfcf;--_fg:#6b6b6b;cursor:not-allowed;}}
.hero-section{min-height:90vh;position:relative;}
@media (min-width: 768px) and (max-width: 1400px){.hero-section{min-height:90vh;position:relative;}}
@media (max-width: 1024px){.hero-section{min-height:90vh;position:relative;}}
@media (max-width: 767px){.hero-section{background-color:var(--kb-cta-border);background-image:none;min-height:90vh;position:relative;display:flex;flex-direction:column;background-type:classic;justify-content:space-between;}}
.hero-heading{font-family:Jost, sans-serif;font-weight:700;font-size:30px;text-transform:uppercase;}
@media (min-width: 768px) and (max-width: 1400px){.hero-heading{font-family:Jost, sans-serif;font-weight:700;font-size:30px;text-transform:uppercase;}}
@media (max-width: 1024px){.hero-heading{font-family:Jost, sans-serif;font-weight:700;font-size:30px;text-transform:uppercase;}}
@media (max-width: 767px){.hero-heading{font-family:Jost, sans-serif;font-weight:700;font-size:30px;text-transform:uppercase;}}
.footer-menu{font-family:Jost, sans-serif;font-size:14px;font-weight:300;color:var(--kb-cta-text) !important;margin:0 0 16px;}
@media (min-width: 768px) and (max-width: 1400px){.footer-menu{font-family:Jost, sans-serif;font-size:14px;font-weight:300;color:var(--kb-cta-text) !important;margin:0 0 16px;}}
@media (max-width: 1024px){.footer-menu{font-family:Jost, sans-serif;font-size:14px;font-weight:300;color:var(--kb-cta-text) !important;margin:0 0 16px;}}
@media (max-width: 767px){.footer-menu{font-family:Jost, sans-serif;font-size:14px;font-weight:300;color:var(--kb-cta-text) !important;margin:0 0 16px;}}
.logo-footer-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-content:flex-start;}
@media (min-width: 768px) and (max-width: 1400px){.logo-footer-section{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:flex-start;}}
@media (max-width: 1024px){.logo-footer-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-content:flex-start;}}
@media (max-width: 767px){.logo-footer-section{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:flex-start;}}
.button-primary{background-color:rgba(255, 255, 255, 1);background-image:none;font-family:Jost, sans-serif;border-width:2px;padding:10px 32px;display:inline-block;font-size:16px;transition:transform 0.35s cubic-bezier(0.61, 0.22, 0.23, 1), background-color 0.35s cubic-bezier(0.61, 0.22, 0.23, 1), color 0.35s cubic-bezier(0.61, 0.22, 0.23, 1);}.button-primary:hover{background-color:rgba(51, 51, 51, 1);background-image:none;font-family:Jost, sans-serif;font-size:16px;color:rgba(255, 255, 255, 1) !important;transform:translateY(-3px);}
@media (min-width: 768px) and (max-width: 1400px){.button-primary{background-color:rgba(255, 255, 255, 1);background-image:none;font-family:Jost, sans-serif;border-width:2px;padding:10px 32px;display:inline-block;font-size:16px;transition:transform 0.35s cubic-bezier(0.61, 0.22, 0.23, 1), background-color 0.35s cubic-bezier(0.61, 0.22, 0.23, 1), color 0.35s cubic-bezier(0.61, 0.22, 0.23, 1);}.button-primary:hover{background-color:rgba(51, 51, 51, 1);background-image:none;font-family:Jost, sans-serif;font-size:16px;color:rgba(255, 255, 255, 1) !important;transform:translateY(-3px);}}
@media (max-width: 1024px){.button-primary{background-color:rgba(255, 255, 255, 1);background-image:none;font-family:Jost, sans-serif;border-width:2px;padding:10px 32px;display:inline-block;font-size:16px;transition:transform 0.35s cubic-bezier(0.61, 0.22, 0.23, 1), background-color 0.35s cubic-bezier(0.61, 0.22, 0.23, 1), color 0.35s cubic-bezier(0.61, 0.22, 0.23, 1);}.button-primary:hover{background-color:rgba(51, 51, 51, 1);background-image:none;font-family:Jost, sans-serif;font-size:16px;color:rgba(255, 255, 255, 1) !important;transform:translateY(-3px);}}
@media (max-width: 767px){.button-primary{background-color:rgba(255, 255, 255, 1);background-image:none;font-family:Jost, sans-serif;border-width:2px;padding:10px 32px;display:inline-block;font-size:16px;transition:transform 0.35s cubic-bezier(0.61, 0.22, 0.23, 1), background-color 0.35s cubic-bezier(0.61, 0.22, 0.23, 1), color 0.35s cubic-bezier(0.61, 0.22, 0.23, 1);}.button-primary:hover{background-color:rgba(51, 51, 51, 1);background-image:none;font-family:Jost, sans-serif;font-size:16px;color:rgba(255, 255, 255, 1) !important;transform:translateY(-3px);}}
.text-italic{color:rgba(255, 255, 255, 1);margin:0 0 0;font-family:Jost, sans-serif;font-style:italic;font-size:32px;}
@media (min-width: 768px) and (max-width: 1400px){.text-italic{color:rgba(255, 255, 255, 1);margin:0 0 0;font-family:Jost, sans-serif;font-style:italic;font-size:32px;}}
@media (max-width: 1024px){.text-italic{color:rgba(255, 255, 255, 1);margin:0 0 0;font-family:Jost, sans-serif;font-style:italic;font-size:32px;}}
@media (max-width: 767px){.text-italic{color:rgba(255, 255, 255, 1);margin:0 0 0;font-family:Jost, sans-serif;font-style:italic;font-size:32px;}}
.category-block{padding:24px 0 0 0;display:flex;}
@media (min-width: 768px) and (max-width: 1400px){.category-block{padding:24px 0 0 0;display:flex;}}
@media (max-width: 1024px){.category-block{padding:24px 0 0 0;display:flex;}}
@media (max-width: 767px){.category-block{padding:24px 0 0 0;display:flex;}}
.hero-logo-image{width:300px;}
@media (min-width: 768px) and (max-width: 1400px){.hero-logo-image{width:300px;}}
@media (max-width: 1024px){.hero-logo-image{width:300px;}}
@media (max-width: 767px){.hero-logo-image{width:300px;}}
.is-busy{opacity:0.7;cursor:progress;}
@media (min-width: 768px) and (max-width: 1400px){.is-busy{opacity:0.7;cursor:progress;}}
@media (max-width: 1024px){.is-busy{opacity:0.7;cursor:progress;}}
@media (max-width: 767px){.is-busy{opacity:0.7;cursor:progress;}}