img .wp-smiley, img.emoji
{
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.icon-small {
    width: 50px;
    padding-bottom: 5px;
}

.icon-text-large {
    font-size: 100px;
}

.small-text {
    font-size: 16px;
}

.tiny-text {
    font-size: 12px;
}

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

#qrcode > img {
    margin: 0 auto;
    padding-top: 25px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-75 {
    margin-top: 75px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-75 {
    margin-bottom: 50px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

#message {
    font-size: 1.5em;
}

#subject {
    font-size: 1.5em;
}

body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}
 



#ot-sdk-cookie-policy .ot-sdk-container {
    width: 100% !important;
    padding: 0 !important
}

* {
    box-sizing: border-box
}

.kocho-person-avatar .kocho-image__btn-img-wrapper img, .kocho-person-avatar__portrait img, .kocho-speaker-card__profile img, .roundel img {
    border-radius: 50%
}

html :where(.wp-block) {
    max-width: revert
}

html {
    scroll-behavior: smooth
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: unset
    }
}

:target {
    padding-top: 104px;
    margin-top: -104px
}

.visually-hidden {
    opacity: 0;
    position: absolute;
    left: -10000px;
    transform: scale(0)
}

.banner, .page-header {
    position: absolute;
    background: 0 0
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

    body.menu-open {
        max-height: 100vh;
        overflow: hidden
    }

.kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
    margin: 0 auto;
    padding: 0 2rem
}

@media(min-width:0px) {
    .kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
        max-width: 100%
    }
}

@media(min-width:375px) {
    .kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
        max-width: 100%
    }
}

@media(min-width:576px) {
    .kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
        max-width: 100%
    }
}

@media(min-width:768px) {
    .kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
        max-width: 100%
    }
}

@media(min-width:992px) {
    .kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
        max-width: 100%
    }
}

@media(min-width:1024px) {
    .kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
        max-width: 100%
    }
}

@media(min-width:1200px) {
    .kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
        max-width: 1140px
    }
}

@media(min-width:1300px) {
    .kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
        max-width: 1250px;
        padding: 0 3.75rem
    }
}

@media(min-width:1400px) {
    .kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
        max-width: 1360px
    }
}

@media(min-width:1500px) {
    .kocho-archive-content, .kocho-archive-content__message, .kocho-awards-list__container, .kocho-awards-logos, .kocho-awards-logos__container, .kocho-bullet-list__container, .kocho-button__container, .kocho-card-grid__container, .kocho-centered-quote__container, .kocho-centred-narrow-content__accordion, .kocho-centred-narrow-content__bullet-list, .kocho-centred-narrow-content__container, .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__large-text, .kocho-centred-narrow-content__text-with-button, .kocho-centred-narrow-content__video, .kocho-centred-narrow-content__wysiwyg-img-caption, .kocho-comparison-table__container, .kocho-event-and-download__container, .kocho-example__container, .kocho-faqs__container, .kocho-featured-resource-cta__container, .kocho-footer__container, .kocho-header__container, .kocho-hero__container, .kocho-history__container, .kocho-hubspot-form .hs-submit, .kocho-icon-group__container, .kocho-iframe__container, .kocho-iframe__inner, .kocho-info-banner__container, .kocho-job-list__container, .kocho-locations__container, .kocho-media-with-aside__container, .kocho-modal__container, .kocho-narrow-content__accordion, .kocho-narrow-content__bullet-list, .kocho-narrow-content__container, .kocho-narrow-content__copy, .kocho-narrow-content__heading, .kocho-narrow-content__icons, .kocho-narrow-content__iframe, .kocho-narrow-content__image, .kocho-narrow-content__large-text, .kocho-narrow-content__text-with-button, .kocho-narrow-content__wysiwyg-img-caption, .kocho-page-hero__container, .kocho-people__container, .kocho-primary-hero__container, .kocho-primary-nav__cta-wrapper, .kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__nav-items, .kocho-primary-nav__portal, .kocho-quote-card__container, .kocho-redirect-banner__container, .kocho-search-form__container, .kocho-share-bar__container, .kocho-speaker-cards__container, .kocho-stat-block__container, .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards, .kocho-summit-agenda__container, .kocho-summit-nav__container, .kocho-table__container, .kocho-tag-cloud__container, .kocho-tag-cloud__no-results, .kocho-tall-image__container, .kocho-text-image-cards__container, .kocho-text-with-cta__container, .kocho-text-with-form__container, .kocho-text-with-form__container .kocho-text-with-form__container, .kocho-text-with-icon-columns__container, .kocho-text-with-image__container, .kocho-text-with-image__top-title-wrapper, .kocho-text-with-list__container, .kocho-two-column-grid__container, .kocho-two-column-quote__container, .kocho-two-column-text-with-quote__container, .kocho-vertical-text-with-cta__container, .kocho-video-block__container, .sitemap__details, .sitemap__top-title, .sitemap__ul {
        max-width: 1420px;
        padding: 0 5.625rem
    }
}

/* vietnamese */
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v15/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUXsrPMBTTA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v15/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUXsqPMBTTA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v15/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUXskPMA.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

body, html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #061619
}

.h1, h1 {
    font-size: 3.4375rem;
    line-height: 3.4375rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .h1, h1 {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

.h2, .kocho-hero__container--search .kocho-hero__text-content h1, h2 {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .h2, .kocho-hero__container--search .kocho-hero__text-content h1, h2 {
        font-size: 2.8125rem;
        line-height: 3.4375rem
    }
}

.h3, .kocho-text-image-cards__title.kocho-text-image-cards__title_normal, h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .h3, .kocho-text-image-cards__title.kocho-text-image-cards__title_normal, h3 {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

.h4, .kocho-text-with-cta__text > *, h4 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .h4, .kocho-text-with-cta__text > *, h4 {
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

.h5, .kocho-centered-quote__container blockquote .kocho-centred-narrow-content__copy > div, .kocho-centered-quote__container blockquote .kocho-narrow-content__copy > div, .kocho-centered-quote__container blockquote p, .kocho-form-card__title, .kocho-landscape-card__title--hero-only, .kocho-narrow-content__heading > *, .kocho-quote__body-text .kocho-centred-narrow-content__copy > div, .kocho-quote__body-text .kocho-narrow-content__copy > div, .kocho-quote__body-text p, .kocho-two-column-quote__quote-wrapper .kocho-quote__body-text, h5 {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .h5, .kocho-centered-quote__container blockquote .kocho-centred-narrow-content__copy > div, .kocho-centered-quote__container blockquote .kocho-narrow-content__copy > div, .kocho-centered-quote__container blockquote p, .kocho-form-card__title, .kocho-landscape-card__title--hero-only, .kocho-narrow-content__heading > *, .kocho-quote__body-text .kocho-centred-narrow-content__copy > div, .kocho-quote__body-text .kocho-narrow-content__copy > div, .kocho-quote__body-text p, .kocho-two-column-quote__quote-wrapper .kocho-quote__body-text, h5 {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.h6, .kocho-sidebar-card__title, h6 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .h6, .kocho-sidebar-card__title, h6 {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
}

.kocho-centred-narrow-content__content h2, .kocho-narrow-content__content h2, .kocho-text-image-cards__text .kocho-text h2, .kocho-text-with-image__top-title, .kocho-text-with-list__title--small, .kocho-timeline-event__text h2, .kocho-two-column-grid__body h2, .kocho-wysiwyg h2, .wysiwyg-h2 {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__content h2, .kocho-narrow-content__content h2, .kocho-text-image-cards__text .kocho-text h2, .kocho-text-with-image__top-title, .kocho-text-with-list__title--small, .kocho-timeline-event__text h2, .kocho-two-column-grid__body h2, .kocho-wysiwyg h2, .wysiwyg-h2 {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

.kocho-centred-narrow-content__content h3, .kocho-narrow-content__content h3, .kocho-text-image-cards__text .kocho-text h3, .kocho-timeline-event__text h3, .kocho-two-column-grid__body h3, .kocho-two-column-text-with-quote__quote__text > *, .kocho-wysiwyg h3, .wysiwyg-h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__content h3, .kocho-narrow-content__content h3, .kocho-text-image-cards__text .kocho-text h3, .kocho-timeline-event__text h3, .kocho-two-column-grid__body h3, .kocho-two-column-text-with-quote__quote__text > *, .kocho-wysiwyg h3, .wysiwyg-h3 {
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

.kocho-centred-narrow-content__content h4, .kocho-narrow-content__content h4, .kocho-quote-insert-card__body .kocho-centred-narrow-content__copy > div, .kocho-quote-insert-card__body .kocho-narrow-content__copy > div, .kocho-quote-insert-card__body blockquote, .kocho-quote-insert-card__body p, .kocho-text-image-cards__text .kocho-text h4, .kocho-timeline-event__text h4, .kocho-two-column-grid__body h4, .kocho-wysiwyg h4, .wysiwyg-h4 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__content h4, .kocho-narrow-content__content h4, .kocho-quote-insert-card__body .kocho-centred-narrow-content__copy > div, .kocho-quote-insert-card__body .kocho-narrow-content__copy > div, .kocho-quote-insert-card__body blockquote, .kocho-quote-insert-card__body p, .kocho-text-image-cards__text .kocho-text h4, .kocho-timeline-event__text h4, .kocho-two-column-grid__body h4, .kocho-wysiwyg h4, .wysiwyg-h4 {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-centred-narrow-content__content h5, .kocho-narrow-content__content h5, .kocho-narrow-content__icons .kocho-icon-group__content .kocho-icon-group__title, .kocho-text-image-cards__text .kocho-text h5, .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-title--small, .kocho-timeline-event__text h5, .kocho-two-column-grid__body h5, .kocho-wysiwyg h5, .wysiwyg-h5 {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    font-weight: 500
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__content h5, .kocho-narrow-content__content h5, .kocho-narrow-content__icons .kocho-icon-group__content .kocho-icon-group__title, .kocho-text-image-cards__text .kocho-text h5, .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-title--small, .kocho-timeline-event__text h5, .kocho-two-column-grid__body h5, .kocho-wysiwyg h5, .wysiwyg-h5 {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
}

.kocho-centred-narrow-content__content h6, .kocho-narrow-content__content h6, .kocho-text-image-cards__text .kocho-text h6, .kocho-timeline-event__text h6, .kocho-two-column-grid__body h6, .kocho-wysiwyg h6, .wysiwyg-h6 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    font-weight: 500
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__content h6, .kocho-narrow-content__content h6, .kocho-text-image-cards__text .kocho-text h6, .kocho-timeline-event__text h6, .kocho-two-column-grid__body h6, .kocho-wysiwyg h6, .wysiwyg-h6 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.kocho-comparison-table__table-title, .kocho-hero--bg_image .kocho-indented-text-with-cta__title-normal, .kocho-hero--bg_image_event .kocho-indented-text-with-cta__title-normal, .kocho-hero--bg_overlay .kocho-indented-text-with-cta__title-normal, .kocho-hero--clipped .kocho-indented-text-with-cta__title-normal, .kocho-hero--event .kocho-indented-text-with-cta__title-normal, .kocho-hero__container--search .kocho-indented-text-with-cta__title-normal, .kocho-text__title-h2, .sitemap__top-title {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-comparison-table__table-title, .kocho-hero--bg_image .kocho-indented-text-with-cta__title-normal, .kocho-hero--bg_image_event .kocho-indented-text-with-cta__title-normal, .kocho-hero--bg_overlay .kocho-indented-text-with-cta__title-normal, .kocho-hero--clipped .kocho-indented-text-with-cta__title-normal, .kocho-hero--event .kocho-indented-text-with-cta__title-normal, .kocho-hero__container--search .kocho-indented-text-with-cta__title-normal, .kocho-text__title-h2, .sitemap__top-title {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

.kocho-text__title-h3 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-text__title-h3 {
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

.kocho-comparison-table__tier-title, .kocho-text__title-h4, .sitemap__title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-comparison-table__tier-title, .kocho-text__title-h4, .sitemap__title {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-text__title-h5 {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    font-weight: 500
}

@media(min-width:768px) {
    .kocho-text__title-h5 {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
}

.kocho-text__title-h6 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    font-weight: 500
}

@media(min-width:768px) {
    .kocho-text__title-h6 {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.kocho-centred-narrow-content__copy > div, .kocho-narrow-content__copy > div, li, p, summary {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin-top: 0
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__copy > div, .kocho-narrow-content__copy > div, li, p, summary {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-centred-narrow-content__copy > div:not([class]):last-child, .kocho-narrow-content__copy > div:not([class]):last-child, p:not([class]):last-child {
    margin-bottom: 0
}

a:not([class]) {
    color: inherit
}

.text--white, .text--white *, .text--white .kocho-centred-narrow-content__copy > div, .text--white .kocho-centred-narrow-content__copy > div *, .text--white .kocho-narrow-content__copy > div, .text--white .kocho-narrow-content__copy > div *, .text--white blockquote, .text--white blockquote *, .text--white p, .text--white p * {
    color: #fff
}

.text--ebony, .text--ebony * {
    color: #061619
}

.text--lime, .text--lime * {
    color: #00ec00
}

.text--lemon, .text--lemon * {
    color: #f4ff00
}

.text--oatmeal, .text--oatmeal * {
    color: #ebe9e2
}

.text--left, .text--left * {
    text-align: left
}

.text--center, .text--center * {
    text-align: center
}

a {
    text-decoration: underline
}

    a:hover {
        text-decoration: none
    }

.block, .kocho-footer__lower {
    padding: 2.5rem 0
}

@media(min-width:992px) {
    .block, .kocho-footer__lower {
        padding: 3.75rem 0
    }
}

.block--ebony {
    background-color: #061619
}

.block--lime {
    background-color: #00ec00
}

.block--lemon {
    background-color: #f4ff00
}

.block--oatmeal {
    background-color: #ebe9e2
}

.block--white {
    background-color: #fff
}

    .block--ebony + .block--ebony, .block--lemon + .block--lemon, .block--lime + .block--lime, .block--oatmeal + .block--oatmeal, .block--white + .block--white {
        padding-top: 0
    }

.kocho-card, .kocho-people-card {
    position: relative;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: .25rem;
    overflow: hidden;
    background-color: #ebe9e2
}

    .kocho-card:after, .kocho-people-card:after {
        content: "";
        display: block;
        position: absolute;
        bottom: .8rem;
        right: .8rem;
        height: 3rem;
        width: 3rem;
        border-radius: 50% 50% 0 50%;
        background-color: #00ec00;
        background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xsmall-ebony.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(0);
        transform-origin: bottom right;
        transition: transform .2s ease-in-out
    }

    .kocho-card:focus:after, .kocho-card:hover:after, .kocho-people-card:focus:after, .kocho-people-card:hover:after {
        transform: scale(1)
    }

@media(max-width:calc(992px - 1px)) {
    .kocho-card:after, .kocho-people-card:after {
        transform: scale(1)
    }
}

.alignnone {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    height: auto
}

.aligncenter {
    display: block;
    margin: 1rem auto;
    height: auto
}

.alignleft, .alignright {
    margin-bottom: 1rem;
    height: auto
}

@media(min-width:30rem) {
    .alignleft {
        float: left;
        margin-right: 1rem
    }

    .alignright {
        float: right;
        margin-left: 1rem
    }
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    color: #000;
    background: #fff
}

.kocho-card-grid[data-carousel="1"], .kocho-carousel, .kocho-image-carousel {
    overflow: hidden
}

.kocho-carousel__controls {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.kocho-carousel__cta {
    display: inline-block;
    margin-top: 2rem
}

.kocho-carousel__dots {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.kocho-carousel__dot {
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
    padding: 0;
    border: none;
    margin-right: .5rem;
    outline-color: #061619;
    background: radial-gradient(#ebe9e2,#ebe9e2 .75rem,transparent 0)
}

    .kocho-carousel__dot.is-selected {
        background: radial-gradient(#00ec00,#00ec00 .75rem,transparent 0)
    }

.kocho-carousel__next, .kocho-carousel__prev {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3rem;
    max-height: 3rem;
    min-width: 3rem;
    max-width: 3rem;
    background-color: #ebe9e2;
    border: none;
    outline-color: #061619;
    border-radius: .25rem;
    cursor: pointer
}

.kocho-carousel__arrow, .kocho-carousel__arrow--next, .kocho-carousel__arrow--prev, .kocho-table__next, .kocho-table__prev {
    display: block;
    height: 50%;
    width: 50%
}

.kocho-carousel__arrow--prev {
    transform: rotate(180deg)
}

.kocho-header {
    width: 100%;
    background-color: #061619;
    padding: 0 0 1.5rem;
    z-index: 10
}

.kocho-header--home {
    transition: background-color .3s ease-in-out;
    transition-delay: 0s;
    background-color: transparent
}

@media(max-width:calc(992px - 1px)) {
    .kocho-header--home--open {
        transition-delay: 0s;
        transition-duration: 0s;
        background-color: #061619
    }
}

.kocho-header__logo {
    justify-content: center
}

@media(max-width:calc(768px - 1px)) {
    .kocho-header__logo picture > img {
        height: 1.5rem
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-header__mobile-nav--show {
        background-color: #061619;
        position: fixed;
        top: 0;
        transition: top .3s ease;
        transition: background-color .3s ease;
        padding-bottom: 1.5rem
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-header__mobile-nav--hidden {
        position: fixed;
        top: -200px;
        transition: top .3s ease-in-out
    }
}

.kocho-header__mobile-nav--show-bg {
    background-color: #061619;
    transition: background-color .3s ease
}

.kocho-header__basic {
    padding-bottom: 1rem
}

@media(min-width:992px) {
    .kocho-header {
        padding-bottom: 0
    }

    .kocho-header--dark {
        background-color: #061619;
        transition: background-color .2s ease-in-out
    }
}

.kocho-header__container {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem
}

@media(min-width:992px) {
    .kocho-header__container {
        margin-top: 1rem
    }
}

@media(min-width:992px) {
    .kocho-header__fixed {
        top: 0;
        left: 0;
        width: 100%;
        position: relative;
        padding-top: 2rem
    }
}

@media(min-width:992px) {
    .kocho-header__fixed--active {
        position: fixed;
        padding-bottom: 0;
        background-color: #061619;
        padding-top: 0
    }
}

@media(min-width:992px) {
    .kocho-header__fixed--active .kocho-header__container, .kocho-header__fixed--active .kocho-primary-nav__item {
        margin-top: 0
    }
}

@media(min-width:992px) {
    .kocho-header--home .kocho-header__fixed--active {
        background-color: #061619
    }
}

.kocho-header__logo {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:992px) {
    .kocho-header__logo:not(button) {
        outline: none
    }

        .kocho-header__logo:not(button):after {
            display: block;
            content: "";
            height: .1rem;
            width: 100%;
            background-color: #00ec00;
            transition: transform .2s ease-in-out;
            transform: scaleX(0);
            transform-origin: left
        }

        .kocho-header__logo:not(button):focus:after, .kocho-header__logo:not(button):hover:after {
            transform: scaleX(1)
        }
}

.kocho-header__logo picture > img {
    object-fit: contain;
    height: 2.5rem;
    object-position: left center
}

@media(min-width:992px) {
    .kocho-header__logo picture > img {
        height: 2rem
    }
}

.kocho-header__hamburger {
    background-color: transparent;
    border: none;
    padding: 0
}

@media(min-width:992px) {
    .kocho-header__hamburger {
        display: none
    }
}

.kocho-header__burger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 2rem;
    width: 2rem;
    position: relative
}

.kocho-header__burger__line, .kocho-header__burger__line--0, .kocho-header__burger__line--1, .kocho-header__burger__line--2 {
    padding: .5px;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    transition: all .3s ease-in
}

.kocho-header__burger__line--0 {
    transform: translateY(-.75rem)
}

.kocho-header__burger__line--2 {
    transform: translateY(.75rem)
}

.kocho-header__burger--close .kocho-header__burger__line, .kocho-header__burger--close .kocho-header__burger__line--0, .kocho-header__burger--close .kocho-header__burger__line--1, .kocho-header__burger--close .kocho-header__burger__line--2 {
    background-color: #fff
}

.kocho-header__burger--close .kocho-header__burger__line--0 {
    transform: rotate(45deg)
}

.kocho-header__burger--close .kocho-header__burger__line--1 {
    opacity: 0
}

.kocho-header__burger--close .kocho-header__burger__line--2 {
    transform: rotate(-45deg)
}

.kocho-header__buttons {
    display: flex
}

@media(min-width:992px) {
    .kocho-header__buttons {
        display: none
    }
}

@media(min-width:992px) {
    .kocho-info-banner + .kocho-header__fixed:not(.kocho-header__fixed--active) {
        padding-top: 2rem
    }
}

@media(min-width:992px) {
    .kocho-info-banner + .kocho-header__fixed:not(.kocho-header__fixed--active) .kocho-primary-nav__portal {
        top: 0
    }
}

@media(min-width:992px) {
    .kocho-header__fixed--active .kocho-primary-nav__link {
        padding-top: 2.5rem;
        height: 4rem
    }
}

@media(min-width:992px) {
    .kocho-header__fixed--active .kocho-primary-nav__portal {
        display: none
    }
}

@media(max-width:calc(992px - 1px)) {
    .summit-page .kocho-header {
        padding-bottom: 0
    }
}

.kocho-footer__upper {
    background: #061619;
    padding-top: 6rem
}

.kocho-footer__lower {
    background: #030d0f
}

@media(min-width:768px) {
    .kocho-footer__lower {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media(min-width:768px) {
    .kocho-footer__lower .kocho-footer__container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end
    }
}

.kocho-footer__lower .kocho-footer__container__text {
    flex-basis: 33%
}

.kocho-footer * {
    color: #fff;
    list-style: none;
    text-decoration: none
}

.kocho-footer__top {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .kocho-footer__top {
        flex-direction: row;
        justify-content: space-between
    }
}

.kocho-footer__top-right {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .kocho-footer__top-right {
        flex-direction: row;
        justify-content: flex-end;
        width: 100%
    }
}

.kocho-footer__left {
    width: 10.47875rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width:768px) {
    .kocho-footer__left {
        flex-basis: 33%
    }
}

.kocho-footer__left .kocho-footer__socials {
    display: none
}

@media(min-width:768px) {
    .kocho-footer__left .kocho-footer__socials {
        display: block
    }
}

@media(min-width:768px) {
    .kocho-footer__bottom {
        display: none
    }
}

.kocho-footer__logo {
    width: 10.47875rem;
    height: 2.5rem
}

    .kocho-footer__logo .kocho-image img {
        object-fit: contain
    }

.kocho-footer__primary-menu ul, .kocho-footer__secondary-menu ul {
    padding: 0
}

.kocho-footer__primary-menu {
    margin-top: 2rem
}

@media(min-width:768px) {
    .kocho-footer__primary-menu {
        flex-basis: 40%;
        margin-top: 0;
        margin-right: 3rem
    }
}

.kocho-footer__primary-menu__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

@media(min-width:768px) {
    .kocho-footer__primary-menu__items {
        margin-top: 0
    }
}

.kocho-footer__primary-menu__item {
    flex-basis: 45%;
    margin-bottom: 2.5rem;
    cursor: pointer
}

@media(min-width:768px) {
    .kocho-footer__primary-menu__item {
        flex-basis: 100%
    }
}

@media(min-width:992px) {
    .kocho-footer__primary-menu__item {
        flex-basis: 45%
    }
}

.kocho-footer__primary-menu__item-link:hover {
    text-decoration: underline
}

.kocho-footer__form-title {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    color: #fff;
    margin-top: 1rem
}

@media(min-width:768px) {
    .kocho-footer__form-title {
        font-size: 1.25rem;
        line-height: 1.625rem;
        margin-top: 0
    }
}

@media(min-width:768px) {
    .kocho-footer__form {
        flex-basis: 40%;
        margin-top: 0;
        margin-left: 1rem
    }
}

.kocho-footer__socials .kocho-social-icons-list {
    padding-bottom: 1rem
}

    .kocho-footer__socials .kocho-social-icons-list ul {
        padding: 0
    }

    .kocho-footer__socials .kocho-social-icons-list img {
        margin-left: 0;
        margin-right: 1rem
    }

@media(min-width:768px) {
    .kocho-footer__socials .kocho-social-icons-list img {
        width: 1.625rem
    }
}

@media(min-width:768px) {
    .kocho-footer__socials {
        display: none
    }
}

.kocho-footer__company-information {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #fff
}

@media(min-width:768px) {
    .kocho-footer__company-information {
        font-size: 1rem;
        line-height: 1.375rem;
        margin-bottom: 0;
        font-size: .75rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        color: #fff
    }
}

@media(min-width:768px) and (min-width:768px) {
    .kocho-footer__company-information {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-footer__secondary-menu {
    padding-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-footer__secondary-menu {
        padding-top: 0;
        padding-bottom: 0;
        width: 80%;
        justify-self: flex-start
    }
}

.kocho-footer__secondary-menu__items {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(min-width:768px) {
    .kocho-footer__secondary-menu__items {
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin-top: 0;
        margin-bottom: 0;
        width: 100%
    }
}

.kocho-footer__secondary-menu__item {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    cursor: pointer
}

@media(min-width:768px) {
    .kocho-footer__secondary-menu__item {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-right: 1.2rem;
        margin-bottom: 0;
        font-size: .75rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400
    }
}

@media(min-width:768px) and (min-width:768px) {
    .kocho-footer__secondary-menu__item {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media(min-width:768px) {
    .kocho-footer__secondary-menu__item:last-of-type {
        margin-right: 0
    }
}

.kocho-footer__secondary-menu__item-link {
    text-decoration: underline
}

    .kocho-footer__secondary-menu__item-link:hover {
        text-decoration: none
    }

.kocho-footer__copyright {
    color: #fff
}

.kocho-footer__text {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #f0f0f0
}

@media(min-width:768px) {
    .kocho-footer__text {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-footer__text a {
    text-decoration: underline;
    color: #f0f0f0
}

    .kocho-footer__text a:hover {
        text-decoration: none
    }

@media(min-width:768px) {
    .kocho-footer__text {
        font-size: .75rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        color: #f0f0f0;
        width: 33%;
        margin-bottom: 0
    }
}

@media(min-width:768px) and (min-width:768px) {
    .kocho-footer__text {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

body#tinymce {
    margin: 12px !important
}

.pattern-library .container {
    padding-bottom: 2rem;
    padding-top: 8rem
}

@media(min-width:992px) {
    .pattern-library .container {
        padding-top: 14rem
    }
}

.pattern-library__anchor {
    text-decoration: none;
    color: #000;
    padding: .5rem;
    margin-left: -.5rem
}

.pattern-library .page-header h1, .pattern-library__section > article {
    padding: 1rem
}

.pattern-library__instance {
    padding: .5rem;
    box-sizing: border-box;
    background: #f0f8ff;
    width: 100%
}

@media(max-width:calc(576px - 1px)) {
    .pattern-library__instance {
        padding: 0
    }
}

.pattern-library__hr {
    justify-self: stretch;
    margin: 4rem 0
}

    .pattern-library__hr:last-of-type {
        display: none
    }

.pattern-library__code, .pattern-library__code--inline, .pattern-library__usage {
    font-family: monospace,monospace;
    color: #061619;
    background: #fff;
    border-radius: 4px;
    word-break: break-word;
    tab-size: 2
}

.pattern-library__code--inline {
    color: #061619;
    background: #ebe9e2;
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 1rem
}

.pattern-library__pre {
    white-space: pre-wrap;
    word-break: break-word;
    max-width: 100%;
    background: #fff;
    color: #061619;
    padding: 1rem;
    margin: 0
}

.pattern-library__p {
    margin: 1rem 0
}

.pattern-library__details {
    margin: 1rem;
    max-width: 100%
}

.pattern-library__summary {
    cursor: pointer;
    font-size: 1.2rem;
    margin: 1rem 0
}

.pattern-library__example {
    position: relative;
    background: #fff;
    margin: 1rem;
    padding: 1rem;
    overflow: hidden
}

    .pattern-library__example .form__input-group {
        max-width: 75%;
        min-width: 15rem
    }

    .pattern-library__example .kocho-vertical-text-with-cta {
        position: static
    }

        .pattern-library__example .kocho-vertical-text-with-cta .overlay {
            z-index: 0
        }

@media(max-width:calc(576px - 1px)) {
    .pattern-library__example {
        padding: 0;
        margin: 0
    }
}

.pattern-library__nav {
    min-width: 18rem
}

    .pattern-library__nav ul {
        padding: 0;
        list-style: none
    }

    .pattern-library__nav li {
        margin-bottom: .5rem
    }

    .pattern-library__nav a {
        color: #000;
        padding: .5rem;
        text-decoration: none
    }

        .pattern-library__nav a:focus {
            text-decoration: none
        }

    .pattern-library__nav details {
        margin: 0
    }

    .pattern-library__nav summary {
        padding: .5rem
    }

#cta-button.pattern-library__section .kocho-button__secondary, #cta-button.pattern-library__section .kocho-hubspot-form--lemon .hs-submit input[type=submit], .kocho-hubspot-form--lemon .hs-submit #cta-button.pattern-library__section input[type=submit] {
    background: #061619
}

.sitemap {
    padding-bottom: 4rem
}

.sitemap__details {
    margin-top: 2rem
}

@media(min-width:992px) {
    .sitemap__details {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media(min-width:1300px) {
    .sitemap__details {
        padding-left: 6rem;
        padding-right: 6rem
    }
}

@media(min-width:1400px) {
    .sitemap__details {
        padding-left: 8rem;
        padding-right: 8rem
    }
}

.sitemap__summary {
    cursor: pointer;
    position: relative;
    list-style: none;
    border-bottom: 1px solid rgba(6,22,25,.6);
    padding: 1rem 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media(max-width:calc(992px - 1px)) {
    .sitemap__summary {
        margin: 0 2rem
    }
}



.sitemap__summary:after, .sitemap details[open] > summary:after {
    content: url(/app/themes/sage/resources/assets/images/icons/arrows/chevron-ebony.svg);
    background-position: 50%;
    padding-top: .5rem
}

.sitemap details[open] > summary:after {
    transform: rotate(180deg)
}

.sitemap__hero {
    padding: 3.75rem 0;
    background-color: #061619;
    color: #fff;
    margin-bottom: 2rem
}

.sitemap__top-title {
    margin-top: 8rem
}

.sitemap__title {
    display: inline-block
}

.sitemap__ul {
    list-style-type: none;
    padding: 0;
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media(max-width:calc(992px - 1px)) {
    .sitemap__ul {
        margin: 2rem
    }
}

.sitemap__li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.5rem !important
}

    .sitemap__li:before {
        content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
        position: absolute;
        left: 0;
        top: .2rem
    }

.kocho-archive-content .kocho-centred-narrow-content__copy > div, .kocho-archive-content .kocho-narrow-content__copy > div, .kocho-archive-content p {
    font-weight: 700;
    color: grey
}

.kocho-archive-content__message {
    background-color: transparent;
    padding-top: 4rem;
    padding-bottom: 8rem;
    color: #061619
}

    .kocho-archive-content__message h3 {
        font-size: 1.875rem;
        line-height: 2.5rem;
        font-family: mokoko,Georgia,serif;
        font-weight: 400;
        margin: 0
    }

@media(min-width:768px) {
    .kocho-archive-content__message h3 {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

.archive__load-more, .kocho-awards-list .kocho-text__title {
    margin-bottom: 2rem
}

.kocho-awards-list .kocho-text__text {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    max-width: 35rem
}

@media(min-width:768px) {
    .kocho-awards-list .kocho-text__text {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

.kocho-awards-list .kocho-block-tag {
    margin-bottom: 1.5rem !important
}

.kocho-awards-list .kocho-awards-logos {
    padding: 0;
    margin-bottom: 4rem
}

@media(min-width:768px) {
    .kocho-awards-list .kocho-awards-logos {
        margin-bottom: 3rem
    }
}

.block--ebony + .kocho-card-grid.block--ebony, .block--lemon + .kocho-card-grid.block--lemon, .block--lime + .kocho-card-grid.block--lime, .block--oatmeal + .kocho-card-grid.block--oatmeal, .block--white + .kocho-card-grid.block--white {
    padding-top: 2rem;
    margin-top: -2rem
}

.kocho-card-grid__track {
    display: flex
}

@media(min-width:1200px) {
    .kocho-card-grid__track {
        transform: unset !important;
        flex-wrap: wrap
    }
}

.kocho-card-grid:not([data-carousel="1"]) .kocho-card-grid__track {
    display: block
}

@media(min-width:576px) {
    .kocho-card-grid:not([data-carousel="1"]) .kocho-card-grid__track {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem
    }
}

@media(min-width:768px) {
    .kocho-card-grid:not([data-carousel="1"]) .kocho-card-grid__track {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width:992px) {
    .kocho-card-grid:not([data-carousel="1"]) .kocho-card-grid__track--4 {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.kocho-card-grid__item {
    width: 100%;
    flex: 0 0 100%;
    margin-right: 1rem
}

@media(min-width:576px) {
    .kocho-card-grid__item {
        width: 50%;
        flex: 0 0 50%
    }
}

@media(min-width:768px) {
    .kocho-card-grid__item {
        width: 40%;
        flex: 0 0 40%
    }
}

@media(min-width:992px) {
    .kocho-card-grid__item {
        width: 33.3%;
        flex: 0 0 33.3%
    }
}

@media(min-width:1200px) {
    .kocho-card-grid__item {
        width: calc(25% - 1rem);
        flex: 0 0 calc(25% - 1rem);
        margin-bottom: 1rem
    }
}

.kocho-card-grid:not([data-carousel="1"]) .kocho-card-grid__item {
    margin: 0 0 1rem
}

@supports(object-fit:cover) {
    .kocho-card-grid:not([data-carousel="1"]) .kocho-card-grid__item {
        width: 100%
    }
}

@media(min-width:576px) {
    .kocho-card-grid:not([data-carousel="1"]) .kocho-card-grid__item {
        margin-bottom: 0
    }
}

@media(min-width:1200px) {
    .kocho-card-grid__track--3 .kocho-card-grid__item {
        width: calc(33.3% - 1rem);
        flex: 0 0 calc(33.3% - 1rem);
        margin: 0 .5rem 1rem
    }

        .kocho-card-grid__track--3 .kocho-card-grid__item:first-child {
            margin-left: 0
        }

        .kocho-card-grid__track--3 .kocho-card-grid__item:last-child {
            margin-right: 0
        }
}

.kocho-card-grid__controls {
    margin-top: 2rem
}

@media(min-width:576px) {
    .kocho-card-grid__controls {
        max-width: 20rem
    }
}

@media(min-width:1200px) {
    .kocho-card-grid__controls {
        display: none
    }
}

.kocho-card-grid .kocho-button, .kocho-card-grid .kocho-hubspot-form--dark .hs-submit--green-button .hs-submit input[type=submit], .kocho-card-grid .kocho-hubspot-form .hs-submit input[type=submit], .kocho-hubspot-form--dark .hs-submit--green-button .hs-submit .kocho-card-grid input[type=submit], .kocho-hubspot-form .hs-submit .kocho-card-grid input[type=submit] {
    margin-top: 2rem
}

.kocho-card-grid .kocho-button__container, .kocho-card-grid .kocho-hubspot-form .hs-submit, .kocho-hubspot-form .kocho-card-grid .hs-submit {
    max-width: fit-content;
    margin: 0
}

.kocho-card-grid__title-wrapper .kocho-block-tag {
    margin-bottom: 1rem
}

.kocho-card-grid__title-wrapper h1, .kocho-card-grid__title-wrapper h2, .kocho-card-grid__title-wrapper h3, .kocho-card-grid__title-wrapper h4, .kocho-card-grid__title-wrapper h5, .kocho-card-grid__title-wrapper h6 {
    margin-bottom: 2rem
}

.kocho-card-grid__title {
    width: 100%
}

@media(min-width:992px) {
    .kocho-card-grid__title {
        max-width: 34.375rem
    }

    .kocho-card-grid__title--wide {
        width: 100%
    }

    .kocho-card-grid__title--narrow {
        max-width: 34.375rem
    }
}

.kocho-card-grid .kocho-card__content {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.kocho-centered-quote {
    position: relative;
    z-index: 0;
    overflow: hidden
}

    .kocho-centered-quote .overlay {
        top: 8rem;
        right: -8rem;
        bottom: -6rem;
        height: 30rem;
        opacity: .5
    }

@media(min-width:768px) {
    .kocho-centered-quote .overlay {
        top: -10rem;
        bottom: 0;
        right: -12rem;
        height: 40rem
    }
}

.kocho-centered-quote__container {
    padding: 2rem;
    width: 100%
}

@media(min-width:768px) {
    .kocho-centered-quote__container {
        padding: 4rem 2rem;
        width: 50%
    }
}

@media(min-width:768px) {
    .kocho-centered-quote__container blockquote .kocho-centred-narrow-content__copy > div, .kocho-centered-quote__container blockquote .kocho-narrow-content__copy > div, .kocho-centered-quote__container blockquote p {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

.kocho-centered-quote__logo img {
    max-width: 7rem !important;
    height: auto !important;
    margin-top: 2rem
}

.kocho-centered-quote__lime {
    background-color: #00ec00
}

.kocho-centred-narrow-content__container {
    display: flex;
    flex-direction: column;
    position: relative;
    scroll-behavior: smooth
}

@media(max-width:calc(992px - 1px)) {
    .kocho-centred-narrow-content__container {
        margin: 0;
        padding: 0
    }
}

@media(min-width:992px) {
    .kocho-centred-narrow-content__container {
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

.kocho-centred-narrow-content__content {
    margin: auto;
    box-sizing: content-box
}

@media(max-width:calc(992px - 1px)) {
    .kocho-centred-narrow-content__content {
        padding: 0
    }
}

.kocho-centred-narrow-content__content > * {
    margin-bottom: 0;
    margin-top: 2rem
}

.kocho-centred-narrow-content__content > :first-of-type {
    margin-top: 0
}

.kocho-centred-narrow-content__content > :last-of-type {
    margin-bottom: 2rem
}

.kocho-centred-narrow-content__content > .kocho-centred-narrow-content__icons, .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__image, .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__quote, .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__video {
    margin: 4rem 0
}

    .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__icons:first-of-type, .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__image:first-of-type, .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__quote:first-of-type, .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__video:first-of-type {
        margin-top: 0
    }

    .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__icons:last-of-type, .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__image:last-of-type, .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__quote:last-of-type, .kocho-centred-narrow-content__content > .kocho-centred-narrow-content__video:last-of-type {
        margin-bottom: 2rem
    }

@media(min-width:768px) {
    .kocho-centred-narrow-content__content {
        max-width: 66%
    }
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__content.kocho-centred-narrow-content__content-wide {
        max-width: 85% !important;
        min-width: 85%
    }
}

.kocho-centred-narrow-content__content.kocho-centred-narrow-content__content-wide .kocho-icon-group__content {
    max-width: 100%
}

.kocho-centred-narrow-content__content :not(:last-child):not(p):not(div):not(.kocho-accordion__item__button):not(.kocho-accordion__item):not(.kocho-video__overlay):not(.kocho-video__overlay-img):not(.kocho-video__play-icon):not(.kocho-video__time) :not(.kocho-insert-card__quote-one-colour):not(.kocho-image__zoom-btn) {
    margin-bottom: 3rem
}

    .kocho-centred-narrow-content__content :not(:last-child):not(p):not(div):not(.kocho-accordion__item__button):not(.kocho-accordion__item):not(.kocho-video__overlay):not(.kocho-video__overlay-img):not(.kocho-video__play-icon):not(.kocho-video__time) :not(.kocho-insert-card__quote-one-colour):not(.kocho-image__zoom-btn):is(ol li) {
        margin-bottom: 1rem
    }

.kocho-centred-narrow-content__content ol:not(:first-child) {
    margin-top: 2rem
}

.kocho-centred-narrow-content__content h2, .kocho-centred-narrow-content__content h3, .kocho-centred-narrow-content__content h4, .kocho-centred-narrow-content__content h5, .kocho-centred-narrow-content__content h6 {
    margin-bottom: 1.5rem !important;
    scroll-margin-top: calc(100px + 2rem)
}

    .kocho-centred-narrow-content__content h2:not(:first-child), .kocho-centred-narrow-content__content h3:not(:first-child), .kocho-centred-narrow-content__content h4:not(:first-child), .kocho-centred-narrow-content__content h5:not(:first-child), .kocho-centred-narrow-content__content h6:not(:first-child) {
        margin-top: 3rem
    }

.kocho-centred-narrow-content__content h6 {
    font-weight: 500
}

.kocho-centred-narrow-content .kocho-centred-narrow-content__heading + .kocho-centred-narrow-content__copy, .kocho-centred-narrow-content .kocho-centred-narrow-content__heading + .kocho-centred-narrow-content__heading, .kocho-centred-narrow-content .kocho-centred-narrow-content__heading + .kocho-centred-narrow-content__large-text {
    margin-top: 2rem
}

.kocho-centred-narrow-content__heading {
    margin-top: 3rem;
    padding-bottom: 2rem
}

.kocho-centred-narrow-content__bullet-list--short ul {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
    margin-left: .5rem
}

    .kocho-centred-narrow-content__bullet-list--short ul li {
        position: relative;
        padding-left: 2rem;
        margin-bottom: 1.5rem !important
    }

        .kocho-centred-narrow-content__bullet-list--short ul li:before {
            content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
            position: absolute;
            left: 0;
            top: .2rem
        }

.kocho-centred-narrow-content__bullet-list--long ul {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
    margin-left: .5rem
}

@media(min-width:992px) {
    .kocho-centred-narrow-content__bullet-list--long ul {
        margin-left: 0
    }
}

.kocho-centred-narrow-content__bullet-list--long ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.5rem !important
}

@media(min-width:992px) {
    .kocho-centred-narrow-content__bullet-list--long ul li {
        padding-left: 5rem
    }
}

.kocho-centred-narrow-content__bullet-list--long ul li:before {
    content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
    position: absolute;
    top: .2rem;
    left: 0
}

@media(min-width:992px) {
    .kocho-centred-narrow-content__bullet-list--long ul li:before {
        content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-smallmedium-ebony.svg)
    }
}

.kocho-centred-narrow-content__large-text > * {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__large-text > * {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

.kocho-centred-narrow-content__copy > div {
    margin-bottom: 1em
}

.kocho-centred-narrow-content__copy a {
    color: #061619
}

    .kocho-centred-narrow-content__copy a:hover {
        text-decoration: none
    }

.kocho-centred-narrow-content__copy > ol, .kocho-centred-narrow-content__copy > ul {
    margin: 2rem 0
}

.kocho-centred-narrow-content__copy > ul {
    list-style: none;
    padding: 0
}

    .kocho-centred-narrow-content__copy > ul li {
        position: relative;
        padding-left: 2rem;
        margin-bottom: 1.5rem !important
    }

        .kocho-centred-narrow-content__copy > ul li:before {
            content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
            position: absolute;
            left: 0;
            top: .2rem
        }

.kocho-centred-narrow-content__wysiwyg-img-caption {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 0
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__wysiwyg-img-caption {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-centred-narrow-content__wysiwyg-img-caption {
    margin-top: -2rem !important
}

.kocho-centred-narrow-content__image-border img, .kocho-centred-narrow-content__wysiwyg-border img {
    border: 1px solid #061619
}

.kocho-centred-narrow-content__quote figure {
    margin: 0
}

    .kocho-centred-narrow-content__quote figure a cite {
        text-decoration: underline
    }

        .kocho-centred-narrow-content__quote figure a cite:hover {
            text-decoration: none
        }

    .kocho-centred-narrow-content__quote figure figcaption {
        font-size: .75rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        color: rgba(6,22,25,.6);
        font-style: normal
    }

@media(min-width:768px) {
    .kocho-centred-narrow-content__quote figure figcaption {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media(min-width:1200px) {
    .kocho-centred-narrow-content__quote figure figcaption {
        padding: 0
    }
}

.kocho-centred-narrow-content__quote figure figcaption cite {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    display: block;
    padding: .5rem 0;
    color: rgba(6,22,25,.6);
    font-style: normal;
    margin-left: 2rem
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__quote figure figcaption cite {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media(min-width:992px) {
    .kocho-centred-narrow-content__quote figure figcaption cite {
        margin-left: 0
    }
}

.kocho-centred-narrow-content__quote .kocho-quote-insert-card {
    width: 100%;
    margin-bottom: 0 !important
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__quote .kocho-quote-insert-card {
        border-radius: .5rem
    }
}

.kocho-centred-narrow-content__quote .kocho-quote-insert-card__body, .kocho-centred-narrow-content__quote .kocho-quote-insert-card__quote-circle {
    margin-left: 0
}

@media(min-width:992px) {
    .kocho-centred-narrow-content__quote .kocho-quote-insert-card__body {
        margin-left: 1.5rem
    }
}

.kocho-centred-narrow-content__quote .kocho-quote-insert-card__body .kocho-centred-narrow-content__copy > div, .kocho-centred-narrow-content__quote .kocho-quote-insert-card__body .kocho-narrow-content__copy > div, .kocho-centred-narrow-content__quote .kocho-quote-insert-card__body p {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__quote .kocho-quote-insert-card__body .kocho-centred-narrow-content__copy > div, .kocho-centred-narrow-content__quote .kocho-quote-insert-card__body .kocho-narrow-content__copy > div, .kocho-centred-narrow-content__quote .kocho-quote-insert-card__body p {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-centred-narrow-content__icons .kocho-icon-group__content .kocho-icon-group__title {
    margin-bottom: 0;
    font-size: 1.25rem !important;
    line-height: 1.875rem !important
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__icons .kocho-icon-group__content--grid {
        grid-template-columns: 1fr 1fr
    }
}

.kocho-centred-narrow-content__icons .kocho-icon-group__title {
    font-weight: 500 !important
}

.kocho-centred-narrow-content__text-with-button .kocho-text__title {
    margin-top: 0 !important;
    font-family: mokoko,Georgia,serif
}

.kocho-centred-narrow-content__text-with-button .kocho-text .kocho-button__container, .kocho-centred-narrow-content__text-with-button .kocho-text .kocho-hubspot-form .hs-submit, .kocho-hubspot-form .kocho-centred-narrow-content__text-with-button .kocho-text .hs-submit {
    margin: 0
}

.kocho-centred-narrow-content__text-with-button .kocho-text .kocho-button__icon-chevron {
    margin-bottom: 0 !important
}

.kocho-centred-narrow-content__image .kocho-image__source {
    margin-left: 2rem
}

@media(min-width:768px) {
    .kocho-centred-narrow-content__image .kocho-image__source {
        margin-left: 0
    }
}

.kocho-centred-narrow-content__accordion .kocho-accordion__item {
    display: flex;
    flex-direction: column;
    border-color: #061619
}

    .kocho-centred-narrow-content__accordion .kocho-accordion__item:before {
        display: none
    }

.kocho-centred-narrow-content__accordion .kocho-accordion__text {
    margin-bottom: 1rem
}

    .kocho-centred-narrow-content__accordion .kocho-accordion__text .kocho-centred-narrow-content__copy > div, .kocho-centred-narrow-content__accordion .kocho-accordion__text .kocho-narrow-content__copy > div, .kocho-centred-narrow-content__accordion .kocho-accordion__text p {
        color: #061619
    }

.kocho-centred-narrow-content__accordion .kocho-accordion__item__button:after {
    background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/plus-ebony.svg)
}

.kocho-centred-narrow-content__accordion .kocho-accordion__item__button, .kocho-centred-narrow-content__accordion .kocho-accordion__item__content .kocho-centred-narrow-content__copy > div, .kocho-centred-narrow-content__accordion .kocho-accordion__item__content .kocho-narrow-content__copy > div, .kocho-centred-narrow-content__accordion .kocho-accordion__item__content p {
    color: #061619
}

@media(min-width:992px) {
    .kocho-centred-narrow-content + .kocho-form-card, .kocho-centred-narrow-content + .kocho-sidebar-card {
        display: none
    }
}

.kocho-comparison-table {
    padding: 4rem 2rem;
    background-color: #061619;
    overflow: hidden;
    position: relative;
    background-image: url(/app/themes/sage/resources/assets/images/patterns/Butterfly_1.svg);
    background-repeat: no-repeat;
    background-position: center -14rem;
    background-size: 175%
}

@media(min-width:768px) {
    .kocho-comparison-table {
        background-position: center -15.5rem;
        background-size: 100%
    }
}

@media(min-width:1024px) {
    .kocho-comparison-table {
        background-position: center -17.5rem;
        background-size: 80%;
        padding: 4rem
    }
}

.kocho-comparison-table__table-subtitle {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem;
    color: #f4ff00;
    margin-bottom: 1rem
}

@media(min-width:768px) {
    .kocho-comparison-table__table-subtitle {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-comparison-table__table-title {
    width: 75%;
    width: 100%
}

@media(min-width:992px) {
    .kocho-comparison-table__table-title {
        max-width: 34.375rem
    }

    .kocho-comparison-table__table-title--wide {
        width: 100%
    }

    .kocho-comparison-table__table-title--narrow {
        max-width: 34.375rem
    }
}

.kocho-comparison-table__tier-title {
    padding-bottom: .5rem;
    text-align: left;
    color: inherit
}

.kocho-comparison-table__tier-body {
    text-align: left;
    color: inherit
}

.kocho-comparison-table__table-title {
    color: #fff
}

.kocho-comparison-table__track {
    display: flex;
    margin-top: 2rem;
    flex-direction: row;
    flex-wrap: nowrap
}

@media(min-width:1024px) {
    .kocho-comparison-table__track {
        transform: unset !important
    }
}

.kocho-comparison-table__tier-wrapper {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    flex-direction: row;
    border: 1px solid #fff;
    border-radius: .25rem;
    padding: 0 !important;
    margin: 2.5rem .5rem .5rem;
    min-width: 100%;
    color: #fff;
    transition: margin .3s ease-in-out
}

    .kocho-comparison-table__tier-wrapper:hover {
        color: #061619;
        background-color: #00ec00;
        border-color: #00ec00;
        margin-top: 0;
        margin-bottom: 2.5rem
    }

        .kocho-comparison-table__tier-wrapper:hover .kocho-comparison-table__bullet--tick {
            background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/circle-tick-ebony.svg)
        }

        .kocho-comparison-table__tier-wrapper:hover .kocho-comparison-table__bullet--cross {
            background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/circle-cross-ebony.svg)
        }

@media(min-width:768px) {
    .kocho-comparison-table__tier-wrapper {
        padding: 2.5rem 2rem 1rem;
        margin: 2.5rem .5rem .5rem;
        min-width: 75%;
        width: 75%;
        justify-content: center
    }
}

@media(min-width:992px) {
    .kocho-comparison-table__tier-wrapper {
        flex: 1;
        min-width: unset
    }
}

.kocho-comparison-table__tier-wrapper .kocho-comparison-table__background-blur {
    height: 100%;
    width: 100%;
    padding: 2rem 1rem 1rem;
    background-color: transparent;
    backdrop-filter: blur(4px);
    z-index: 0
}

.kocho-comparison-table__tier-wrapper:first-of-type {
    margin-left: 0
}

.kocho-comparison-table__tier-wrapper:last-of-type {
    margin-right: 0
}

.kocho-comparison-table__tier-wrapper .kocho-centred-narrow-content__copy > div, .kocho-comparison-table__tier-wrapper .kocho-narrow-content__copy > div, .kocho-comparison-table__tier-wrapper h4, .kocho-comparison-table__tier-wrapper p, .kocho-comparison-table__tier-wrapper ul {
    z-index: 1
}

.kocho-comparison-table__bullets-wrapper {
    list-style-type: none;
    padding: 0
}

.kocho-comparison-table__bullet {
    display: flex;
    color: inherit;
    align-items: flex-start;
    margin-bottom: .5rem;
    padding-left: 1.5rem
}

    .kocho-comparison-table__bullet .kocho-comparison-table__bullet-text {
        margin: 0;
        padding: 0;
        text-align: left;
        width: 80%;
        padding-left: .5rem
    }

.kocho-comparison-table__bullet--cross, .kocho-comparison-table__bullet--tick {
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: 0 0
}

.kocho-comparison-table__bullet--tick {
    background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/circle-tick-oatmeal.svg)
}

.kocho-comparison-table__bullet--cross {
    background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/circle-cross-oatmeal.svg)
}

@media(min-width:1024px) {
    .kocho-comparison-table__controls {
        display: none
    }
}

.kocho-event-and-download {
    position: relative
}

@media(max-width:calc(992px - 1px)) {
    .kocho-event-and-download {
        background-color: #ebe9e2
    }
}

@media(min-width:992px) {
    .kocho-event-and-download {
        background-color: transparent;
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media(min-width:1200px) {
    .kocho-event-and-download {
        padding-right: 0;
        padding-left: 0
    }
}

.kocho-event-and-download:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(9rem + 10vw);
    background-color: #00ec00;
    border-bottom-right-radius: 3rem
}

@media(min-width:992px) {
    .kocho-event-and-download:before {
        height: 50%
    }
}

.kocho-event-and-download__content-wrapper {
    position: relative;
    z-index: 0
}

@media(max-width:calc(1200px - 1px)) {
    .kocho-event-and-download__content-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1200px) {
    .kocho-event-and-download__content-wrapper {
        display: flex;
        padding-left: 0;
        border-radius: .5rem;
        overflow: hidden
    }
}

@media(min-width:992px) {
    .kocho-event-and-download__content-wrapper {
        background-color: #ebe9e2
    }
}

.kocho-event-and-download__optional-cta-wrapper {
    padding-top: 1.5rem
}

    .kocho-event-and-download__optional-cta-wrapper .kocho-button__container, .kocho-event-and-download__optional-cta-wrapper .kocho-hubspot-form .hs-submit, .kocho-hubspot-form .kocho-event-and-download__optional-cta-wrapper .hs-submit {
        margin: 0
    }

.kocho-event-and-download__image-wrapper {
    height: calc(12.5rem + 10vw);
    border-radius: .5rem;
    overflow: hidden;
    margin-bottom: 2rem
}

@media(min-width:992px) {
    .kocho-event-and-download__image-wrapper {
        border-radius: 0
    }
}

@media(min-width:1200px) {
    .kocho-event-and-download__image-wrapper {
        height: auto;
        margin-bottom: 0;
        max-width: 50%
    }
}

@media(min-width:1400px) {
    .kocho-event-and-download__image-wrapper {
        max-width: 40%
    }
}

.kocho-event-and-download__meta {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400
}

@media(min-width:768px) {
    .kocho-event-and-download__meta {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

.kocho-event-and-download__title {
    margin: 1rem 0
}

.kocho-event-and-download__text-wrapper {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400
}

@media(min-width:768px) {
    .kocho-event-and-download__text-wrapper {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

.kocho-event-and-download__text-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .kocho-event-and-download__text-wrapper ul li {
        position: relative;
        margin-left: 3.5rem;
        padding: .5rem 0
    }

        .kocho-event-and-download__text-wrapper ul li:before {
            content: "";
            display: flex;
            background-image: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/arrows/arrow-medium-ebony.svg);
            background-repeat: no-repeat;
            background-position: 0 0;
            background-size: contain;
            position: absolute;
            height: 1rem;
            width: 3rem;
            top: .8rem;
            margin-left: -3.5rem
        }

@media(min-width:992px) {
    .kocho-event-and-download__content {
        padding: 0 2rem 2rem
    }
}

@media(min-width:1200px) {
    .kocho-event-and-download__content {
        padding: 4rem 6rem
    }
}

.kocho-event-and-download .kocho-block-tag__icon {
    margin-left: -1rem
}

@media(min-width:768px) {
    .kocho-faqs__container {
        display: flex
    }
}

.kocho-faqs__items {
    margin-top: 3rem
}

@media(min-width:768px) {
    .kocho-faqs__items {
        margin-top: 0;
        width: 60%
    }
}

@media(min-width:992px) {
    .kocho-faqs__items {
        width: 50%
    }
}

@media(min-width:768px) {
    .kocho-faqs__header {
        width: 40%;
        padding-right: 2rem
    }
}

@media(min-width:992px) {
    .kocho-faqs__header {
        width: 50%;
        padding-right: 10rem
    }
}

.kocho-faqs .kocho-text__title {
    color: #fff;
    margin-bottom: 2rem
}

.kocho-faqs .kocho-text__text {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #fff
}

@media(min-width:768px) {
    .kocho-faqs .kocho-text__text {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-faqs .kocho-faqs__header .kocho-button__container, .kocho-faqs .kocho-faqs__header .kocho-hubspot-form .hs-submit, .kocho-hubspot-form .kocho-faqs .kocho-faqs__header .hs-submit {
    max-width: fit-content;
    margin: 0
}

.kocho-featured-resource-cta__bg {
    padding: 2rem 0;
    display: flex;
    justify-content: center
}

.kocho-featured-resource-cta__bg-oatmeal {
    background-color: #ebe9e2
}

.kocho-featured-resource-cta__bg-white {
    background-color: #fff
}

.kocho-featured-resource-cta__bg-ebony {
    background-color: #061619
}

.kocho-featured-resource-cta__container {
    border-radius: .5rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin: 2rem
}

@media(min-width:768px) {
    .kocho-featured-resource-cta__container {
        flex-direction: row;
        border-radius: .5rem
    }
}

.kocho-featured-resource-cta__content-wrapper {
    padding: 2rem 6vw;
    border-radius: 0 0 .5rem .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:768px) {
    .kocho-featured-resource-cta__content-wrapper {
        padding: 2rem 4rem;
        width: 66%;
        border-radius: 0 .5rem .5rem 0
    }
}

.kocho-featured-resource-cta__content-wrapper .kocho-button__container, .kocho-featured-resource-cta__content-wrapper .kocho-hubspot-form .hs-submit, .kocho-hubspot-form .kocho-featured-resource-cta__content-wrapper .hs-submit {
    margin: 0;
    padding-top: 1.5rem
}

.kocho-featured-resource-cta__container .kocho-image img {
    border-radius: .5rem .5rem 0 0
}

@media(min-width:768px) {
    .kocho-featured-resource-cta__container .kocho-image {
        width: 33%
    }

        .kocho-featured-resource-cta__container .kocho-image img {
            border-radius: .5rem 0 0 .5rem
        }
}

.kocho-full-width-image {
    padding: 0
}

.kocho-full-width-image__container .kocho-image img {
    height: 30rem;
    width: 100%
}

.kocho-history {
    background: #061619;
    position: relative;
    overflow: hidden
}

    .kocho-history:before {
        content: "";
        position: absolute;
        pointer-events: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url(/app/themes/sage/resources/assets/images/patterns/Butterfly_1.svg);
        background-repeat: no-repeat;
        background-size: 87.5rem;
        background-position: calc(50% + 5.2rem) -12rem;
        opacity: .4
    }

@media(min-width:768px) {
    .kocho-history:before {
        opacity: 1;
        background-size: 66.25rem;
        background-position: top
    }
}

.kocho-history__container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5rem
}

.kocho-history__title {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    max-width: 35.9375rem;
    width: 100%;
    color: #fff;
    margin-bottom: 3.6rem
}

@media(min-width:768px) {
    .kocho-history__title {
        font-size: 2.8125rem;
        line-height: 3.4375rem;
        text-align: center
    }
}

.kocho-history__copy {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #fff;
    max-width: 35.9375rem;
    width: 100%;
    margin-bottom: 6rem
}

@media(min-width:768px) {
    .kocho-history__copy {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-history__copy * {
    color: inherit
}

@media(min-width:768px) {
    .kocho-history__copy {
        text-align: center
    }
}

.kocho-history__timeline {
    max-width: 60rem;
    margin: auto
}

.kocho-icon-group a, .kocho-icon-group a:active, .kocho-icon-group a:visited {
    color: #061619
}

.kocho-image-carousel {
    position: relative;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 4rem;
    overflow: hidden
}

@media(min-width:576px) {
    .kocho-image-carousel {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

.kocho-image-carousel__track {
    display: flex;
    max-height: 30rem
}

.kocho-image-carousel__item {
    width: 80%;
    flex: 0 0 auto;
    position: relative;
    padding-left: 1rem;
    counter-increment: embla
}

.kocho-image-carousel__controls {
    margin-top: 2rem;
    margin-bottom: 1rem
}

@media(min-width:768px) {
    .kocho-image-carousel__controls {
        position: absolute;
        left: 0;
        bottom: 5rem;
        z-index: 1;
        width: 100%;
        justify-content: center
    }

        .kocho-image-carousel__controls .kocho-carousel__dots {
            margin: 0 2rem
        }
}

.kocho-image-carousel__cta {
    display: inline-block;
    margin-top: 2rem
}

.kocho-job-list__title {
    color: #00ec00;
    padding-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-job-list__title {
        width: 66%
    }
}

.kocho-job-list__jobs {
    border-top: 1px solid #fff;
    padding-top: 4rem;
    padding-bottom: 4rem
}

.kocho-job-list .kocho-block-tag {
    margin: 2rem 0
}

.kocho-job-list .kocho-job-card {
    margin-bottom: 1rem
}

.kocho-locations {
    position: relative;
    overflow: hidden
}

    .kocho-locations .overlay {
        width: 60%;
        height: 80%;
        z-index: 0
    }

.kocho-locations__cards-wrapper, .kocho-locations__container {
    display: flex;
    flex-direction: column
}

.kocho-locations__cards-wrapper {
    z-index: 1
}

@media(min-width:992px) {
    .kocho-locations__cards-wrapper {
        flex-direction: row
    }
}

.kocho-locations__legal-text {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #fff
}

@media(min-width:768px) {
    .kocho-locations__legal-text {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media(min-width:992px) {
    .kocho-locations__legal-text {
        margin-left: 2rem;
        margin-right: 2rem
    }
}

.kocho-locations .kocho-block-tag {
    z-index: 1;
    margin-bottom: 2rem
}

@media(min-width:992px) {
    .kocho-locations .kocho-block-tag {
        margin-left: 2rem;
        margin-bottom: 4rem
    }
}

.kocho-locations__yellow-bg {
    background-color: #f4ff00;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 70%;
    height: 35%
}

@media(min-width:992px) {
    .kocho-locations__yellow-bg {
        width: 35%;
        height: 65%
    }
}

.ll-logo-tickertape {
    background-color: #061619;
    overflow: hidden
}

.ll-logo-tickertape__track {
    display: flex;
    align-items: center;
    padding: 1.25rem 0;
    width: 100%
}

@media(min-width:768px) {
    .ll-logo-tickertape__track {
        padding: 2rem 0
    }
}

.ll-logo-tickertape__logo {
    padding: 0 1.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40%
}

@media(min-width:576px) {
    .ll-logo-tickertape__logo {
        flex: 0 0 33.3%
    }
}

@media(min-width:768px) {
    .ll-logo-tickertape__logo {
        flex: 0 0 25%
    }
}

@media(min-width:992px) {
    .ll-logo-tickertape__logo {
        flex: 0 0 20%
    }
}

@media(min-width:1024px) {
    .ll-logo-tickertape__logo {
        flex: 0 0 15%
    }
}

@media(min-width:1200px) {
    .ll-logo-tickertape__logo {
        flex: 0 0 15%
    }
}

@media(min-width:1400px) {
    .ll-logo-tickertape__logo {
        flex: 0 0 10%
    }
}

.ll-logo-tickertape__logo img {
    width: 100%;
    height: auto
}

.kocho-media-with-aside {
    padding: 2rem 0
}

@media(min-width:992px) {
    .kocho-media-with-aside {
        padding: 4rem 0
    }
}

.kocho-media-with-aside__container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width:992px) {
    .kocho-media-with-aside__container {
        flex-direction: row
    }
}

.kocho-media-with-aside figure {
    margin: 0
}

    .kocho-media-with-aside figure img {
        border-radius: .5rem
    }

@media(min-width:992px) {
    .kocho-media-with-aside .no-aside {
        width: 70%
    }
}

.kocho-media-with-aside__image-container, .kocho-media-with-aside__video-container {
    width: 100%
}

@media(min-width:992px) {
    .kocho-media-with-aside__image-container, .kocho-media-with-aside__video-container {
        width: 50%
    }
}

.kocho-media-with-aside__video-container figure {
    margin: 0
}

.kocho-media-with-aside.layout-left {
    justify-content: center
}

@media(min-width:992px) {
    .kocho-media-with-aside.layout-left {
        flex-direction: row-reverse
    }
}

.kocho-media-with-aside.layout-right {
    justify-content: center
}

@media(min-width:992px) {
    .kocho-media-with-aside.layout-right {
        justify-content: flex-start
    }
}

.kocho-media-with-aside.layout-right .kocho-media-with-aside__container {
    flex-direction: column-reverse
}

@media(min-width:992px) {
    .kocho-media-with-aside.layout-right .kocho-media-with-aside__container {
        flex-direction: row-reverse
    }
}

@media(min-width:992px) {
    .kocho-media-with-aside.layout-right aside {
        margin-right: 4rem
    }
}

.kocho-media-with-aside.layout-center .kocho-media-with-aside__container {
    justify-content: center
}

@media(min-width:992px) {
    .kocho-media-with-aside aside {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 40%
    }
}

.kocho-media-with-aside__aside-title {
    margin: 1.5rem 0 !important
}

.kocho-media-with-aside figcaption {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    font-family: SpaceGrotesk,Arial,sans-serif;
    margin: 0;
    padding-top: .5rem;
    padding-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-media-with-aside figcaption {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-media-with-aside figcaption .kocho-centred-narrow-content__copy > div, .kocho-media-with-aside figcaption .kocho-narrow-content__copy > div, .kocho-media-with-aside figcaption p {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    font-family: SpaceGrotesk,Arial,sans-serif;
    margin: 0;
    padding-top: .5rem
}

@media(min-width:768px) {
    .kocho-media-with-aside figcaption .kocho-centred-narrow-content__copy > div, .kocho-media-with-aside figcaption .kocho-narrow-content__copy > div, .kocho-media-with-aside figcaption p {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-media-with-aside .kocho-block-tag__icon {
    margin-left: -1rem
}

.kocho-narrow-content__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    scroll-behavior: smooth
}

.kocho-narrow-content__container--button {
    align-items: flex-start
}

@media(max-width:calc(992px - 1px)) {
    .kocho-narrow-content__container {
        margin: 0;
        padding: 0
    }
}

@media(min-width:992px) {
    .kocho-narrow-content__container {
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

.kocho-narrow-content__content {
    margin: 0;
    margin-right: auto;
    box-sizing: content-box
}

@media(max-width:calc(992px - 1px)) {
    .kocho-narrow-content__content {
        padding: 0;
        margin: 0
    }
}

.kocho-narrow-content__content > * {
    margin-bottom: 0;
    margin-top: 2rem
}

.kocho-narrow-content__content > :first-of-type {
    margin-top: 0
}

.kocho-narrow-content__content > :last-of-type {
    margin-bottom: 2rem
}

.kocho-narrow-content__content > .kocho-narrow-content__icons, .kocho-narrow-content__content > .kocho-narrow-content__image, .kocho-narrow-content__content > .kocho-narrow-content__quote, .kocho-narrow-content__content > .kocho-narrow-content__video {
    margin: 4rem 0
}

    .kocho-narrow-content__content > .kocho-narrow-content__icons:first-of-type, .kocho-narrow-content__content > .kocho-narrow-content__image:first-of-type, .kocho-narrow-content__content > .kocho-narrow-content__quote:first-of-type, .kocho-narrow-content__content > .kocho-narrow-content__video:first-of-type {
        margin-top: 0
    }

    .kocho-narrow-content__content > .kocho-narrow-content__icons:last-of-type, .kocho-narrow-content__content > .kocho-narrow-content__image:last-of-type, .kocho-narrow-content__content > .kocho-narrow-content__quote:last-of-type, .kocho-narrow-content__content > .kocho-narrow-content__video:last-of-type {
        margin-bottom: 2rem
    }

@media(min-width:1200px) {
    .kocho-narrow-content__content {
        max-width: 66%
    }
}

.kocho-narrow-content__content :not(:last-child):not(p):not(div):not(.kocho-accordion__item__button):not(.kocho-accordion__item):not(.kocho-image__zoom-btn):not([src*=".svg"]) {
    margin-bottom: 3rem
}

    .kocho-narrow-content__content :not(:last-child):not(p):not(div):not(.kocho-accordion__item__button):not(.kocho-accordion__item):not(.kocho-image__zoom-btn):not([src*=".svg"]):is(ol li) {
        margin-bottom: 1rem
    }

.kocho-narrow-content__content ol:not(:first-child) {
    margin-top: 2rem
}

.kocho-narrow-content__content h2, .kocho-narrow-content__content h3, .kocho-narrow-content__content h4, .kocho-narrow-content__content h5, .kocho-narrow-content__content h6 {
    margin-bottom: 1.5rem !important;
    scroll-margin-top: calc(100px + 2rem)
}

    .kocho-narrow-content__content h2:not(:first-child), .kocho-narrow-content__content h3:not(:first-child), .kocho-narrow-content__content h4:not(:first-child), .kocho-narrow-content__content h5:not(:first-child), .kocho-narrow-content__content h6:not(:first-child) {
        margin-top: 3rem
    }

.kocho-narrow-content__content h6 {
    font-weight: 500
}

.kocho-narrow-content .kocho-narrow-content__heading + .kocho-narrow-content__copy, .kocho-narrow-content .kocho-narrow-content__heading + .kocho-narrow-content__heading, .kocho-narrow-content .kocho-narrow-content__heading + .kocho-narrow-content__large-text {
    margin-top: -2rem
}

.kocho-narrow-content__heading {
    margin-top: 3rem;
    padding-bottom: 2rem
}

.kocho-narrow-content__bullet-list--short ul {
    list-style: none;
    padding: 0;
    margin-left: .5rem
}

    .kocho-narrow-content__bullet-list--short ul li {
        position: relative;
        padding-left: 2rem;
        margin-bottom: 1.5rem !important
    }

        .kocho-narrow-content__bullet-list--short ul li:before {
            content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
            position: absolute;
            left: 0;
            top: .2rem
        }

.kocho-narrow-content__bullet-list--long ul {
    list-style: none;
    padding: 0;
    margin-left: .5rem
}

@media(min-width:992px) {
    .kocho-narrow-content__bullet-list--long ul {
        margin-left: 0
    }
}

.kocho-narrow-content__bullet-list--long ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.5rem !important
}

@media(min-width:992px) {
    .kocho-narrow-content__bullet-list--long ul li {
        padding-left: 5rem
    }
}

.kocho-narrow-content__bullet-list--long ul li:before {
    content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
    position: absolute;
    top: .2rem;
    left: 0
}

@media(min-width:992px) {
    .kocho-narrow-content__bullet-list--long ul li:before {
        content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-smallmedium-ebony.svg)
    }
}

.kocho-narrow-content__large-text > * {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    font-size: 1.375rem !important
}

@media(min-width:768px) {
    .kocho-narrow-content__large-text > * {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

.kocho-narrow-content__copy > div {
    margin-bottom: 1em
}

.kocho-narrow-content__copy a {
    color: #061619
}

    .kocho-narrow-content__copy a:hover {
        text-decoration: none
    }

.kocho-narrow-content__copy > ol, .kocho-narrow-content__copy > ul {
    margin: 2rem 0
}

.kocho-narrow-content__copy > ul {
    padding: 0;
    list-style: none
}

    .kocho-narrow-content__copy > ul li {
        position: relative;
        padding-left: 2rem;
        margin-bottom: 1.5rem !important
    }

        .kocho-narrow-content__copy > ul li:before {
            content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
            position: absolute;
            left: 0;
            top: .2rem
        }

.kocho-narrow-content cite {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    display: block;
    color: #061619;
    font-style: normal;
    margin: 0;
    padding: .5rem 2rem
}

@media(min-width:768px) {
    .kocho-narrow-content cite {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-narrow-content__wysiwyg-img-caption {
    margin-top: -2rem !important
}

.kocho-narrow-content__image-border img, .kocho-narrow-content__wysiwyg-border img {
    border: 1px solid #061619
}

.kocho-narrow-content__quote {
    width: 100%
}

@media(min-width:992px) {
    .kocho-narrow-content__quote {
        margin-right: 2rem
    }
}

.kocho-narrow-content__quote figure {
    margin: 0
}

    .kocho-narrow-content__quote figure a cite {
        text-decoration: underline
    }

        .kocho-narrow-content__quote figure a cite:hover {
            text-decoration: none
        }

    .kocho-narrow-content__quote figure figcaption {
        font-size: .75rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        color: rgba(6,22,25,.6);
        font-style: normal
    }

@media(min-width:768px) {
    .kocho-narrow-content__quote figure figcaption {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media(min-width:1200px) {
    .kocho-narrow-content__quote figure figcaption {
        padding: 0
    }
}

.kocho-narrow-content__quote figure figcaption cite {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    display: block;
    color: #061619;
    font-style: normal;
    margin: 0;
    padding: .5rem 2rem
}

@media(min-width:768px) {
    .kocho-narrow-content__quote figure figcaption cite {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media(min-width:992px) {
    .kocho-narrow-content__quote figure figcaption cite {
        padding-left: 0
    }
}

.kocho-narrow-content__quote .kocho-quote-insert-card {
    width: 100%;
    margin-bottom: 0 !important
}

.kocho-narrow-content__quote .kocho-quote-insert-card__quote-circle {
    margin-left: 0
}

.kocho-narrow-content__quote .kocho-quote-insert-card__body {
    margin-left: 0;
    font-size: 1.625rem
}

@media(min-width:992px) {
    .kocho-narrow-content__quote .kocho-quote-insert-card__body {
        margin-left: 1.5rem
    }
}

.kocho-narrow-content__icons .kocho-icon-group__content .kocho-icon-group__title {
    font-weight: 400;
    margin-bottom: 0
}

@media(min-width:768px) {
    .kocho-narrow-content__icons .kocho-icon-group__content--grid {
        grid-template-columns: 1fr 1fr
    }
}

.kocho-narrow-content__icons .kocho-icon-group__title {
    font-weight: 500 !important
}

.kocho-narrow-content__text-with-button .kocho-text__title {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    font-family: mokoko,Georgia,serif
}

.kocho-hubspot-form .kocho-narrow-content__text-with-button .kocho-text .hs-submit, .kocho-narrow-content__text-with-button .kocho-text .kocho-button__container, .kocho-narrow-content__text-with-button .kocho-text .kocho-hubspot-form .hs-submit {
    margin: 0
}

.kocho-narrow-content__text-with-button .kocho-text .kocho-button__icon-chevron {
    margin-bottom: 0 !important
}

@media(min-width:992px) {
    .kocho-narrow-content__image {
        padding: 0;
        margin-right: 2rem
    }
}

.kocho-narrow-content__accordion .kocho-accordion__item {
    display: flex;
    flex-direction: column;
    border-color: #061619
}

    .kocho-narrow-content__accordion .kocho-accordion__item:before {
        display: none
    }

.kocho-narrow-content__accordion .kocho-accordion__text {
    margin-bottom: 1rem
}

    .kocho-narrow-content__accordion .kocho-accordion__text .kocho-centred-narrow-content__copy > div, .kocho-narrow-content__accordion .kocho-accordion__text .kocho-narrow-content__copy > div, .kocho-narrow-content__accordion .kocho-accordion__text p {
        color: #061619
    }

.kocho-narrow-content__accordion .kocho-accordion__item__button:after {
    background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/plus-ebony.svg)
}

.kocho-narrow-content__accordion .kocho-accordion__item__button, .kocho-narrow-content__accordion .kocho-accordion__item__content .kocho-centred-narrow-content__copy > div, .kocho-narrow-content__accordion .kocho-accordion__item__content .kocho-narrow-content__copy > div, .kocho-narrow-content__accordion .kocho-accordion__item__content p {
    color: #061619
}

@media(min-width:992px) {
    .kocho-narrow-content + .kocho-form-card, .kocho-narrow-content + .kocho-sidebar-card {
        display: none
    }
}

.kocho-people__list {
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin-top: 2rem
}

@media(min-width:576px) {
    .kocho-people__list {
        display: flex;
        justify-content: space-between
    }
}

@media(min-width:992px) {
    .kocho-people__list {
        justify-content: flex-start;
        margin-bottom: 2rem
    }
}

.kocho-people__list-item {
    display: flex;
    width: 100%;
    margin-bottom: 1rem
}

@media(min-width:576px) {
    .kocho-people__list-item {
        width: calc(50% - .5rem);
        margin-bottom: 2rem
    }
}

@media(min-width:992px) {
    .kocho-people__list-item {
        width: calc(25% - .75rem);
        margin-right: 1rem
    }

        .kocho-people__list-item:nth-child(4n) {
            margin-right: 0
        }
}

.kocho-people--grid .kocho-people__list-item {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    margin-bottom: 0
}

    .kocho-people--grid .kocho-people__list-item:first-child, .kocho-people--grid .kocho-people__list-item:nth-child(2), .kocho-people--grid .kocho-people__list-item:nth-child(3), .kocho-people--grid .kocho-people__list-item:nth-child(4) {
        opacity: 1;
        max-height: 100%;
        margin-bottom: 1rem
    }

@media(min-width:576px) {
    .kocho-people--grid .kocho-people__list-item:first-child, .kocho-people--grid .kocho-people__list-item:nth-child(2), .kocho-people--grid .kocho-people__list-item:nth-child(3), .kocho-people--grid .kocho-people__list-item:nth-child(4), .kocho-people--grid .kocho-people__list-item:nth-child(5), .kocho-people--grid .kocho-people__list-item:nth-child(6), .kocho-people--grid .kocho-people__list-item:nth-child(7), .kocho-people--grid .kocho-people__list-item:nth-child(8) {
        opacity: 1;
        max-height: 100%;
        margin-bottom: 1rem
    }
}

@media(min-width:992px) {
    .kocho-people--grid .kocho-people__list-item:first-child, .kocho-people--grid .kocho-people__list-item:nth-child(2), .kocho-people--grid .kocho-people__list-item:nth-child(3), .kocho-people--grid .kocho-people__list-item:nth-child(4), .kocho-people--grid .kocho-people__list-item:nth-child(5), .kocho-people--grid .kocho-people__list-item:nth-child(6), .kocho-people--grid .kocho-people__list-item:nth-child(7), .kocho-people--grid .kocho-people__list-item:nth-child(8), .kocho-people--grid .kocho-people__list-item:nth-child(9), .kocho-people--grid .kocho-people__list-item:nth-child(10), .kocho-people--grid .kocho-people__list-item:nth-child(11), .kocho-people--grid .kocho-people__list-item:nth-child(12) {
        opacity: 1;
        max-height: 100%;
        margin-bottom: 1rem
    }
}

.kocho-people--grid .kocho-people__list-item--show {
    transition: opacity .3s ease-in-out;
    opacity: 1;
    max-height: 100%;
    margin-bottom: 1rem
}

.kocho-people .kocho-text__title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    color: #00ec00
}

@media(min-width:768px) {
    .kocho-people .kocho-text__title {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

@media(min-width:992px) {
    .kocho-people .kocho-text__title {
        max-width: 50%
    }
}

.kocho-hubspot-form .kocho-people .hs-submit, .kocho-people .kocho-button__container, .kocho-people .kocho-hubspot-form .hs-submit {
    margin: 0
}

.kocho-primary-hero {
    position: relative;
    padding-top: 12rem
}

@media(min-width:992px) {
    .kocho-primary-hero {
        padding-top: 16rem
    }
}

.kocho-primary-hero__container {
    background: 0 0
}

.kocho-primary-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1
}

    .kocho-primary-hero__bg .kocho-image__btn-img-wrapper {
        height: 100%
    }

    .kocho-primary-hero__bg .kocho-video__media-container {
        position: static;
        padding-bottom: 0
    }

    .kocho-primary-hero__bg .kocho-video__figure {
        display: none
    }

@media(min-width:768px) {
    .kocho-primary-hero__bg .kocho-video__figure {
        display: block
    }
}

.kocho-primary-hero__bg-overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .8
}

@media(min-width:768px) {
    .kocho-primary-hero__bg-overlay {
        opacity: 1;
        background: linear-gradient(90deg,rgba(6,22,25,.8) 25%,rgba(6,22,25,.6) 50%,rgba(6,22,25,.4) 75%,rgba(6,22,25,.2))
    }
}

.kocho-primary-hero__text-content {
    width: 100%
}

    .kocho-primary-hero__text-content .kocho-button__text {
        color: #061619 !important
    }

    .kocho-primary-hero__text-content .kocho-modal__open .kocho-button__text {
        color: #061619 !important;
        padding-right: 2rem
    }

    .kocho-primary-hero__text-content .kocho-indented-text-with-cta__arrow-med {
        display: none
    }

@media(min-width:768px) {
    .kocho-primary-hero__text-content {
        width: 85%
    }
}

@media(min-width:992px) {
    .kocho-primary-hero__text-content {
        width: 50%
    }
}

.kocho-primary-hero .kocho-modal, .kocho-primary-hero .kocho-modal__open {
    width: 100%;
    width: fit-content
}

.kocho-primary-hero .kocho-modal {
    margin: 2rem 0;
    max-height: 3.3125rem
}

.kocho-primary-hero .kocho-modal__close {
    background: 0 0;
    border: none;
    cursor: pointer
}

#primary-hero.pattern-library__section .kocho-primary-hero {
    z-index: 0
}

.kocho-quote-card__container figure {
    margin: 0
}

@media(min-width:992px) {
    .kocho-quote-card__container figure {
        margin: 1rem;
        margin-left: 2rem
    }
}

.kocho-share-bar {
    width: 100%;
    background-color: #010202
}

.kocho-share-bar__container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: 1rem
}

@media(min-width:992px) {
    .kocho-share-bar__container {
        flex-direction: row;
        align-items: center;
        padding-bottom: 0
    }
}

@media(min-width:992px) {
    .kocho-share-bar__align-narrow .kocho-share-bar__icons {
        padding-left: 2rem
    }
}

@media(min-width:1300px) {
    .kocho-share-bar__align-narrow .kocho-share-bar__icons {
        padding-left: 3.75rem
    }
}

@media(min-width:1500px) {
    .kocho-share-bar__align-narrow .kocho-share-bar__icons {
        padding-left: 5.625rem
    }
}

@media(min-width:992px) {
    .kocho-share-bar__align-narrow .kocho-share-bar__categories {
        padding-right: 2rem
    }
}

@media(min-width:1300px) {
    .kocho-share-bar__align-narrow .kocho-share-bar__categories {
        padding-right: 3.75rem
    }
}

@media(min-width:1500px) {
    .kocho-share-bar__align-narrow .kocho-share-bar__categories {
        padding-right: 5.625rem
    }
}

@media(min-width:992px) {
    .kocho-share-bar__icons {
        min-width: 16rem;
        margin-right: 1rem
    }
}

.kocho-share-bar__icons .kocho-social-icons-list {
    background-color: #010202;
    padding-bottom: .625rem
}

@media(min-width:992px) {
    .kocho-share-bar__icons .kocho-social-icons-list {
        padding-bottom: 3.75rem
    }
}

.kocho-share-bar__icons .kocho-social-icons-list .kocho-social-icons-list__logos {
    padding-left: 0
}

.kocho-share-bar__categories .kocho-tags {
    justify-content: flex-start
}

@media(min-width:992px) {
    .kocho-share-bar__categories .kocho-tags {
        justify-content: flex-end
    }
}

.kocho-share-bar__categories .kocho-tags__tag a {
    border: 1px solid #ebe9e2
}

    .kocho-share-bar__categories .kocho-tags__tag a:hover {
        cursor: pointer
    }

.kocho-speaker-cards {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.kocho-speaker-cards__container {
    background: 0 0
}

.kocho-speaker-cards .overlay {
    display: none
}

@media(min-width:768px) {
    .kocho-speaker-cards .overlay {
        display: block;
        height: 40%;
        position: absolute;
        z-index: 0
    }
}

.kocho-speaker-cards .kocho-block-tag {
    margin-bottom: 2rem
}

.kocho-speaker-cards__cards {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 6rem 0;
    padding-bottom: 3.5rem
}

@media(min-width:576px) {
    .kocho-speaker-cards__cards {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
        grid-gap: 6rem 2rem
    }
}

@media(min-width:768px) {
    .kocho-speaker-cards__cards {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width:992px) {
    .kocho-speaker-cards__cards {
        max-width: 75%
    }
}

@media(min-width:1200px) {
    .kocho-speaker-cards__cards {
        max-width: 85%
    }
}

.kocho-speaker-cards .kocho-speaker-card {
    background: 0 0;
    z-index: 1
}

    .kocho-speaker-cards .kocho-speaker-card .kocho-social-icons-list {
        background-color: transparent
    }

.kocho-speaker-cards--single .overlay {
    height: 100%
}

.kocho-speaker-cards--single .kocho-speaker-card {
    flex-basis: 50%
}

#speaker-cards.pattern-library__section .overlay {
    height: 75%
}

#speaker-cards.pattern-library__section .kocho-speaker-cards--single .overlay {
    height: 100%
}

.kocho-stat-block__align--center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center
}

@media(min-width:768px) {
    .kocho-stat-block__align--center {
        flex-direction: row
    }
}

.kocho-stat-block__align--center .kocho-stat-block__stat-wrapper {
    max-width: 100%;
    margin: 1rem 2rem
}

@media(min-width:768px) {
    .kocho-stat-block__align--center .kocho-stat-block__stat-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        max-width: 20%
    }
}

.kocho-stat-block__align--center .kocho-stat-block__stat-icon {
    font-size: 3.125rem !important
}

.kocho-stat-block__align--center .kocho-stat-block__stat-desc {
    width: 100%
}

@media(min-width:768px) {
    .kocho-stat-block__align--center .kocho-stat-block__stat-desc {
        width: 80%
    }
}

.kocho-stat-block__align--right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center
}

@media(min-width:768px) {
    .kocho-stat-block__align--right {
        flex-direction: row;
        justify-content: flex-end
    }
}

.kocho-stat-block__align--right .kocho-stat-block__stat-wrapper {
    flex-direction: row;
    max-width: 90%;
    justify-content: space-between
}

@media(min-width:768px) {
    .kocho-stat-block__align--right .kocho-stat-block__stat-wrapper {
        margin: 0 1rem;
        max-width: 15%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.kocho-stat-block__align--right .kocho-stat-block__stat-icon {
    font-size: 2.5rem !important
}

.kocho-stat-block__align--right .kocho-stat-block__stat-desc {
    width: 100%
}

@media(min-width:768px) {
    .kocho-stat-block__align--right .kocho-stat-block__stat-desc {
        max-width: 60%
    }
}

@media(min-width:768px) {
    .kocho-stat-block__stat-wrapper {
        margin: 0 2rem
    }
}

.kocho-stat-block .kocho-stat-block__bg--lemon {
    background-color: #f4ff00
}

.kocho-stat-block .kocho-stat-block__bg--ebony {
    background-color: #010202
}

.kocho-stat-block .kocho-stat-block__stat-icon {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    font-family: SpaceGrotesk,Arial,sans-serif;
    line-height: normal
}

@media(min-width:768px) {
    .kocho-stat-block .kocho-stat-block__stat-icon {
        font-size: 2.8125rem;
        line-height: 3.4375rem
    }
}

.kocho-stat-block .kocho-stat-block__icon--lemon {
    color: #f4ff00
}

.kocho-stat-block .kocho-stat-block__icon--lime {
    color: #00ec00
}

.kocho-stat-block .kocho-stat-block__icon--ebony {
    color: #010202
}

.kocho-stat-block .kocho-stat-block__stat-desc {
    font-size: 1rem;
    line-height: normal
}

.kocho-stat-block .kocho-stat-block__desc--white {
    color: #fff
}

.kocho-stat-block .kocho-stat-block__desc--ebony {
    color: #010202
}

.kocho-summit-agenda__to-top {
    background-color: transparent;
    border: none;
    color: #061619;
    padding-right: 1.75rem;
    background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/chevron-up-ebony.svg);
    background-position: 100%;
    background-size: 1rem;
    background-repeat: no-repeat;
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400
}

@media(min-width:768px) {
    .kocho-summit-agenda__to-top {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-summit-agenda__to-top:after {
    display: block;
    content: "";
    height: .1rem;
    width: 100%;
    background-color: #061619;
    transition: transform .2s ease-in-out;
    transform: scaleX(0);
    transform-origin: left
}

.kocho-summit-agenda__to-top:focus, .kocho-summit-agenda__to-top:hover {
    outline: none
}

    .kocho-summit-agenda__to-top:focus:after, .kocho-summit-agenda__to-top:hover:after {
        transform: scaleX(1)
    }

.kocho-summit-agenda__nav {
    position: relative;
    display: flex;
    gap: 1.5rem;
    margin: 0 -2.5rem 2rem
}

@media(min-width:992px) {
    .kocho-summit-agenda__nav {
        max-width: 75%;
        margin-left: -3.5vw;
        margin-right: 0
    }
}

.kocho-summit-agenda__nav-item {
    flex: 1;
    position: relative;
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    margin-top: 3rem;
    cursor: pointer;
    color: #061619
}

@media(min-width:768px) {
    .kocho-summit-agenda__nav-item {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
}

@media(min-width:992px) {
    .kocho-summit-agenda__nav-item {
        max-width: 15rem
    }
}

.kocho-summit-agenda__nav-item:first-child {
    z-index: 7
}

.kocho-summit-agenda__nav-item:nth-child(2) {
    z-index: 6
}

.kocho-summit-agenda__nav-item:nth-child(3) {
    z-index: 5
}

.kocho-summit-agenda__nav-item:nth-child(4) {
    z-index: 4
}

.kocho-summit-agenda__nav-item:nth-child(5) {
    z-index: 3
}

.kocho-summit-agenda__nav-item:nth-child(6) {
    z-index: 2
}

.kocho-summit-agenda__nav-item:nth-child(7) {
    z-index: 1
}

.kocho-summit-agenda__nav-item:nth-child(8) {
    z-index: 0
}

.kocho-summit-agenda__nav-item:focus {
    outline: none
}

.kocho-summit-agenda__nav-item span {
    display: none
}

@media(min-width:576px) {
    .kocho-summit-agenda__nav-item span {
        display: inline
    }
}

.kocho-summit-agenda__nav-item__date {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    font-family: mokoko,Georgia,serif
}

@media(min-width:768px) {
    .kocho-summit-agenda__nav-item__date {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media(max-width:calc(576px - 1px)) {
    .kocho-summit-agenda__nav-item__date {
        text-align: center
    }
}

@media(min-width:576px) {
    .kocho-summit-agenda__nav-item__date {
        display: block
    }
}

.kocho-summit-agenda__nav-item__date span {
    display: inline-block
}

@media(max-width:calc(400px - 1px)) {
    .kocho-summit-agenda__nav-item__date span:last-child {
        display: none
    }
}

.kocho-summit-agenda__nav-item:after {
    content: "";
    display: block;
    height: 2rem;
    width: 2rem;
    border: .15rem solid #00ec00;
    position: absolute;
    top: -3rem;
    border-radius: 50%;
    left: calc(50% - 1.15rem);
    background-color: #fff;
    z-index: 1
}

.kocho-summit-agenda__nav-item:first-child:before {
    display: none
}

.kocho-summit-agenda__nav-item:before {
    display: block;
    content: "";
    position: absolute;
    top: -1.85rem;
    left: calc(-50% - .5rem);
    right: 50%;
    height: 1px;
    background-color: #00ec00;
    z-index: -1
}

.kocho-summit-agenda__nav-item:focus:after, .kocho-summit-agenda__nav-item:hover:after {
    box-shadow: 0 0 9px 0 rgba(0,236,0,.5);
    background: radial-gradient(circle at center,#061619,#061619 25%,#061619 50%,#fff 52%,#fff 100%)
}

.kocho-summit-agenda__nav-item--active:after, .kocho-summit-agenda__nav-item--active:focus:after {
    box-shadow: 0 0 9px 0 rgba(0,236,0,.5);
    background: radial-gradient(circle at center,#00ec00,#00ec00 25%,#00ec00 50%,#fff 52%,#fff 100%)
}

.kocho-summit-agenda__nav-item--active, .kocho-summit-agenda__nav-item:focus, .kocho-summit-agenda__nav-item:hover {
    font-weight: 700
}

.kocho-summit-agenda__day {
    display: none
}

.kocho-summit-agenda__day--active {
    display: block
}

.kocho-summit-agenda__toggle-text {
    background-color: transparent;
    border: none;
    padding: .75rem 3rem 0 1rem;
    margin-left: -1rem;
    margin-top: 1rem;
    order: 1;
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 600;
    color: inherit;
    position: relative;
    cursor: pointer
}

@media(min-width:768px) {
    .kocho-summit-agenda__toggle-text {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-summit-agenda__toggle-text:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 0rem);
    right: 1rem;
    background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/chevron-ebony.svg);
    background-position: 50%;
    background-size: 1rem;
    height: .75rem;
    width: 1.5rem;
    background-repeat: no-repeat;
    transition: transform .3s ease-in-out;
    transform: rotate(0)
}

.kocho-summit-agenda__toggle-text--active:before {
    transform: rotate(-180deg)
}

.kocho-summit-agenda__toggle-text + .kocho-summit-agenda__session__text, .kocho-summit-agenda__toggle-text + .kocho-summit-agenda__workshop__text {
    margin-top: 1rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out;
    visibility: hidden
}

.kocho-summit-agenda__toggle-text--active + .kocho-summit-agenda__session__text, .kocho-summit-agenda__toggle-text--active + .kocho-summit-agenda__workshop__text {
    max-height: 100vh;
    visibility: visible
}

.kocho-summit-agenda__session--entertainment .kocho-summit-agenda__toggle-text:before {
    background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/chevron-white.svg)
}

.kocho-summit-agenda__short-synopsis {
    margin-top: .5rem
}

.kocho-summit-agenda__session {
    padding: 0 2rem;
    margin: 4rem -2rem;
    border-radius: .5rem;
    color: #061619;
    position: relative
}

@media(min-width:992px) {
    .kocho-summit-agenda__session {
        position: static;
        display: flex;
        flex-wrap: wrap;
        gap: 4rem;
        margin: 3rem 0;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.kocho-summit-agenda__session--break, .kocho-summit-agenda__session--entertainment, .kocho-summit-agenda__session--introduction {
    margin: 3rem -1rem;
    padding: 3rem 2rem
}

@media(min-width:768px) {
    .kocho-summit-agenda__session--break, .kocho-summit-agenda__session--entertainment, .kocho-summit-agenda__session--introduction {
        padding: 4rem 3rem
    }
}

@media(min-width:992px) {
    .kocho-summit-agenda__session--break, .kocho-summit-agenda__session--entertainment, .kocho-summit-agenda__session--introduction {
        margin-left: 0;
        margin-right: 0
    }
}

.kocho-summit-agenda__session--break, .kocho-summit-agenda__session--introduction {
    background-color: #ebe9e2
}

.kocho-summit-agenda__session--entertainment {
    background-color: #061619;
    color: #fff
}

    .kocho-summit-agenda__session--entertainment a {
        color: #fff
    }

        .kocho-summit-agenda__session--entertainment a:hover {
            text-decoration: underline;
            color: #00ec00
        }

@media(min-width:992px) {
    .kocho-summit-agenda__session {
        gap: 6rem
    }
}

.kocho-summit-agenda__session__time, .kocho-summit-agenda__session__title {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 600;
    margin: 0
}

@media(min-width:768px) {
    .kocho-summit-agenda__session__time, .kocho-summit-agenda__session__title {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-summit-agenda__session__time {
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-summit-agenda__session__time {
        min-width: max-content
    }
}

.kocho-summit-agenda__session__title {
    display: flex;
    align-items: center
}

@media(min-width:768px) {
    .kocho-summit-agenda__session__title {
        margin-top: 0
    }
}

@media(min-width:992px) {
    .kocho-summit-agenda__session__title--icon {
        margin-top: -.75rem
    }
}

.kocho-summit-agenda__session__icon {
    position: absolute;
    top: 2.5rem;
    right: 2rem;
    height: 4rem;
    width: 4rem;
    object-fit: contain
}

@media(min-width:992px) {
    .kocho-summit-agenda__session__icon {
        margin-left: 1rem;
        position: static
    }
}

.kocho-summit-agenda__session__room {
    margin-top: .25rem;
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400
}

@media(min-width:768px) {
    .kocho-summit-agenda__session__room {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media(min-width:768px) {
    .kocho-summit-agenda__session__header {
        width: 12rem
    }
}

.kocho-summit-agenda__session__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1
}

    .kocho-summit-agenda__session__content .kocho-narrow-content__copy {
        padding: 0
    }

.kocho-summit-agenda__workshops {
    list-style: none;
    padding: 0;
    margin: 2rem 1rem 0;
    width: 100%
}

@media(min-width:992px) {
    .kocho-summit-agenda__workshops {
        margin: -2rem 1rem 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: -3rem 0
    }
}

.kocho-summit-agenda__workshop {
    border-right: 1px solid #00ec00;
    border-left: 1px solid #00ec00;
    border-bottom: 1px solid #00ec00;
    border-radius: .5rem;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-bottom: 2rem
}

@media(min-width:992px) {
    .kocho-summit-agenda__workshop {
        flex: 0 0 calc(50% - 2rem);
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 4rem
    }
}

.kocho-summit-agenda__workshop + .kocho-summit-agenda__workshop {
    margin-top: 2rem
}

@media(min-width:992px) {
    .kocho-summit-agenda__workshop + .kocho-summit-agenda__workshop {
        margin-top: 0;
        margin-bottom: 4rem
    }
}

.kocho-summit-agenda__workshop__label {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    font-size: 1rem;
    padding: 1rem 2rem;
    background-color: #00ec00;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem
}

@media(min-width:768px) {
    .kocho-summit-agenda__workshop__label {
        font-size: 1.25rem;
        line-height: 1.875rem;
        margin: 0;
        font-size: 1rem
    }
}

.kocho-summit-agenda__workshop__content, .kocho-summit-agenda__workshop__room, .kocho-summit-agenda__workshop__title {
    padding-left: 2rem;
    padding-right: 2rem
}

.kocho-summit-agenda__workshop__title {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 600;
    margin: 0;
    margin-top: 2rem
}

@media(min-width:768px) {
    .kocho-summit-agenda__workshop__title {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

@media(min-width:992px) {
    .kocho-summit-agenda__workshop__title {
        margin-top: 1.5rem
    }
}

.kocho-summit-agenda__workshop__room {
    margin-top: .25rem;
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400
}

@media(min-width:768px) {
    .kocho-summit-agenda__workshop__room {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-summit-agenda__workshop__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1
}

    .kocho-summit-agenda__workshop__content .kocho-narrow-content__copy {
        padding: 0
    }

.kocho-summit-agenda .kocho-block-tag {
    margin-bottom: 1rem;
    margin-left: -1.25rem
}

.kocho-table {
    overflow: hidden
}

@media(max-width:calc(768px - 1px)) {
    .kocho-table__container .kocho-table__container {
        padding: 0
    }
}

@media(min-width:768px) {
    .kocho-table .kocho-text {
        max-width: 50%;
        margin-bottom: 1rem
    }
}

.kocho-table .kocho-text__text {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400
}

@media(min-width:768px) {
    .kocho-table .kocho-text__text {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-table__controls {
    margin-top: 2rem
}

.kocho-table__table {
    position: relative;
    text-align: left;
    color: #061619;
    width: 100%
}

@media(max-width:calc(768px - 1px)) {
    .kocho-table__table {
        display: block
    }
}

@media(max-width:calc(768px - 1px)) {
    .kocho-table__table__body {
        transition: transform .3s ease-in-out;
        display: block
    }
}

@media(max-width:calc(768px - 1px)) and (prefers-reduced-motion:reduce) {
    .kocho-table__table__body {
        transition: unset
    }
}

@media(min-width:768px) {
    .kocho-table__table__body {
        transform: unset !important
    }
}

.kocho-table__table__text {
    font-size: 1rem
}

.kocho-table__table__text--tag-text {
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem;
    font-size: .75rem
}

@media(min-width:768px) {
    .kocho-table__table__text--tag-text {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

@media(max-width:calc(768px - 1px)) {
    .kocho-table__table__row {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-flow: column
    }
}

.kocho-table__table__row:after {
    display: block;
    content: "";
    position: absolute;
    background-color: #00ec00;
    opacity: .3;
    height: .5px;
    width: calc(100% - 2rem);
    left: 1rem
}

@media(max-width:calc(768px - 1px)) {
    .kocho-table__table__row:after {
        display: none
    }
}

.kocho-table__table__row:first-child:after {
    display: none
}

.kocho-table__table__row:first-child th {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem;
    color: #061619;
    background-color: #00ec00;
    padding: 1rem;
    border-top: 1px solid #cfcfcf
}

@media(min-width:768px) {
    .kocho-table__table__row:first-child th {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

@media(min-width:1200px) {
    .kocho-table__table__row:first-child th {
        padding: 1rem 2rem
    }
}

.kocho-table__table__row:first-child th:first-child {
    border-top-left-radius: .5rem;
    border-left: 1px solid #cfcfcf
}

.kocho-table__table__row:first-child th:last-child {
    border-top-right-radius: .5rem;
    border-right: 1px solid #cfcfcf
}

.kocho-table__table__row td, .kocho-table__table__row th {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #061619;
    background-color: #f2f2f2;
    padding: 1rem
}

@media(min-width:768px) {
    .kocho-table__table__row td, .kocho-table__table__row th {
        font-size: 1rem;
        line-height: 1.375rem;
        padding: 1.5rem 1rem
    }
}

@media(min-width:1200px) {
    .kocho-table__table__row td, .kocho-table__table__row th {
        padding: 1.5rem 2rem
    }
}

.kocho-table__table__row td:first-child, .kocho-table__table__row th:first-child {
    border-left: 1px solid #cfcfcf
}

.kocho-table__table__row td:last-child, .kocho-table__table__row th:last-child {
    border-right: 1px solid #cfcfcf
}

@media(max-width:calc(768px - 1px)) {
    .kocho-table__table__row:last-child td, .kocho-table__table__row:last-child th {
        border-bottom: 1px solid #cfcfcf
    }
}

@media(min-width:768px) {
    .kocho-table__table__cell--tag-text:first-child {
        min-width: 9rem
    }
}

@media(min-width:1200px) {
    .kocho-table__table__cell--tag-text:first-child {
        min-width: 12rem
    }
}

@media(max-width:calc(768px - 1px)) {
    .kocho-table__table__row td, .kocho-table__table__row th {
        border-bottom: .5px solid #00ec00
    }
}

.kocho-table__table__row:first-child {
    box-shadow: none
}

.kocho-table__table__row:last-child td, .kocho-table__table__row:last-child th {
    border-bottom: .5px solid #cfcfcf
}

    .kocho-table__table__row:last-child td:first-child, .kocho-table__table__row:last-child th:first-child {
        border-bottom-left-radius: .5rem
    }

    .kocho-table__table__row:last-child td:last-child, .kocho-table__table__row:last-child th:last-child {
        border-bottom-right-radius: .5rem
    }

.kocho-table__next, .kocho-table__prev {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3rem;
    max-height: 3rem;
    min-width: 3rem;
    max-width: 3rem;
    background-color: #ebe9e2;
    border: none;
    outline-color: #061619;
    border-radius: .25rem;
    cursor: pointer
}

.kocho-table__controls {
    display: flex
}

@media(min-width:768px) {
    .kocho-table__controls {
        display: none
    }
}

.kocho-table__dots {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 1rem
}

.kocho-table__dot {
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
    padding: 0;
    border: none;
    margin-right: .5rem;
    outline-color: #061619;
    background: radial-gradient(#ebe9e2,#ebe9e2 .75rem,transparent 0)
}

    .kocho-table__dot.is-selected {
        background: radial-gradient(#00ec00,#00ec00 .75rem,transparent 0)
    }

    .kocho-table__dot:last-child {
        margin-right: 0
    }

.kocho-tag-cloud__header {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media(min-width:576px) {
    .kocho-tag-cloud__header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
}

.kocho-tag-cloud__title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    text-align: left;
    width: 100%;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-tag-cloud__title {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

@media(min-width:576px) {
    .kocho-tag-cloud__title {
        width: auto;
        margin-bottom: 0
    }
}

.kocho-tag-cloud__filters {
    position: relative;
    background-color: #ebe9e2;
    margin-top: 2rem;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    transition: max-height .3s ease-in-out;
    max-height: 0;
    padding: 0;
    overflow-y: scroll
}

.kocho-tag-cloud__filters--open {
    max-height: 200vh
}

@media(min-width:992px) {
    .kocho-tag-cloud__filters {
        display: flex
    }
}

.kocho-tag-cloud__filter-title {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem;
    margin-bottom: .5rem
}

@media(min-width:768px) {
    .kocho-tag-cloud__filter-title {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-tag-cloud__filter-title {
        width: 100%
    }
}

@media(min-width:992px) {
    .kocho-tag-cloud__filter-title {
        margin-bottom: 1.5rem
    }
}

.kocho-tag-cloud__filter-group {
    margin-top: 1rem;
    padding-left: 2rem;
    padding-right: 2rem
}

    .kocho-tag-cloud__filter-group:first-child {
        padding-top: 2rem
    }

    .kocho-tag-cloud__filter-group:nth-last-of-type(2) {
        padding-bottom: 8rem
    }

@media(max-width:calc(992px - 1px)) {
    .kocho-tag-cloud__filter-group {
        display: flex;
        flex-wrap: wrap;
        margin-top: 1.5rem
    }

        .kocho-tag-cloud__filter-group:first-of-type {
            margin-top: 0
        }

        .kocho-tag-cloud__filter-group:nth-last-of-type(2) {
            padding-bottom: 0
        }
}

@media(min-width:992px) {
    .kocho-tag-cloud__filter-group {
        margin-top: 0;
        padding: 2rem 1rem 6rem
    }

        .kocho-tag-cloud__filter-group:first-child {
            padding-left: 2rem
        }
}

@media(min-width:1200px) {
    .kocho-tag-cloud__filter-group {
        padding-left: 0;
        padding-right: 3rem
    }
}

.kocho-tag-cloud__filter-controls {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem;
    background-color: #ebe9e2;
    display: flex;
    flex-direction: column-reverse;
    align-items: center
}

@media(min-width:576px) {
    .kocho-tag-cloud__filter-controls {
        flex-direction: row
    }
}

@media(min-width:992px) {
    .kocho-tag-cloud__filter-controls {
        position: absolute;
        padding: 0;
        bottom: 2rem;
        right: 2rem;
        left: auto
    }
}

.kocho-tag-cloud__filter-controls .kocho-button__text {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 700
}

@media(min-width:768px) {
    .kocho-tag-cloud__filter-controls .kocho-button__text {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-tag-cloud__clear {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin-top: .5rem;
    background-color: transparent;
    border: none;
    cursor: pointer
}

@media(min-width:768px) {
    .kocho-tag-cloud__clear {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media(min-width:576px) {
    .kocho-tag-cloud__clear {
        margin-right: 1rem
    }
}

.kocho-tag-cloud__checkbox label {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    display: inline-block;
    padding: .25rem .75rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    border-radius: 2rem;
    border: .04167rem solid #061619;
    padding-right: 1.5rem;
    cursor: pointer
}

@media(min-width:768px) {
    .kocho-tag-cloud__checkbox label {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-tag-cloud__checkbox label:focus, .kocho-tag-cloud__checkbox label:hover {
    border-color: #00ec00;
    outline-color: #00ec00
}

.kocho-tag-cloud__checkbox input {
    display: none
}

    .kocho-tag-cloud__checkbox input:checked + label {
        background-color: #061619;
        color: #fff;
        background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/close-white.svg);
        background-position: calc(100% - 12px) 50%;
        background-size: .4rem;
        background-repeat: no-repeat
    }

.kocho-tag-cloud__close {
    background-color: transparent;
    border: none;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    padding-left: 1.75rem;
    background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/close-ebony.svg);
    background-size: .8rem;
    background-repeat: no-repeat;
    background-position: left 52%;
    cursor: pointer
}

@media(min-width:768px) {
    .kocho-tag-cloud__close {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-hubspot-form .kocho-tag-cloud .hs-submit, .kocho-tag-cloud .kocho-button__container, .kocho-tag-cloud .kocho-hubspot-form .hs-submit {
    max-width: fit-content;
    margin: 0
}

.kocho-tag-cloud__no-results {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.kocho-text-image-cards--align-centre {
    max-width: 100%;
    overflow: hidden
}

.kocho-text-image-cards--logo {
    overflow: hidden;
    position: relative
}

    .kocho-text-image-cards--logo:before {
        content: "";
        background-image: url(/app/themes/sage/resources/assets/images/patterns/Butterfly_1.svg);
        background-position: right -14rem top -12.5rem;
        background-repeat: no-repeat;
        background-size: 43.75rem;
        position: absolute;
        pointer-events: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .6
    }

@media(min-width:768px) {
    .kocho-text-image-cards--logo:before {
        opacity: .4;
        background-position: right -25rem top -22.5rem;
        background-size: 81.25rem
    }
}

.kocho-text-image-cards__tag {
    margin-top: 3rem
}

    .kocho-text-image-cards__tag * {
        font-size: .75rem
    }

.kocho-text-image-cards__standfirst {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin: 2rem 0;
    margin-bottom: 1rem
}

@media(min-width:768px) {
    .kocho-text-image-cards__standfirst {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__standfirst--half {
        width: 50%
    }
}

.kocho-text-image-cards__title {
    width: 100%;
    font-size: 1.875rem;
    line-height: 2.5rem
}

    .kocho-text-image-cards__title.kocho-text-image-cards__title_normal {
        margin-top: 1rem !important
    }

.kocho-text-image-cards__title--narrow {
    width: 100%
}

@media(min-width:992px) {
    .kocho-text-image-cards__title--narrow {
        max-width: 34.375rem
    }

    .kocho-text-image-cards__title--narrow--wide {
        width: 100%
    }

    .kocho-text-image-cards__title--narrow--narrow {
        max-width: 34.375rem
    }
}

.kocho-text-image-cards__title:first-child {
    margin-top: 3rem
}

.kocho-text-image-cards__title:not(:first-child) {
    margin-top: 1rem
}

@media(min-width:992px) {
    .kocho-text-image-cards__title:not(:first-child) {
        margin-top: 2rem
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__title {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

.kocho-text-image-cards__left {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

    .kocho-text-image-cards__left:not(:first-child) {
        margin-top: 3rem
    }

@media(min-width:992px) {
    .kocho-text-image-cards__left {
        gap: 6rem
    }
}

.kocho-text-image-cards--narrow .kocho-text-image-cards__left {
    gap: 3rem
}

@media(min-width:992px) {
    .kocho-text-image-cards--narrow .kocho-text-image-cards__left {
        padding-left: 4.2rem;
        padding-right: 4.2rem
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__left {
        align-items: center
    }

    .kocho-text-image-cards--align-top .kocho-text-image-cards__left {
        align-items: flex-start
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__left {
        flex-direction: row
    }
}

.kocho-text-image-cards__right {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

    .kocho-text-image-cards__right:not(:first-child) {
        margin-top: 3rem
    }

@media(min-width:992px) {
    .kocho-text-image-cards__right {
        gap: 6rem
    }
}

.kocho-text-image-cards--narrow .kocho-text-image-cards__right {
    gap: 3rem
}

@media(min-width:992px) {
    .kocho-text-image-cards--narrow .kocho-text-image-cards__right {
        padding-left: 4.2rem;
        padding-right: 4.2rem
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__right {
        align-items: center
    }

    .kocho-text-image-cards--align-top .kocho-text-image-cards__right {
        align-items: flex-start
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__right {
        flex-direction: row-reverse
    }

    .kocho-text-image-cards--no-image .kocho-text-image-cards__right {
        flex-direction: row
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__text {
        flex: 2
    }
}

.kocho-hubspot-form .kocho-text-image-cards__text .hs-submit, .kocho-text-image-cards__text .kocho-button__container, .kocho-text-image-cards__text .kocho-hubspot-form .hs-submit {
    margin-left: 0
}

.kocho-text-image-cards__text .kocho-text__title + .kocho-text__text {
    margin-top: 2rem !important
}

@media(min-width:992px) {
    .kocho-text-image-cards__text .kocho-text__title + .kocho-text__text {
        margin-top: 0 !important
    }
}

.kocho-text-image-cards__text .kocho-text__text {
    margin-bottom: 0
}

@media(max-width:calc(992px - 1px)) {
    .kocho-hubspot-form .kocho-text-image-cards__text .kocho-text__text + .hs-submit, .kocho-text-image-cards__text .kocho-hubspot-form .kocho-text__text + .hs-submit, .kocho-text-image-cards__text .kocho-text__text + .kocho-button__container {
        margin-top: 1.5rem
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__text .kocho-text__text {
        margin-bottom: 2.5rem
    }
}

.kocho-text-image-cards__text .kocho-text__text ul {
    list-style: none
}

    .kocho-text-image-cards__text .kocho-text__text ul li {
        position: relative;
        margin-bottom: 1.5rem
    }

@media(min-width:992px) {
    .kocho-text-image-cards__text .kocho-text__text ul li {
        padding-left: 1rem
    }
}

.kocho-text-image-cards__text .kocho-text__text ul li:before {
    content: "";
    background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-small-ebony.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    position: absolute;
    height: 1rem;
    width: 3rem;
    margin-left: -2.5rem;
    top: .2rem
}

@media(min-width:992px) {
    .kocho-text-image-cards__text .kocho-text__text ul li:before {
        background-image: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/arrows/arrow-medium-ebony.svg);
        margin-left: -3.5rem
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__text .kocho-text__title {
        margin-bottom: 2rem !important
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__text.standfirst-half .kocho-text__standfirst, .kocho-text-image-cards__text.title-half .kocho-text__title {
        width: 50%
    }
}

.kocho-text-image-cards__image-container {
    position: relative;
    height: 100%
}

@media(min-width:992px) {
    .kocho-text-image-cards__image-container {
        width: calc(50% - .5rem)
    }

    .kocho-text-image-cards--narrow .kocho-text-image-cards__image-container {
        flex: 2.9
    }
}

.kocho-text-image-cards__image-mask {
    height: 0;
    padding-top: 91%;
    position: relative
}

.kocho-text-image-cards--wide .kocho-text-image-cards__image-mask {
    padding-top: 90vw;
    width: 100vw
}

@media(min-width:992px) {
    .kocho-text-image-cards--wide .kocho-text-image-cards__image-mask {
        padding-top: 45vw;
        width: 50vw
    }
}

.kocho-text-image-cards--wide .kocho-text-image-cards__left .kocho-text-image-cards__image-mask {
    left: 100%;
    transform: translateX(-100%)
}

@media(max-width:calc(992px - 1px)) {
    .kocho-text-image-cards--narrow .kocho-text-image-cards__image-mask {
        padding-top: calc((100vw - 2rem) * .91);
        width: 100vw;
        left: 100%;
        transform: translateX(-100%)
    }
}

.kocho-text-image-cards__image-mask picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.kocho-text-image-cards__badges {
    margin-top: 2.5rem
}

@media(min-width:992px) {
    .kocho-text-image-cards__badges {
        margin-top: -1rem
    }
}

@media(min-width:1200px) {
    .kocho-text-image-cards__badges {
        margin-top: -2rem
    }
}

@media(min-width:1400px) {
    .kocho-text-image-cards__badges {
        margin-top: -3rem
    }
}

.kocho-text-image-cards__badges--left .kocho-badge-group {
    justify-content: flex-end
}

@media(min-width:992px) {
    .kocho-text-image-cards--no-image .kocho-text-image-cards__badges {
        margin-top: 0
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards__badges--stacked {
        width: 55%
    }
}

@media(min-width:1200px) {
    .kocho-text-image-cards__badges--stacked {
        padding-left: 15%;
        width: 55%
    }
}

@media(min-width:992px) {
    .kocho-text-image-cards--long-standfirst .kocho-text-image-cards__badges {
        margin-top: 0
    }
}

@media(min-width:1200px) {
    .kocho-text-image-cards--long-standfirst .kocho-text-image-cards__badges {
        margin-top: 0
    }
}

@media(min-width:1400px) {
    .kocho-text-image-cards--long-standfirst .kocho-text-image-cards__badges {
        margin-top: 0
    }
}

.kocho-hubspot-form .kocho-text-image-cards .kocho-text__text + .hs-submit, .kocho-text-image-cards .kocho-hubspot-form .kocho-text__text + .hs-submit, .kocho-text-image-cards .kocho-text__text + .kocho-button__container {
    margin-top: 2rem
}

.kocho-text-with-cta {
    position: relative;
    overflow: hidden
}

    .kocho-text-with-cta .overlay {
        z-index: 0;
        opacity: .8;
        height: 30rem;
        bottom: -15rem;
        right: -10rem
    }

@media(min-width:768px) {
    .kocho-text-with-cta .overlay {
        height: 40rem;
        bottom: -20rem
    }
}

@media(min-width:768px) {
    .kocho-text-with-cta--contained {
        background: #fff
    }
}

.kocho-text-with-cta--contained .kocho-text-with-cta__container {
    padding: 0
}

@media(min-width:768px) {
    .kocho-text-with-cta--contained .kocho-text-with-cta__container {
        padding: 0 7.5%
    }
}

.kocho-text-with-cta__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1.5rem 0
}

@media(min-width:768px) {
    .kocho-text-with-cta__inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 3rem 0
    }
}

.kocho-text-with-cta__inner--contained {
    padding: 3rem 7.5%;
    position: relative;
    overflow: hidden
}

@media(min-width:768px) {
    .kocho-text-with-cta__inner--contained {
        padding: 3rem 9%;
        border-radius: .5rem
    }
}

.kocho-text-with-cta__inner .overlay {
    z-index: 0;
    opacity: .8;
    height: 30rem;
    bottom: -15rem;
    right: -10rem
}

@media(min-width:768px) {
    .kocho-text-with-cta__inner .overlay {
        height: 40rem;
        bottom: -25rem
    }
}

.kocho-hubspot-form .kocho-text-with-cta__inner .hs-submit, .kocho-text-with-cta__inner .kocho-button__container, .kocho-text-with-cta__inner .kocho-hubspot-form .hs-submit {
    margin-left: 0
}

.kocho-text-with-cta__text {
    z-index: 1
}

@media(min-width:768px) {
    .kocho-text-with-cta__text {
        width: 50%;
        flex-basis: 50%
    }
}

.kocho-text-with-cta__button {
    margin: 3rem 0
}

@media(min-width:768px) {
    .kocho-text-with-cta__button {
        justify-self: flex-end
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-text-with-form__container .kocho-text-with-form__container {
        padding: 0
    }
}

.kocho-text-with-form .kocho-text__title {
    margin: 2rem 0
}

@media(min-width:992px) {
    .kocho-text-with-form .kocho-text__title {
        margin: 1.5rem 0 1rem
    }
}

@media(min-width:992px) {
    .kocho-text-with-form__row {
        display: flex;
        justify-content: space-between
    }
}

@media(min-width:992px) {
    .kocho-text-with-form__form, .kocho-text-with-form__text {
        width: 50%
    }
}

@media(min-width:992px) {
    .kocho-text-with-form__text {
        padding-right: 4rem
    }
}

.kocho-text-with-form__card {
    border-radius: .5rem;
    padding: 2rem;
    margin-bottom: 1rem
}

@media(min-width:992px) {
    .kocho-text-with-form__card {
        margin-bottom: 0
    }
}

.kocho-text-with-form__card--white {
    background-color: #fff
}

.kocho-text-with-form__card--oatmeal {
    background-color: #ebe9e2
}

.kocho-text-with-form__socials .kocho-social-icons-list {
    background-color: transparent;
    padding: 0
}

    .kocho-text-with-form__socials .kocho-social-icons-list ul {
        display: flex;
        align-items: center;
        list-style: none;
        padding: 0;
        margin-bottom: 0;
        margin-top: 1rem
    }

        .kocho-text-with-form__socials .kocho-social-icons-list ul li {
            margin-right: .5rem
        }

            .kocho-text-with-form__socials .kocho-social-icons-list ul li a:focus {
                background-color: #00ec00;
                outline: none
            }

            .kocho-text-with-form__socials .kocho-social-icons-list ul li img {
                height: 2rem;
                width: 2rem;
                margin-left: 0
            }

.kocho-text-with-form__links {
    margin: 1rem 0 2rem
}

.kocho-text-with-form__link {
    display: block;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    color: #061619;
    outline: none
}

@media(min-width:768px) {
    .kocho-text-with-form__link {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
}

.kocho-text-with-form__link:hover {
    text-decoration: none
}

.kocho-text-with-form__link:focus {
    background-color: #00ec00
}

.kocho-text-with-icon-columns__columns {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column
}

@media(min-width:576px) {
    .kocho-text-with-icon-columns__columns {
        flex-wrap: wrap;
        flex-direction: row
    }
}

.kocho-text-with-icon-columns__columns .kocho-icon-column {
    width: 100%
}

@media(min-width:576px) {
    .kocho-text-with-icon-columns__columns .kocho-icon-column {
        width: 45%
    }

        .kocho-text-with-icon-columns__columns .kocho-icon-column:not(:nth-of-type(odd)) {
            margin-left: 10%
        }
}

@media(min-width:992px) {
    .kocho-text-with-icon-columns__columns .kocho-icon-column {
        width: 22%
    }

        .kocho-text-with-icon-columns__columns .kocho-icon-column:not(:first-of-type) {
            margin-left: 4%
        }
}

.kocho-text-with-icon-columns__columns .kocho-icon-column__title {
    font-size: 1.25rem;
    line-height: 1.875rem
}

.kocho-text-with-icon-columns__columns .kocho-icon-column__icon img {
    object-fit: contain;
    height: 5rem;
    width: 5rem
}

.kocho-text-with-icon-columns__columns .kocho-icon-column__text {
    margin-bottom: 0
}

.kocho-text-with-icon-columns__columns .kocho-icon-column:not(:last-of-type) {
    margin-bottom: 3rem
}

.kocho-text-with-icon-columns .kocho-text {
    width: 66%
}

    .kocho-text-with-icon-columns .kocho-text.text--center {
        margin: auto
    }

.kocho-text-with-image__top-title-wrapper {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

    .kocho-text-with-image__top-title-wrapper .kocho-block-tag {
        margin-bottom: 1.5rem
    }

    .kocho-text-with-image__top-title-wrapper .kocho-block-tag__icon {
        margin-left: -1rem
    }

.kocho-text-with-image__top-title {
    width: 100%
}

@media(min-width:992px) {
    .kocho-text-with-image__top-title {
        max-width: 34.375rem
    }

    .kocho-text-with-image__top-title--wide {
        width: 100%
    }

    .kocho-text-with-image__top-title--narrow {
        max-width: 34.375rem
    }
}

.kocho-text-with-image__wrapper {
    display: flex;
    flex-direction: column-reverse
}

@media(min-width:992px) {
    .kocho-text-with-image__wrapper {
        flex-direction: row
    }
}

.kocho-text-with-image__wrapper.kocho-text-with-image__img-left {
    flex-direction: column-reverse
}

@media(min-width:992px) {
    .kocho-text-with-image__wrapper.kocho-text-with-image__img-left > .kocho-image {
        flex-basis: 60%
    }
}

@media(min-width:992px) {
    .kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text-with-image__custom-contents {
        padding-left: 3rem
    }
}

@media(min-width:992px) {
    .kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text-with-image__custom-meta {
        margin-left: 2rem
    }
}

@media(min-width:992px) {
    .kocho-text-with-image__wrapper.kocho-text-with-image__img-left {
        flex-direction: row-reverse
    }
}

.kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text__title {
    font-family: mokoko,Georgia,serif
}

@media(min-width:992px) {
    .kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text {
        margin-left: 2rem;
        margin-right: 0;
        justify-content: center
    }
}

.kocho-hubspot-form .kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text .hs-submit, .kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text .kocho-button__container, .kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text .kocho-hubspot-form .hs-submit {
    margin: 0
}

.kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text__icon {
    margin-bottom: 1.5rem
}

    .kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text__icon img {
        border-radius: 0;
        margin: 0 !important
    }

.kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text-with-image__case-study-wrapper {
    margin-left: 0;
    padding-right: 2rem;
    padding-top: 2rem
}

@media(min-width:992px) {
    .kocho-text-with-image__wrapper.kocho-text-with-image__img-left .kocho-text-with-image__case-study-wrapper {
        padding-left: 5rem;
        padding-right: 2rem;
        flex-basis: 40%
    }
}

@media(min-width:992px) {
    .kocho-text-with-image__wrapper.kocho-text-with-image__img-right > .kocho-image {
        flex-basis: 60%
    }
}

.kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text {
    justify-content: center
}

.kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text__icon {
    margin-bottom: 1.5rem
}

    .kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text__icon img {
        border-radius: 0;
        margin: 0 !important
    }

.kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text-with-image__case-study-wrapper {
    margin-left: 0;
    padding-right: 2rem
}

@media(min-width:992px) {
    .kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text-with-image__case-study-wrapper {
        flex-basis: 40%
    }
}

.kocho-hubspot-form .kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text-with-image__case-study-wrapper .hs-submit, .kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text-with-image__case-study-wrapper .kocho-button__container, .kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text-with-image__case-study-wrapper .kocho-hubspot-form .hs-submit {
    margin: 0;
    margin-bottom: 2rem
}

@media(min-width:992px) {
    .kocho-hubspot-form .kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text-with-image__case-study-wrapper .hs-submit, .kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text-with-image__case-study-wrapper .kocho-button__container, .kocho-text-with-image__wrapper.kocho-text-with-image__img-right .kocho-text-with-image__case-study-wrapper .kocho-hubspot-form .hs-submit {
        margin-bottom: 0
    }
}

@media(min-width:992px) {
    .kocho-text-with-image .kocho-text {
        margin-right: 2rem
    }
}

.kocho-hubspot-form .kocho-text-with-image .kocho-text .hs-submit, .kocho-text-with-image .kocho-text .kocho-button__container, .kocho-text-with-image .kocho-text .kocho-hubspot-form .hs-submit {
    margin: 0;
    margin-bottom: 2rem
}

@media(min-width:992px) {
    .kocho-hubspot-form .kocho-text-with-image .kocho-text .hs-submit, .kocho-text-with-image .kocho-text .kocho-button__container, .kocho-text-with-image .kocho-text .kocho-hubspot-form .hs-submit {
        margin-bottom: 0
    }
}

.kocho-text-with-image .kocho-text__icon {
    margin-bottom: 1rem;
    height: 2.5rem
}

    .kocho-text-with-image .kocho-text__icon img {
        object-fit: contain
    }

.kocho-text-with-image .kocho-image img {
    border-radius: .5rem;
    margin-right: 2rem
}

.kocho-text-with-image__case-study-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem
}

    .kocho-hubspot-form .kocho-text-with-image__case-study-wrapper .hs-submit, .kocho-text-with-image__case-study-wrapper .kocho-button__container, .kocho-text-with-image__case-study-wrapper .kocho-hubspot-form .hs-submit {
        margin: 0
    }

.kocho-text-with-image__custom-contents {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:992px) {
    .kocho-text-with-image__custom-contents {
        flex-basis: 40%
    }
}

.kocho-text-with-image__custom-contents .kocho-text > * {
    margin-bottom: 1.5rem
}

.kocho-text-with-image__custom-contents .kocho-block-tag {
    margin-bottom: 1.5rem !important
}

.kocho-text-with-image__case-study-meta, .kocho-text-with-image__custom-meta {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin-bottom: 1.5rem
}

@media(min-width:768px) {
    .kocho-text-with-image__case-study-meta, .kocho-text-with-image__custom-meta {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-text-with-image__case-study-meta.text--white, .kocho-text-with-image__custom-meta.text--white {
    color: #fff
}

.kocho-text-with-image__case-study-body {
    margin-bottom: 1.5rem
}

.kocho-text-with-image__case-study-img img {
    border-radius: 0 !important;
    object-fit: contain;
    margin: 1rem 0 !important;
    height: 2.5rem !important
}

.kocho-text-with-image__case-study-img + .kocho-text-with-image__case-study-body {
    margin-top: 1.5rem
}

.kocho-text-with-list {
    position: relative;
    z-index: 0;
    overflow: hidden
}

    .kocho-text-with-list .overlay {
        height: 60%
    }

.kocho-text-with-list__container__icons-wrapper {
    display: flex
}

.kocho-text-with-list__container .kocho-text-with-list__body, .kocho-text-with-list__container h2 {
    margin-top: 1rem
}

@media(min-width:992px) {
    .kocho-text-with-list__container .kocho-text-with-list__body {
        width: 50%
    }
}

.kocho-text-with-list__standfirst {
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin: 1rem 0
}

@media(min-width:768px) {
    .kocho-text-with-list__standfirst {
        font-size: 1.375rem;
        line-height: 1.75rem
    }
}

@media(min-width:992px) {
    .kocho-text-with-list__standfirst {
        width: 50%
    }
}

.kocho-text-with-list__title--large {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-text-with-list__title--large {
        font-size: 2.8125rem;
        line-height: 3.4375rem
    }
}

.kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 2rem
}

@media(min-width:992px) {
    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul {
        flex-direction: row;
        gap: 1rem
    }
}

.kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li {
    margin: 0;
    display: flex;
    align-items: baseline
}

@media(min-width:992px) {
    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li {
        width: 33.3%
    }
}

.kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li img.arrow-crop {
    width: 1.2rem;
    height: 1rem;
    object-fit: cover;
    object-position: right
}

@media(min-width:992px) {
    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li img.arrow-crop {
        width: unset;
        overflow: visible
    }
}

@media(min-width:992px) {
    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li:first-of-type {
        margin-left: 0
    }

    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li:last-of-type {
        margin-right: 0
    }
}

.kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li img {
    height: 1rem
}

.kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline {
    display: flex;
    flex-direction: column;
    align-items: baseline
}

    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline .kocho-centred-narrow-content__copy > div, .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline .kocho-narrow-content__copy > div, .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline p {
        margin-top: 1rem;
        margin-bottom: 4rem
    }

    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline h3.text--lime {
        color: #00ec00 !important
    }

    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline h3.text--lemon {
        color: #f4ff00 !important
    }

    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline h3.text--white {
        color: #fff !important
    }

    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline .kocho-centred-narrow-content__copy > div, .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline .kocho-narrow-content__copy > div, .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline h3, .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li .kocho-text-with-list__bullet-layout-inline p {
        margin-left: 1rem
    }

.kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li.kocho-text-with-list__bullet-list-not-inline {
    display: flex;
    flex-direction: column
}

    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li.kocho-text-with-list__bullet-list-not-inline .kocho-text-with-list__icon-with-title {
        flex-direction: column
    }

        .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul li.kocho-text-with-list__bullet-list-not-inline .kocho-text-with-list__icon-with-title img {
            height: 6rem;
            width: 6rem;
            margin-bottom: 1rem
        }

.kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul .kocho-text-with-list__bullet-layout-not-inline {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-top: 1rem
}

    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul .kocho-text-with-list__bullet-layout-not-inline .kocho-centred-narrow-content__copy > div, .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul .kocho-text-with-list__bullet-layout-not-inline .kocho-narrow-content__copy > div, .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul .kocho-text-with-list__bullet-layout-not-inline p {
        padding-left: 1rem;
        margin-bottom: 4rem
    }

    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul .kocho-text-with-list__bullet-layout-not-inline h3 {
        font-size: 1.875rem;
        line-height: 2.5rem;
        font-family: mokoko,Georgia,serif;
        font-weight: 400;
        margin: 0
    }

@media(min-width:768px) {
    .kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-ul .kocho-text-with-list__bullet-layout-not-inline h3 {
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

.kocho-text-with-list__bullet-lists-wrapper .kocho-text-with-list__bullet-list-title--small {
    font-weight: 400
}

.kocho-text-with-list__icon img {
    object-fit: contain
}

.kocho-two-column-grid {
    overflow: hidden;
    position: relative;
    width: 100%
}

    .kocho-two-column-grid.bg--ebony {
        background-color: #061619
    }

    .kocho-two-column-grid.bg--white {
        background-color: #fff
    }

    .kocho-two-column-grid.bg--oatmeal {
        background-color: #ebe9e2
    }

.kocho-two-column-grid__bg-image-wrapper {
    overflow: hidden;
    max-width: 100%
}

.kocho-two-column-grid__bg-has-image {
    width: 250%;
    height: 250%;
    position: absolute;
    bottom: -70%
}

@media(min-width:992px) {
    .kocho-two-column-grid__bg-has-image {
        width: 100%;
        height: 200%;
        left: 55%;
        top: -50%
    }
}

.kocho-two-column-grid__container {
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: flex;
    flex-direction: column
}

.kocho-two-column-grid__top-title-wrapper {
    margin-bottom: 2rem
}

@media(min-width:992px) {
    .kocho-two-column-grid__top-title-wrapper {
        width: 50%
    }
}

.kocho-two-column-grid .kocho-text__top-title {
    padding-top: 1rem
}

.kocho-two-column-grid .kocho-text__top-title-normal .kocho-centred-narrow-content__copy > div, .kocho-two-column-grid .kocho-text__top-title-normal .kocho-narrow-content__copy > div, .kocho-two-column-grid .kocho-text__top-title-normal h1, .kocho-two-column-grid .kocho-text__top-title-normal h2, .kocho-two-column-grid .kocho-text__top-title-normal h3, .kocho-two-column-grid .kocho-text__top-title-normal h4, .kocho-two-column-grid .kocho-text__top-title-normal h5, .kocho-two-column-grid .kocho-text__top-title-normal h6, .kocho-two-column-grid .kocho-text__top-title-normal p {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-two-column-grid .kocho-text__top-title-normal .kocho-centred-narrow-content__copy > div, .kocho-two-column-grid .kocho-text__top-title-normal .kocho-narrow-content__copy > div, .kocho-two-column-grid .kocho-text__top-title-normal h1, .kocho-two-column-grid .kocho-text__top-title-normal h2, .kocho-two-column-grid .kocho-text__top-title-normal h3, .kocho-two-column-grid .kocho-text__top-title-normal h4, .kocho-two-column-grid .kocho-text__top-title-normal h5, .kocho-two-column-grid .kocho-text__top-title-normal h6, .kocho-two-column-grid .kocho-text__top-title-normal p {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-two-column-grid .kocho-text__top-title-large .kocho-centred-narrow-content__copy > div, .kocho-two-column-grid .kocho-text__top-title-large .kocho-narrow-content__copy > div, .kocho-two-column-grid .kocho-text__top-title-large h1, .kocho-two-column-grid .kocho-text__top-title-large h2, .kocho-two-column-grid .kocho-text__top-title-large h3, .kocho-two-column-grid .kocho-text__top-title-large h4, .kocho-two-column-grid .kocho-text__top-title-large h5, .kocho-two-column-grid .kocho-text__top-title-large h6, .kocho-two-column-grid .kocho-text__top-title-large p {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-two-column-grid .kocho-text__top-title-large .kocho-centred-narrow-content__copy > div, .kocho-two-column-grid .kocho-text__top-title-large .kocho-narrow-content__copy > div, .kocho-two-column-grid .kocho-text__top-title-large h1, .kocho-two-column-grid .kocho-text__top-title-large h2, .kocho-two-column-grid .kocho-text__top-title-large h3, .kocho-two-column-grid .kocho-text__top-title-large h4, .kocho-two-column-grid .kocho-text__top-title-large h5, .kocho-two-column-grid .kocho-text__top-title-large h6, .kocho-two-column-grid .kocho-text__top-title-large p {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

.kocho-two-column-grid .kocho-text__title-normal {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    padding-bottom: 1rem
}

@media(min-width:768px) {
    .kocho-two-column-grid .kocho-text__title-normal {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-two-column-grid .kocho-text__title-large {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    padding-bottom: 1rem
}

@media(min-width:768px) {
    .kocho-two-column-grid .kocho-text__title-large {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

.kocho-two-column-grid__tag {
    margin-bottom: 1rem
}

    .kocho-two-column-grid__tag .kocho-centred-narrow-content__copy > div, .kocho-two-column-grid__tag .kocho-narrow-content__copy > div, .kocho-two-column-grid__tag p {
        font-size: .75rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        margin: 0;
        letter-spacing: .125rem
    }

@media(min-width:768px) {
    .kocho-two-column-grid__tag .kocho-centred-narrow-content__copy > div, .kocho-two-column-grid__tag .kocho-narrow-content__copy > div, .kocho-two-column-grid__tag p {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-two-column-grid .kocho-block-tag__icon {
    margin-left: -1rem
}

.kocho-two-column-grid .tag-bg-ebony {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem;
    color: #fff !important
}

@media(min-width:768px) {
    .kocho-two-column-grid .tag-bg-ebony {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-two-column-grid .tag-bg-white {
    color: #061619
}

.kocho-two-column-grid .has-icon {
    background-color: #f4ff00;
    border-radius: 4px 25px 25px 25px;
    height: 2.5rem;
    width: 2.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 2rem;
    padding-left: 1rem;
    white-space: nowrap
}

    .kocho-two-column-grid .has-icon img {
        object-fit: contain;
        width: 50%;
        height: auto
    }

.kocho-two-column-grid__column-wrapper {
    display: flex;
    flex-direction: column
}

@media(min-width:992px) {
    .kocho-two-column-grid__column-wrapper {
        flex-direction: row
    }
}

.kocho-two-column-grid__column-one, .kocho-two-column-grid__column-two {
    margin-bottom: 2rem
}

@media(min-width:992px) {
    .kocho-two-column-grid__column-one, .kocho-two-column-grid__column-two {
        width: 50%
    }
}

@media(min-width:992px) {
    .kocho-two-column-grid__column-one {
        margin-right: 2rem
    }
}

.kocho-two-column-grid__column-two {
    display: flex;
    flex-direction: column
}

@media(min-width:992px) {
    .kocho-two-column-grid__column-two {
        margin-left: 2rem
    }
}

.kocho-hubspot-form .kocho-two-column-grid__column-two .hs-submit, .kocho-two-column-grid__column-two .kocho-button__container, .kocho-two-column-grid__column-two .kocho-hubspot-form .hs-submit {
    margin: 0 !important
}

.kocho-two-column-grid__column-two:not(p) {
    align-items: center
}

.kocho-two-column-grid__column-two.kocho-two-column-grid__cta_right {
    justify-content: flex-end
}

.kocho-two-column-grid__column-two.kocho-two-column-grid__cta-only {
    align-items: flex-start;
    justify-content: center
}

@media(min-width:992px) {
    .kocho-two-column-grid__column-two.kocho-two-column-grid__cta-only {
        align-items: flex-end;
        justify-content: flex-end
    }
}

.kocho-two-column-grid__column-two.kocho-two-column-grid__bullets-layout {
    flex-direction: column;
    align-items: flex-start
}

.kocho-two-column-grid__heading h1, .kocho-two-column-grid__heading h2, .kocho-two-column-grid__heading h3, .kocho-two-column-grid__heading h4, .kocho-two-column-grid__heading h5, .kocho-two-column-grid__heading h6 {
    margin-bottom: 2rem
}

.kocho-two-column-grid__standfirst, .kocho-two-column-grid__standfirst > * {
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin-bottom: 1.5rem
}

@media(min-width:768px) {
    .kocho-two-column-grid__standfirst, .kocho-two-column-grid__standfirst > * {
        font-size: 1.375rem;
        line-height: 1.75rem
    }
}

.kocho-two-column-grid__standfirst ul {
    list-style: none;
    padding: 0;
    margin: 2rem 0
}

    .kocho-two-column-grid__standfirst ul li {
        position: relative;
        padding-left: 2rem;
        margin-bottom: 1.5rem !important
    }

        .kocho-two-column-grid__standfirst ul li:before {
            content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-white.svg);
            position: absolute;
            left: 0;
            top: .2rem
        }

.kocho-two-column-grid__bullets-wrapper {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.kocho-two-column-grid__bullet {
    display: flex;
    flex-direction: row;
    align-items: baseline
}

    .kocho-two-column-grid__bullet .kocho-centred-narrow-content__copy > div, .kocho-two-column-grid__bullet .kocho-narrow-content__copy > div, .kocho-two-column-grid__bullet p {
        width: 100%;
        margin-left: 1rem;
        margin-bottom: 1rem !important
    }

.kocho-two-column-grid .arrow-crop {
    width: 1.5rem;
    height: 1rem;
    overflow: hidden;
    object-fit: cover;
    object-position: right
}

@media(min-width:992px) {
    .kocho-two-column-grid .arrow-crop {
        width: unset
    }
}

.kocho-two-column-grid__bullet-heading {
    margin-bottom: 2rem
}

.kocho-two-column-grid__bullet-heading--white {
    color: #061619
}

.kocho-two-column-grid .text-white, .kocho-two-column-grid .text-white .kocho-centred-narrow-content__copy > div, .kocho-two-column-grid .text-white .kocho-centred-narrow-content__copy > div a, .kocho-two-column-grid .text-white .kocho-narrow-content__copy > div, .kocho-two-column-grid .text-white .kocho-narrow-content__copy > div a, .kocho-two-column-grid .text-white.kocho-two-column-grid__standfirst, .kocho-two-column-grid .text-white h1, .kocho-two-column-grid .text-white h2, .kocho-two-column-grid .text-white h3, .kocho-two-column-grid .text-white h4, .kocho-two-column-grid .text-white h5, .kocho-two-column-grid .text-white h6, .kocho-two-column-grid .text-white li, .kocho-two-column-grid .text-white p, .kocho-two-column-grid .text-white p a, .kocho-two-column-grid .text-white ul {
    color: #fff
}

.kocho-two-column-grid .text-ebony .kocho-centred-narrow-content__copy > div, .kocho-two-column-grid .text-ebony .kocho-centred-narrow-content__copy > div a, .kocho-two-column-grid .text-ebony .kocho-narrow-content__copy > div, .kocho-two-column-grid .text-ebony .kocho-narrow-content__copy > div a, .kocho-two-column-grid .text-ebony.kocho-two-column-grid__standfirst, .kocho-two-column-grid .text-ebony h1, .kocho-two-column-grid .text-ebony h2, .kocho-two-column-grid .text-ebony h3, .kocho-two-column-grid .text-ebony h4, .kocho-two-column-grid .text-ebony h5, .kocho-two-column-grid .text-ebony h6, .kocho-two-column-grid .text-ebony p, .kocho-two-column-grid .text-ebony p a {
    color: #061619 !important
}

.kocho-two-column-grid .text-lime {
    color: #00ec00 !important
}

.kocho-two-column-grid__body h2, .kocho-two-column-grid__body h3, .kocho-two-column-grid__body h4, .kocho-two-column-grid__body h5, .kocho-two-column-grid__body h6 {
    padding-bottom: 2rem
}

.kocho-two-column-grid__body.text-white ul {
    list-style: none;
    padding: 0;
    margin: 2rem 0
}

    .kocho-two-column-grid__body.text-white ul li {
        position: relative;
        padding-left: 2rem;
        margin-bottom: 1.5rem !important
    }

        .kocho-two-column-grid__body.text-white ul li:before {
            content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-white.svg);
            position: absolute;
            left: 0;
            top: .2rem
        }

.kocho-two-column-grid__body ul {
    list-style: none;
    padding: 0;
    margin: 2rem 0
}

    .kocho-two-column-grid__body ul li {
        position: relative;
        padding-left: 2rem;
        margin-bottom: 1.5rem !important
    }

        .kocho-two-column-grid__body ul li:before {
            content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
            position: absolute;
            left: 0;
            top: .2rem
        }

.kocho-two-column-quote {
    position: relative;
    overflow: hidden
}

.kocho-two-column-quote__container {
    display: flex;
    margin-right: 0;
    padding: 0
}

@media(max-width:calc(768px - 1px)) {
    .kocho-two-column-quote__container {
        padding: 0
    }
}

@media(min-width:1200px) {
    .kocho-two-column-quote__container {
        margin: auto
    }
}

@media(min-width:768px) {
    .kocho-two-column-quote__bg-theme-green {
        background: linear-gradient(90deg,#00ec00,#00ec00 80%,#061619 0,#061619)
    }
}

@media(min-width:768px) {
    .kocho-two-column-quote__bg-theme-ebony {
        background: linear-gradient(90deg,#061619,#061619 80%,#00ec00 0,#00ec00)
    }
}

.kocho-two-column-quote__bg-green {
    background-color: #00ec00
}

.kocho-two-column-quote__bg-ebony {
    background-color: #061619
}

.kocho-two-column-quote .overlay img {
    opacity: .4
}

.kocho-two-column-quote__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

@media(min-width:768px) {
    .kocho-two-column-quote__wrapper {
        flex-direction: row;
        overflow: hidden
    }
}

.kocho-two-column-quote__quote-wrapper {
    position: relative;
    z-index: 0;
    height: 100%;
    width: 100%;
    padding: 4rem 2rem
}

@media(min-width:1200px) {
    .kocho-two-column-quote__quote-wrapper {
        padding: 4rem 2rem
    }
}

@media(min-width:1300px) {
    .kocho-two-column-quote__quote-wrapper {
        padding: 4rem
    }
}

@media(min-width:1500px) {
    .kocho-two-column-quote__quote-wrapper {
        padding: 4rem 6rem
    }
}

@media(min-width:768px) {
    .kocho-two-column-quote__quote-wrapper .kocho-quote__body-text {
        padding-right: 4rem
    }
}

.kocho-two-column-quote__quote-wrapper.kocho-two-column-quote__bg-ebony .overlay {
    transform: rotate(-30deg);
    opacity: .8;
    top: -10rem;
    bottom: 10rem;
    right: -25rem;
    width: 240%;
    height: 180%
}

@media(min-width:375px) {
    .kocho-two-column-quote__quote-wrapper.kocho-two-column-quote__bg-ebony .overlay {
        right: -35rem
    }
}

@media(min-width:576px) {
    .kocho-two-column-quote__quote-wrapper.kocho-two-column-quote__bg-ebony .overlay {
        right: -40rem
    }
}

@media(min-width:768px) {
    .kocho-two-column-quote__quote-wrapper.kocho-two-column-quote__bg-ebony .overlay {
        right: -25rem
    }
}

@media(min-width:992px) {
    .kocho-two-column-quote__quote-wrapper.kocho-two-column-quote__bg-ebony .overlay {
        right: -35rem
    }
}

@media(min-width:1200px) {
    .kocho-two-column-quote__quote-wrapper.kocho-two-column-quote__bg-ebony .overlay {
        right: -40rem
    }
}

.kocho-two-column-quote__quote-wrapper.kocho-two-column-quote__bg-green .overlay {
    opacity: .8;
    top: 5rem;
    bottom: -5rem;
    right: -10rem;
    height: 30rem
}

@media(min-width:768px) {
    .kocho-two-column-quote__quote-wrapper.kocho-two-column-quote__bg-green .overlay {
        height: 35rem
    }
}

.kocho-two-column-quote__cta-wrapper {
    width: 100%;
    height: 100%;
    padding: 7.5vw 2rem;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media(min-width:768px) {
    .kocho-two-column-quote__cta-wrapper {
        max-width: 40%;
        height: 100%;
        padding: 0;
        padding-left: 2rem;
        padding-right: 4rem;
        justify-content: center
    }
}

@media(min-width:992px) {
    .kocho-two-column-quote__cta-wrapper {
        padding-left: 4rem
    }
}

.kocho-hubspot-form .kocho-two-column-quote__cta-wrapper .hs-submit, .kocho-two-column-quote__cta-wrapper .kocho-button__container, .kocho-two-column-quote__cta-wrapper .kocho-hubspot-form .hs-submit {
    margin: 1.5rem 0
}

.kocho-two-column-quote__cta-wrapper__bg-ebony {
    background-color: #061619
}

.kocho-two-column-quote__cta-wrapper__bg-green {
    background-color: #00ec00
}

.kocho-two-column-quote__cta-body {
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    font-family: SpaceGrotesk,Arial,sans-serif;
    text-transform: uppercase;
    width: 80%
}

@media(min-width:768px) {
    .kocho-two-column-quote__cta-body {
        font-size: 2.1875rem;
        line-height: 2.8125rem;
        width: 90%
    }
}

@media(min-width:992px) {
    .kocho-two-column-quote__cta-body {
        width: 100%
    }
}

.kocho-two-column-quote__image-wrapper {
    width: 100%;
    height: 100%;
    z-index: 0
}

@media(min-width:768px) {
    .kocho-two-column-quote__image-wrapper {
        max-width: 40%
    }
}

@media(min-width:992px) {
    .kocho-two-column-quote__image-wrapper picture {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 60%;
        right: 0
    }
}

.kocho-two-column-text-with-quote {
    position: relative;
    z-index: 0;
    overflow: hidden
}

    .kocho-two-column-text-with-quote .overlay {
        top: 0;
        left: 0;
        transform: rotate(180deg);
        height: 40%;
        width: 100%
    }

@media(min-width:768px) {
    .kocho-two-column-text-with-quote .overlay {
        bottom: 0;
        right: 0;
        height: 100%;
        width: 80%;
        top: auto;
        left: auto;
        transform: rotate(0)
    }
}

.kocho-two-column-text-with-quote__inner {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .kocho-two-column-text-with-quote__inner {
        flex-direction: row;
        margin: 0 auto;
        padding: 0 2rem
    }
}

@media(min-width:768px) {
    .kocho-two-column-text-with-quote__content {
        flex-basis: 50%
    }
}

.kocho-two-column-text-with-quote__standfirst, .kocho-two-column-text-with-quote__standfirst > * {
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin-bottom: 1.5rem
}

@media(min-width:768px) {
    .kocho-two-column-text-with-quote__standfirst, .kocho-two-column-text-with-quote__standfirst > * {
        font-size: 1.375rem;
        line-height: 1.75rem
    }
}

.kocho-two-column-text-with-quote__socials .kocho-social-icons-list {
    background-color: transparent;
    padding: 2rem 0
}

@media(min-width:768px) {
    .kocho-two-column-text-with-quote__socials .kocho-social-icons-list {
        padding-bottom: 0
    }
}

.kocho-two-column-text-with-quote__socials .kocho-social-icons-list ul {
    padding: 0
}

    .kocho-two-column-text-with-quote__socials .kocho-social-icons-list ul img {
        margin-left: 0
    }

@media(min-width:768px) {
    .kocho-two-column-text-with-quote__quote {
        flex-basis: 50%;
        display: flex;
        justify-content: flex-end
    }

    .kocho-two-column-text-with-quote__quote-content {
        width: 66%
    }
}

.kocho-two-column-text-with-quote__quote__text .kocho-centred-narrow-content__copy > div, .kocho-two-column-text-with-quote__quote__text .kocho-narrow-content__copy > div, .kocho-two-column-text-with-quote__quote__text p {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    font-size: 30px !important
}

@media(min-width:768px) {
    .kocho-two-column-text-with-quote__quote__text .kocho-centred-narrow-content__copy > div, .kocho-two-column-text-with-quote__quote__text .kocho-narrow-content__copy > div, .kocho-two-column-text-with-quote__quote__text p {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-two-column-text-with-quote__quote__icon {
    height: 4rem;
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
}

.kocho-vertical-text-with-cta {
    position: relative;
    overflow: hidden
}

.kocho-vertical-text-with-cta__container {
    display: flex
}

.kocho-vertical-text-with-cta__container--align-center {
    justify-content: center
}

.kocho-vertical-text-with-cta__container .kocho-text {
    z-index: 1
}

@media(min-width:768px) {
    .kocho-vertical-text-with-cta__container .kocho-text {
        width: 66%
    }
}

.kocho-vertical-text-with-cta__container .kocho-text .kocho-text__title {
    font-family: mokoko,Georgia,serif
}

.kocho-hubspot-form .kocho-vertical-text-with-cta__container .hs-submit, .kocho-vertical-text-with-cta__container .kocho-button__container, .kocho-vertical-text-with-cta__container .kocho-hubspot-form .hs-submit {
    margin-left: 0;
    margin-right: 0;
    z-index: 2
}

.kocho-vertical-text-with-cta .overlay {
    z-index: 1;
    height: 150%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

#vertical-text-with-cta.pattern-library__section .pattern-library__example {
    padding: 0
}

.kocho-video-block {
    margin: auto
}

@media(min-width:768px) {
    .kocho-video-block {
        max-width: 52%
    }
}

.kocho-hubspot-form .kocho-video-block .hs-submit, .kocho-video-block .kocho-button__container, .kocho-video-block .kocho-hubspot-form .hs-submit {
    margin: 0
}

.kocho-accordion__items {
    margin: 0;
    padding: 0;
    list-style: none
}

.kocho-accordion__text {
    color: #f4ff00
}

    .kocho-accordion__text, .kocho-accordion__text * {
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400
    }

@media(min-width:768px) {
    .kocho-accordion__text, .kocho-accordion__text * {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-accordion__text--white {
    color: #fff
}

    .kocho-accordion__text--white .kocho-centred-narrow-content__copy > div, .kocho-accordion__text--white .kocho-centred-narrow-content__copy > div a, .kocho-accordion__text--white .kocho-narrow-content__copy > div, .kocho-accordion__text--white .kocho-narrow-content__copy > div a, .kocho-accordion__text--white > *, .kocho-accordion__text--white p, .kocho-accordion__text--white p a {
        color: inherit
    }

.kocho-accordion__text a {
    color: #061619
}

.kocho-accordion__item {
    border-bottom: 1.5px solid #010202;
    padding-bottom: 1.5rem
}

.kocho-accordion__item__button {
    display: block;
    width: 100%;
    position: relative;
    background-color: transparent;
    border: none;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
    cursor: pointer;
    margin: 1.5rem 0 0;
    padding: 0 2rem 0 0;
    outline: none
}

@media(min-width:768px) {
    .kocho-accordion__item__button {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

.kocho-accordion__item__button:focus, .kocho-accordion__item__button:hover, .kocho-accordion__item__button[aria-expanded=true] {
    color: #00ec00
}

.kocho-accordion__item__button:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - .6125rem);
    height: 1.25rem;
    width: 1.25rem;
    background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/plus-white.svg);
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: transform .2s ease-in-out;
    transform: rotate(0)
}

.kocho-accordion__item__button:focus:after, .kocho-accordion__item__button:hover:after, .kocho-accordion__item__button[aria-expanded=true]:after {
    background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/plus-lime.svg)
}

.kocho-accordion__item__button[aria-expanded=true]:after {
    transform: rotate(22.5deg)
}

.kocho-accordion__item__button.title--bold:focus, .kocho-accordion__item__button.title--bold:hover, .kocho-accordion__item__button.title--bold[aria-expanded=true] {
    color: #061619;
    text-shadow: #00ec00 1px 0 10px
}

    .kocho-accordion__item__button.title--bold:focus:after, .kocho-accordion__item__button.title--bold:hover:after, .kocho-accordion__item__button.title--bold[aria-expanded=true]:after {
        background-image: url(/app/themes/sage/resources/assets/images/icons/1-colour/plus-ebony.svg)
    }

.kocho-accordion__item__content {
    color: #061619;
    transition: max-height .3s ease-in-out;
    overflow: hidden
}

.kocho-accordion__item__content--closed {
    max-height: 0 !important
}

.kocho-accordion__item__content * {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #061619
}

@media(min-width:768px) {
    .kocho-accordion__item__content * {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-accordion__item__content > :first-child {
    margin-top: 1.5rem
}

.kocho-accordion__item__content .kocho-centred-narrow-content__copy > div, .kocho-accordion__item__content .kocho-narrow-content__copy > div, .kocho-accordion__item__content p {
    margin: .5rem 0 1rem
}

    .kocho-accordion__item__content .kocho-centred-narrow-content__copy > div > *, .kocho-accordion__item__content .kocho-narrow-content__copy > div > *, .kocho-accordion__item__content p > * {
        color: inherit
    }

    .kocho-accordion__item__content .kocho-centred-narrow-content__copy > div strong, .kocho-accordion__item__content .kocho-narrow-content__copy > div strong, .kocho-accordion__item__content p strong {
        font-weight: 700
    }

.kocho-accordion__item__content ul {
    list-style: none;
    padding: 0;
    cursor: text
}

    .kocho-accordion__item__content ul li {
        display: flex;
        align-items: center;
        overflow: hidden;
        position: relative;
        padding-left: 2rem;
        margin-top: .25rem;
        margin-bottom: 1rem !important
    }

        .kocho-accordion__item__content ul li:hover, .kocho-accordion__item__content ul li:hover a {
            color: #f4ff00
        }

        .kocho-accordion__item__content ul li:before {
            content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
            position: absolute;
            left: 0;
            top: .2rem
        }

.kocho-accordion__item__content a {
    text-decoration: underline
}

    .kocho-accordion__item__content a:hover {
        text-decoration: none
    }

.kocho-accordion__item__content.text--dark ul li:hover a {
    color: #061619
}

.kocho-accordion__item__content.text--dark ul li strong {
    font-weight: 700
}

.kocho-accordion__item__content.text--white, .kocho-accordion__item__content.text--white * {
    color: #fff
}

    .kocho-accordion__item__content.text--white ul li {
        display: flex;
        align-items: center;
        overflow: hidden;
        position: relative;
        margin-top: .25rem;
        margin-bottom: 1rem !important;
        padding-left: 0
    }

        .kocho-accordion__item__content.text--white ul li:hover, .kocho-accordion__item__content.text--white ul li:hover a {
            color: #f4ff00
        }

        .kocho-accordion__item__content.text--white ul li:before {
            display: none
        }

        .kocho-accordion__item__content.text--white ul li:after {
            align-self: flex-start;
            order: -1;
            margin-right: 1rem;
            display: block;
            content: "";
            min-height: 1.5rem;
            height: 1.5rem;
            min-width: 1rem;
            width: 1rem;
            background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-small-white.svg);
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: 50%;
            transition: all .2s ease-in-out
        }

        .kocho-accordion__item__content.text--white ul li:hover:after {
            margin-left: -1rem;
            background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-smallmedium-lemon.svg);
            min-height: 1.5rem;
            height: 1.5rem;
            min-width: 3.5rem;
            width: 3.5rem;
            transition: all .2s ease-in-out
        }

#accordion .pattern-library__example {
    background-color: #061619;
    max-width: 35rem
}

.kocho-awards-logos {
    display: flex;
    flex-direction: row;
    align-items: center
}

.kocho-awards-logos__carousel-container {
    overflow: hidden
}

@media(min-width:768px) {
    .kocho-awards-logos__carousel-container {
        display: flex;
        margin: 0 2rem
    }
}

@media(min-width:1200px) {
    .kocho-awards-logos__carousel-container {
        display: flex;
        margin: 0 1rem
    }
}

@media(min-width:768px) {
    .kocho-awards-logos .kocho-awards-logos__logos {
        display: flex
    }
}

.kocho-awards-logos__logos {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem,7vw,6rem);
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 3rem;
    width: 100%
}

.kocho-awards-logos__logo {
    flex: 0 0 100%;
    margin: 0 4rem 0 0;
    position: relative
}

@media(min-width:576px) {
    .kocho-awards-logos__logo {
        flex: 0 0 50%
    }
}

@media(min-width:768px) {
    .kocho-awards-logos__logo {
        flex: 0 0 20%
    }
}

.kocho-awards-logos__track {
    display: flex;
    margin: 0;
    flex-direction: row;
    flex-wrap: nowrap
}

.kocho-awards-logos__static {
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(2rem,7vw,6rem);
    margin-bottom: 2.5rem
}

    .kocho-awards-logos__static .kocho-image img {
        height: 6rem;
        width: auto
    }

@media(min-width:992px) {
    .kocho-awards-logos__static .kocho-image img {
        min-height: 3rem;
        max-height: 6rem
    }
}

.kocho-awards-logos__tickertape {
    overflow: hidden;
    margin-bottom: 2.5rem
}

@media(min-width:992px) {
    .kocho-awards-logos__tickertape .kocho-awards-logos__container .kocho-awards-logos__container {
        overflow: hidden;
        margin: 0 4rem;
        padding: 0
    }
}

.kocho-awards-logos__tickertape--track {
    display: flex;
    margin: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0 clamp(2rem,7vw,6rem)
}

.kocho-awards-logos__tickertape--logo {
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

    .kocho-awards-logos__tickertape--logo .kocho-image__img {
        width: auto;
        height: auto;
        max-height: 6rem;
        object-fit: contain
    }

.kocho-awards-logos .kocho-carousel__next, .kocho-awards-logos .kocho-carousel__prev {
    z-index: 2;
    min-width: 3rem;
    gap: clamp(2rem,7vw,6rem);
    flex-wrap: wrap;
    justify-content: center
}

.kocho-awards-logos__logo {
    height: 6rem
}

@media(max-width:calc(375px - 1px)) {
    .kocho-awards-logos__logo {
        max-height: 4rem
    }
}

@media(min-width:576px) {
    .kocho-awards-logos__logo {
        max-width: fit-content;
        max-height: 6rem
    }
}

.kocho-awards-logos__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.overlay {
    position: absolute;
    z-index: -1;
    height: 100%
}

@media(min-width:576px) {
    .overlay {
        height: 150%
    }
}

@media(min-width:768px) {
    .overlay {
        height: 180%
    }
}

@media(min-width:992px) {
    .overlay {
        height: 200%
    }
}

.overlay--top_left {
    top: -10%;
    left: -10%
}

.overlay--bottom_left {
    bottom: -10%;
    left: -10%
}

.overlay--top_right {
    top: -10%;
    right: -10%
}

.overlay--bottom_right {
    bottom: -10%;
    right: -10%
}

.overlay--center {
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.overlay--narrow_bottom_right {
    top: 0;
    right: 0;
    width: 70%
}

    .overlay--narrow_bottom_right img {
        object-position: 57% 55%;
        transform: scale(5);
        object-fit: scale-down
    }

@media(min-width:1200px) {
    .overlay--narrow_bottom_right {
        width: 65%
    }
}

.overlay--narrow_center_right {
    top: 0;
    right: 0;
    width: 70%
}

    .overlay--narrow_center_right img {
        object-position: 57% 50%;
        transform: scale(5);
        object-fit: scale-down
    }

@media(min-width:1200px) {
    .overlay--narrow_center_right {
        width: 65%
    }
}

.overlay--narrow_top_right {
    top: 0;
    right: 0;
    width: 70%
}

    .overlay--narrow_top_right img {
        transform: scale(5);
        object-fit: scale-down
    }

@media(min-width:1200px) {
    .overlay--narrow_top_right {
        width: 65%
    }
}

.overlay--narrow_top_right img {
    object-position: 57% 45%
}

.kocho-badge-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

@media(min-width:768px) {
    .kocho-badge-group {
        gap: 1rem
    }
}

.kocho-badge-group--stacked {
    flex-direction: column
}

.kocho-badge-group__badge {
    flex: 0 0 100%;
    display: flex
}

@supports(-webkit-touch-callout:none) and (not (translate:none)) {
    .kocho-badge-group__badge:not(:last-child) {
        margin-bottom: 1.5rem
    }

    @media(min-width:768px) {
        .kocho-badge-group__badge:not(:last-child) {
            margin-bottom: 0
        }
    }
}

.kocho-badge-group__badge:focus-within, .kocho-badge-group__badge:hover {
    z-index: 1
}

@media(min-width:768px) {
    .kocho-badge-group__badge {
        flex: 0 0 calc((100% - 1.5rem)/2)
    }
}

@media(min-width:992px) {
    .kocho-badge-group--3 .kocho-badge-group__badge {
        flex: 0 0 calc((100% - 2rem)/3)
    }
}

@media(min-width:992px) {
    .kocho-badge-group--4 .kocho-badge-group__badge {
        flex: 0 0 calc((100% - 3rem)/4)
    }
}

.kocho-badge {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    position: relative;
    width: 100%;
    padding: 2rem 1rem;
    border-radius: .5rem;
    transition: .2s
}

.kocho-badge--ebony, .kocho-badge--ebony-highlight:focus, .kocho-badge--ebony-highlight:focus-within, .kocho-badge--ebony-highlight:hover {
    background: #061619;
    color: #fff
}

.kocho-badge--lime, .kocho-badge--lime-highlight:focus, .kocho-badge--lime-highlight:focus-within, .kocho-badge--lime-highlight:hover {
    background: #00ec00;
    color: #061619
}

.kocho-badge--lemon, .kocho-badge--lemon-highlight:focus, .kocho-badge--lemon-highlight:focus-within, .kocho-badge--lemon-highlight:hover {
    background: #f4ff00;
    color: #061619
}

.kocho-badge--oatmeal, .kocho-badge--oatmeal-highlight:focus, .kocho-badge--oatmeal-highlight:focus-within, .kocho-badge--oatmeal-highlight:hover {
    background: #ebe9e2;
    color: #061619
}

.kocho-badge--white, .kocho-badge--white-highlight:focus, .kocho-badge--white-highlight:focus-within, .kocho-badge--white-highlight:hover {
    background: #fff;
    color: #061619
}

.kocho-badge__icon {
    height: 3.875rem;
    width: 3.875rem;
    margin-bottom: 1.5rem
}

    .kocho-badge__icon img {
        object-fit: contain
    }

.kocho-badge__title {
    color: inherit;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    font-weight: 500;
    font-family: mokoko,Georgia,serif
}

@media(min-width:768px) {
    .kocho-badge__title {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

.kocho-badge__copy {
    margin-top: 1rem
}

    .kocho-badge__copy, .kocho-badge__copy *, .kocho-badge__footer, .kocho-badge__footer * {
        color: inherit;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-family: SpaceGrotesk,Arial,sans-serif
    }

.kocho-badge__footer {
    font-size: 1.125rem;
    margin-top: auto;
    padding-top: 1rem
}

.kocho-badge--ebony-highlight:focus-within .kocho-badge__footer:before, .kocho-badge--ebony-highlight:focus .kocho-badge__footer:before, .kocho-badge--ebony-highlight:hover .kocho-badge__footer:before, .kocho-badge--ebony .kocho-badge__footer:before {
    background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-small-white.svg)
}

.kocho-badge--lime-highlight:focus-within .kocho-badge__footer:before, .kocho-badge--lime-highlight:focus .kocho-badge__footer:before, .kocho-badge--lime-highlight:hover .kocho-badge__footer:before, .kocho-badge--lime .kocho-badge__footer:before {
    background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-small-ebony.svg)
}

.kocho-badge--lemon-highlight:focus-within .kocho-badge__footer:before, .kocho-badge--lemon-highlight:focus .kocho-badge__footer:before, .kocho-badge--lemon-highlight:hover .kocho-badge__footer:before, .kocho-badge--lemon .kocho-badge__footer:before {
    background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-small-ebony.svg)
}

.kocho-badge--oatmeal-highlight:focus-within .kocho-badge__footer:before, .kocho-badge--oatmeal-highlight:focus .kocho-badge__footer:before, .kocho-badge--oatmeal-highlight:hover .kocho-badge__footer:before, .kocho-badge--oatmeal .kocho-badge__footer:before {
    background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-small-ebony.svg)
}

.kocho-badge--white-highlight:focus-within .kocho-badge__footer:before, .kocho-badge--white-highlight:focus .kocho-badge__footer:before, .kocho-badge--white-highlight:hover .kocho-badge__footer:before, .kocho-badge--white .kocho-badge__footer:before {
    background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-small-ebony.svg)
}

.kocho-badge__footer:before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.kocho-badge__cta {
    font-size: inherit
}

.kocho-badge:hover .kocho-badge__cta {
    text-decoration: underline
}

.kocho-badge__reveal {
    transition: .2s;
    margin-top: auto;
    overflow: hidden
}

@media only screen and (pointer:fine) {
    .kocho-badge__reveal {
        height: 0
    }
}

.kocho-badge:focus .kocho-badge__reveal, .kocho-badge:hover .kocho-badge__reveal {
    height: 2.5rem
}

.kocho-block-tag {
    display: flex;
    align-items: center
}

.kocho-block-tag__icon {
    height: 2.5rem;
    width: 2.5rem
}

.kocho-block-tag__text, .kocho-hero__published-date {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem
}

@media(min-width:768px) {
    .kocho-block-tag__text, .kocho-hero__published-date {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-block-tag__text--yellow {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem;
    color: #f4ff00 !important
}

@media(min-width:768px) {
    .kocho-block-tag__text--yellow {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-block-tag__icon + .kocho-block-tag__text, .kocho-block-tag__icon + .kocho-hero__published-date {
    transform: translateX(-1.25rem)
}

#block-tag.pattern-library__section .pattern-library__example .kocho-block-tag {
    margin-left: 1rem
}

#block-tag.pattern-library__section .pattern-library__example .kocho-block-tag__text--yellow {
    background: #061619;
    padding: 1rem
}

.kocho-bullet-list {
    width: 100%
}

    .kocho-bullet-list ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .kocho-bullet-list ul li {
            display: flex;
            align-items: baseline
        }

.kocho-bullet-list__li-text {
    margin: 1rem 0;
    margin-left: 1.875rem
}

.kocho-bullet-list__container {
    padding: 2rem 5rem
}

    .kocho-bullet-list__container .kocho-bullet-list__arrow {
        fill: #f4ff00
    }

.kocho-bullet-list__container--bg-lemon {
    background-color: #f4ff00
}

.kocho-bullet-list__container--bg-lime {
    background-color: #00ec00
}

.kocho-bullet-list__container--bg-ebony {
    background-color: #061619
}

.kocho-bullet-list__container--bg-oatmeal {
    background-color: #ebe9e2
}

.kocho-bullet-list__container--bg-white {
    background-color: #fff
}

.kocho-bullet-list__container--text-lemon, .kocho-bullet-list__container--title-lemon {
    color: #f4ff00
}

.kocho-bullet-list__container--text-lime, .kocho-bullet-list__container--title-lime {
    color: #00ec00
}

.kocho-bullet-list__container--text-ebony, .kocho-bullet-list__container--title-ebony {
    color: #061619
}

.kocho-bullet-list__container--text-oatmeal, .kocho-bullet-list__container--title-oatmeal {
    color: #ebe9e2
}

.kocho-bullet-list__container--text-white, .kocho-bullet-list__container--title-white {
    color: #fff
}

.kocho-card {
    color: #061619
}

.kocho-card--row {
    flex-direction: column-reverse
}

@media(min-width:1200px) {
    .kocho-card--row {
        flex-direction: row
    }
}

@media(min-width:1200px) {
    .kocho-card--row .kocho-card__content, .kocho-card--row .kocho-card__header {
        width: 50%
    }
}

@media(min-width:1200px) {
    .kocho-card--row .kocho-card__header {
        width: calc(50% + 1.6rem)
    }
}

@media(min-width:1200px) {
    .kocho-card--row .kocho-card__content {
        padding: .8rem 1.6rem
    }
}

.kocho-card--hover-pop {
    transition: transform .2s ease-in-out;
    transform: translateY(0)
}

@media(min-width:992px) {
    .kocho-card--hover-pop:focus, .kocho-card--hover-pop:hover {
        transform: translateY(-1rem)
    }
}

.kocho-card:focus, .kocho-card:hover {
    outline-color: #061619
}

.kocho-card__header {
    position: relative
}

.kocho-card__title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    font-family: mokoko,Georgia,serif;
    font-weight: 500;
    line-height: 1.5rem !important;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    padding: 0 1.2rem
}

@media(min-width:768px) {
    .kocho-card__title {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-card__title--no-image {
    margin-top: 4rem
}

.kocho-card--row .kocho-card__title {
    padding-left: 0;
    padding-right: 0
}

.kocho-card__text {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin: 1rem 0 2rem
}

@media(min-width:768px) {
    .kocho-card__text {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-card__header-tags {
    position: absolute;
    top: .8rem;
    left: .8rem;
    margin: 0
}

.kocho-card__tags {
    margin: 2rem 0 1rem
}

.kocho-card__image > img {
    object-position: top left;
    object-fit: cover;
    aspect-ratio: 16/9;
    max-height: 10rem
}

@media(min-width:1200px) {
    .kocho-card--row .kocho-card__image > img {
        max-height: 100%
    }
}

.kocho-card__content {
    padding: 0 1.2rem .8rem
}

.kocho-card__meta {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 300;
    margin-top: 2rem;
    margin-right: 3rem
}

@media(min-width:768px) {
    .kocho-card__meta {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-card__meta:first-child {
    margin-top: 4rem
}

.kocho-card__meta-video {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

    .kocho-card__meta-video img {
        margin-top: 1rem;
        margin-right: .5rem
    }

#card.pattern-library__section .pattern-library__example .kocho-card {
    max-width: 20rem
}

@media(min-width:1200px) {
    #card.pattern-library__section .pattern-library__example .kocho-card--row {
        max-width: 60rem
    }
}

.kocho-button, .kocho-hubspot-form--dark .hs-submit--green-button .hs-submit input[type=submit], .kocho-hubspot-form .hs-submit input[type=submit], .kocho-hubspot-form .hs-submit input[type=button] {
    padding: 1rem 1.5rem;
    text-decoration: none;
    transition: padding .3s ease-in-out
}

.kocho-button__container, .kocho-hubspot-form .hs-submit {
    min-width: fit-content;
    max-width: fit-content;
    margin: auto;
    font-family: SpaceGrotesk,Arial,sans-serif;
    white-space: nowrap;
    padding: 0
}

    .kocho-button:disabled, .kocho-hubspot-form--dark .hs-submit--green-button .hs-submit input:disabled[type=submit], .kocho-hubspot-form .hs-submit input:disabled[type=submit] {
        opacity: .6
    }

.kocho-button__icon-filter {
    margin-right: .5rem
}

.kocho-button__icon-chevron {
    height: 1rem;
    width: 1rem;
    margin: 0 0 0 2rem;
    position: absolute;
    left: -2px;
    transition: margin .3s ease-in-out
}

.kocho-button__icon-arrow-line {
    position: absolute;
    left: 0;
    display: block;
    height: .125rem;
    width: 1.5rem;
    margin-left: 1rem;
    transition: width .3s ease-in-out;
    border-bottom: .125rem solid
}

    .kocho-button__icon-arrow-line.kocho-button__icon-arrow-ebony, .kocho-button__icon-arrow-line .kocho-button__icon-arrow-ebony {
        border-color: #061619
    }

    .kocho-button__icon-arrow-line.kocho-button__icon-arrow-white, .kocho-button__icon-arrow-line .kocho-button__icon-arrow-white {
        border-color: #fff
    }

    .kocho-button__icon-arrow-line.kocho-button__icon-arrow-yellow, .kocho-button__icon-arrow-line .kocho-button__icon-arrow-yellow {
        border-color: #f4ff00
    }

.kocho-button__lemon, .kocho-button__primary-ebony, .kocho-button__primary-green, .kocho-button__secondary, .kocho-hubspot-form--dark .hs-submit input[type=submit], .kocho-hubspot-form--lemon .hs-submit input[type=submit], .kocho-hubspot-form .hs-submit input[type=submit], .kocho-hubspot-form--dark .hs-submit input[type=button], .kocho-hubspot-form--lemon .hs-submit input[type=button], .kocho-hubspot-form .hs-submit input[type=button] {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    transition: width .3s ease-in-out
}

    .kocho-button__lemon .kocho-button__text, .kocho-button__primary-ebony .kocho-button__text, .kocho-button__primary-green .kocho-button__text, .kocho-button__secondary .kocho-button__text, .kocho-hubspot-form--dark .hs-submit input[type=submit] .kocho-button__text, .kocho-hubspot-form--lemon .hs-submit input[type=submit] .kocho-button__text, .kocho-hubspot-form .hs-submit input[type=submit] .kocho-button__text {
        margin-left: 1.5rem;
        transition: .3s ease-in-out
    }

    .kocho-button__lemon:hover, .kocho-button__primary-ebony:hover, .kocho-button__primary-green:hover, .kocho-button__secondary:hover, .kocho-hubspot-form--dark .hs-submit input:hover[type=submit], .kocho-hubspot-form--lemon .hs-submit input:hover[type=submit], .kocho-hubspot-form .hs-submit input:hover[type=submit], .kocho-hubspot-form--lemon .hs-submit input:hover[type=button], .kocho-hubspot-form .hs-submit input:hover[type=button] {
        width: calc(100% + 1rem);
        transition: width .3s ease-in-out
    }

        .kocho-button__lemon:hover .kocho-button__icon-arrow-line, .kocho-button__primary-ebony:hover .kocho-button__icon-arrow-line, .kocho-button__primary-green:hover .kocho-button__icon-arrow-line, .kocho-button__secondary:hover .kocho-button__icon-arrow-line, .kocho-hubspot-form--dark .hs-submit input:hover[type=submit] .kocho-button__icon-arrow-line, .kocho-hubspot-form--lemon .hs-submit input:hover[type=submit] .kocho-button__icon-arrow-line, .kocho-hubspot-form .hs-submit input:hover[type=submit] .kocho-button__icon-arrow-line,
        , .kocho-hubspot-form--dark .hs-submit input:hover[type=button] .kocho-button__icon-arrow-line, .kocho-hubspot-form--lemon .hs-submit input:hover[type=button] .kocho-button__icon-arrow-line, .kocho-hubspot-form .hs-submit input:hover[type=button] .kocho-button__icon-arrow-line {
            width: 3rem;
            transition: width .3s ease-in-out
        }

        .kocho-button__lemon:hover .kocho-button__icon-chevron, .kocho-button__primary-ebony:hover .kocho-button__icon-chevron, .kocho-button__primary-green:hover .kocho-button__icon-chevron, .kocho-button__secondary:hover .kocho-button__icon-chevron, .kocho-hubspot-form--dark .hs-submit input:hover[type=submit] .kocho-button__icon-chevron, .kocho-hubspot-form--lemon .hs-submit input:hover[type=submit] .kocho-button__icon-chevron, .kocho-hubspot-form .hs-submit input:hover[type=submit] .kocho-button__icon-chevron,
        .kocho-hubspot-form--dark .hs-submit input:hover[type=button] .kocho-button__icon-chevron, .kocho-hubspot-form--lemon .hs-submit input:hover[type=button] .kocho-button__icon-chevron, .kocho-hubspot-form .hs-submit input:hover[type=button] .kocho-button__icon-chevron {
            margin-left: 3.5rem
        }

        .kocho-button__lemon:hover .kocho-button__text, .kocho-button__primary-ebony:hover .kocho-button__text, .kocho-button__primary-green:hover .kocho-button__text, .kocho-button__secondary:hover .kocho-button__text, .kocho-hubspot-form--dark .hs-submit input:hover[type=submit] .kocho-button__text, .kocho-hubspot-form--lemon .hs-submit input:hover[type=submit] .kocho-button__text, .kocho-hubspot-form .hs-submit input:hover[type=submit] .kocho-button__text,
        .kocho-hubspot-form--dark .hs-submit input:hover[type=button] .kocho-button__text, .kocho-hubspot-form--lemon .hs-submit input:hover[type=button] .kocho-button__text, .kocho-hubspot-form .hs-submit input:hover[type=button] .kocho-button__text {
            transform: translateX(1.5rem);
            transition: .3s ease-in-out
        }

.kocho-button__lemon__text, .kocho-button__primary-ebony__text, .kocho-button__primary-green__text, .kocho-button__secondary__text {
    margin-left: 3rem;
    transition: margin-left .3s ease-in-out
}

.kocho-button__fab-downarrow, .kocho-button__fab-filter, .kocho-button__fab-rightarrow, .kocho-button__fab-tick, .kocho-button__fab-video {
    border-radius: 10rem !important;
    font-family: mokoko,Georgia,serif;
    display: flex;
    align-items: center
}

    .kocho-button__fab-downarrow img, .kocho-button__fab-filter img, .kocho-button__fab-rightarrow img, .kocho-button__fab-tick img, .kocho-button__fab-video img {
        padding-right: .5rem
    }

    .kocho-button__fab-downarrow:hover, .kocho-button__fab-filter:hover, .kocho-button__fab-rightarrow:hover, .kocho-button__fab-tick:hover, .kocho-button__fab-video:hover {
        padding: 1rem 2.5rem;
        transition: padding .3s ease-in-out
    }

    .kocho-button__fab-tick img {
        width: 2rem
    }

.kocho-button__primary-green, .kocho-hubspot-form--dark .hs-submit input[type=submit], .kocho-hubspot-form .hs-submit input[type=submit], .kocho-hubspot-form--dark .hs-submit input[type=button], .kocho-hubspot-form .hs-submit input[type=button] {
    background-color: #00ec00;
    border: 1px solid #00ec00;
    border-radius: .5rem;
    color: #061619 !important;
    cursor: pointer;
    text-transform: uppercase
}

    .kocho-button__primary-green *, .kocho-hubspot-form--dark .hs-submit input[type=submit] *, .kocho-hubspot-form .hs-submit input[type=submit] *,
    .kocho-hubspot-form--dark .hs-submit input[type=button] *, .kocho-hubspot-form .hs-submit input[type=button] * {
        color: inherit !important
    }

    .kocho-button__primary-green:focus, .kocho-hubspot-form--dark .hs-submit input:focus[type=submit], .kocho-hubspot-form .hs-submit input:focus[type=submit], 
    .kocho-hubspot-form--dark .hs-submit input:focus[type=button], .kocho-hubspot-form .hs-submit input:focus[type=button] {
        outline: none;
        box-shadow: 0 0 1rem 0 rgba(0,236,0,.4)
    }

    .kocho-button__primary-green:active, .kocho-hubspot-form--dark .hs-submit input:active[type=submit], .kocho-hubspot-form .hs-submit input:active[type=submit],
    .kocho-hubspot-form--dark .hs-submit input:active[type=button], .kocho-hubspot-form .hs-submit input:active[type=button] {
        background-color: #00b900;
        border-color: #00b900
    }

.kocho-button__primary-ebony {
    background-color: #061619;
    border: 1px solid #061619;
    border-radius: .5rem;
    color: #fff !important;
    cursor: pointer;
    text-transform: uppercase
}

    .kocho-button__primary-ebony * {
        color: inherit !important
    }

    .kocho-button__primary-ebony:focus {
        outline: none;
        box-shadow: 0 0 1rem 0 rgba(6,22,25,.4)
    }

    .kocho-button__primary-ebony:active {
        background-color: #000;
        border-color: #000
    }

.kocho-button__lemon {
    background-color: #f4ff00;
    border: 1px solid #061619;
    border-radius: .5rem;
    color: #061619 !important;
    cursor: pointer;
    text-transform: uppercase
}

    .kocho-button__lemon * {
        color: inherit !important
    }

    .kocho-button__lemon:focus {
        outline: none;
        box-shadow: 0 0 1rem 0 rgba(6,22,25,.4)
    }

    .kocho-button__lemon:active {
        background-color: #c3cc00;
        border-color: #c3cc00
    }

.kocho-button__secondary, .kocho-hubspot-form--lemon .hs-submit input[type=submit], .kocho-hubspot-form--lemon .hs-submit input[type=button] {
    background-color: transparent;
    border: 1px solid #f4ff00;
    border-radius: .5rem;
    color: #f4ff00 !important;
    cursor: pointer;
    text-transform: capitalize
}

    .kocho-button__secondary *, .kocho-hubspot-form--lemon .hs-submit input[type=submit] *, .kocho-hubspot-form--lemon .hs-submit input[type=button] * {
        color: inherit !important
    }

    .kocho-button__secondary:focus, .kocho-hubspot-form--lemon .hs-submit input:focus[type=submit], .kocho-hubspot-form--lemon .hs-submit input:focus[type=button] {
        outline: none;
        box-shadow: 0 0 1rem 0 rgba(244,255,0,.4)
    }

    .kocho-button__secondary:active, .kocho-hubspot-form--lemon .hs-submit input:active[type=submit], .kocho-hubspot-form--lemon .hs-submit input:active[type=button] {
        background-color: transparent;
        border-color: transparent
    }

.kocho-button__fab-filter, .kocho-button__fab-tick {
    background-color: #f4ff00;
    border: 1px solid #f4ff00;
    border-radius: 1.5625rem;
    color: #061619 !important;
    cursor: pointer;
    text-transform: capitalize
}

    .kocho-button__fab-filter *, .kocho-button__fab-tick * {
        color: inherit !important
    }

    .kocho-button__fab-filter:focus, .kocho-button__fab-tick:focus {
        outline: none;
        box-shadow: 0 0 1rem 0 rgba(244,255,0,.4)
    }

    .kocho-button__fab-filter:active, .kocho-button__fab-tick:active {
        background-color: #c3cc00;
        border-color: #c3cc00
    }

.kocho-button__fab-downarrow, .kocho-button__fab-rightarrow, .kocho-button__fab-video {
    background-color: #00ec00;
    border: 1px solid #00ec00;
    border-radius: 1.5625rem;
    color: #061619 !important;
    cursor: pointer;
    text-transform: capitalize;
    max-height: 3.3125rem;
    min-height: 3.3125rem;
    padding-top: 0;
    padding-bottom: 0
}

    .kocho-button__fab-downarrow *, .kocho-button__fab-rightarrow *, .kocho-button__fab-video * {
        color: inherit !important
    }

    .kocho-button__fab-downarrow:focus, .kocho-button__fab-rightarrow:focus, .kocho-button__fab-video:focus {
        outline: none;
        box-shadow: 0 0 1rem 0 rgba(0,236,0,.4)
    }

    .kocho-button__fab-downarrow:active, .kocho-button__fab-rightarrow:active, .kocho-button__fab-video:active {
        background-color: #00b900;
        border-color: #00b900
    }

    .kocho-button__fab-rightarrow img {
        transform: rotate(-90deg);
        padding: 0;
        margin: 0;
        margin-right: .5rem
    }

.kocho-event-card-item {
    display: flex;
    flex-direction: row;
    min-height: 6rem
}

@media(min-width:992px) {
    .kocho-event-card-item {
        flex-direction: column
    }
}

.kocho-event-card-item__icon, .kocho-event-card-item__icon-bg {
    background-color: #f4ff00;
    border-radius: 50%;
    min-height: 2.5rem;
    max-height: 2.5rem;
    min-width: 2.5rem;
    max-width: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    margin-right: 2rem
}

.kocho-event-card-item__icon--ebony, .kocho-event-card-item__icon-bg--ebony {
    border: .5px solid #061619
}

.kocho-event-card-item__icon-img {
    padding: .33rem;
    height: 2rem;
    width: 2rem
}

.kocho-event-card-item__content {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-event-card-item__content {
        flex-direction: column
    }
}

.kocho-event-card-item__content--stacked {
    flex-direction: row;
    margin-bottom: 2rem
}

    .kocho-event-card-item__content--stacked .kocho-event-card-item__item:nth-child(2) {
        display: inline-block;
        margin-bottom: 1rem
    }

@media(min-width:992px) {
    .kocho-event-card-item__content--stacked {
        flex-direction: row
    }
}

.kocho-event-card-item__title {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem;
    color: #f4ff00;
    margin-bottom: .5rem
}

@media(min-width:768px) {
    .kocho-event-card-item__title {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-event-card-item__title--lemon-bg {
    margin-top: -.25rem;
    color: #061619
}

.kocho-event-card-item__info {
    margin: 0;
    list-style: none;
    padding: 0
}

    .kocho-event-card-item__info .kocho-event-card-item__custom * {
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        color: inherit;
        margin-bottom: 0
    }

@media(min-width:768px) {
    .kocho-event-card-item__info .kocho-event-card-item__custom * {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-event-card-item__item {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: inherit
}

@media(min-width:768px) {
    .kocho-event-card-item__item {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-event-card-item__item a {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: inherit
}

@media(min-width:768px) {
    .kocho-event-card-item__item a {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-event-card-item__availability, .kocho-event-card-item__location {
    margin-bottom: 0
}

.kocho-event-card-item__link {
    display: flex;
    align-items: center
}

.kocho-event-card-item__link-icon {
    transform: rotate(90deg);
    margin-right: .25rem
}

.kocho-event-card-item__link a:hover {
    text-decoration: none !important
}

.kocho-event-card-item__map-link {
    margin-top: .25rem
}

.kocho-event-card {
    padding: 2rem;
    padding-bottom: 0;
    border-radius: .5rem;
    background-color: #030d0f;
    display: grid;
    grid-auto-flow: row;
    z-index: 1;
    color: #fff
}

.kocho-event-card--stacked {
    display: block;
    padding: 0
}

.kocho-event-card--lemon {
    background-color: #f4ff00;
    color: #061619
}

@media(min-width:768px) {
    .kocho-event-card {
        grid-auto-flow: column;
        width: max-content;
        gap: 2.5rem
    }

    .kocho-event-card--stacked {
        width: 100%;
        gap: 0
    }
}

.kocho-event-card .kocho-image img {
    object-fit: contain;
    padding: .5rem
}

.kocho-form-card {
    display: flex;
    flex-direction: column;
    /*border-radius:.5rem;*/
}

    .kocho-form-card :not(.kocho-form-card__title):not(.hs-input) {
        font-family: SpaceGrotesk,Arial,sans-serif
    }

@media(min-width:768px) {
    .kocho-form-card__image {
        display: none
    }
}

@media(min-width:992px) {
    .kocho-form-card__image {
        display: block
    }
}

.kocho-form-card__noImage {
    padding: 2rem;
    /*border-radius: .5rem*/
}

.kocho-form-card__hasImage picture {
    padding-bottom: 1rem
}

    .kocho-form-card__hasImage picture img {
        object-fit: contain
    }

.kocho-form-card__hasImage .kocho-form-card__label, .kocho-form-card__hasImage .kocho-form-card__text, .kocho-form-card__hasImage .kocho-form-card__title, .kocho-form-card__hasImage .kocho-hubspot-form {
    padding: 0 2rem
}

.kocho-form-card__hasImage .kocho-form-card__label {
    padding-bottom: 1rem;
    margin-top: 1rem
}

@media(min-width:768px) {
    .kocho-form-card__hasImage .kocho-form-card__label {
        margin-top: 2rem
    }
}

@media(min-width:992px) {
    .kocho-form-card__hasImage .kocho-form-card__label {
        margin-top: 1rem
    }
}

.kocho-form-card__hasImage .kocho-hubspot-form {
    padding-bottom: 2rem
}

.kocho-form-card{
    background: #f4ff00;
    padding:16px;
}

.kocho-form-card__bg-dark {
    background: #061619;
    color: #fff
}

    .kocho-form-card__bg-dark .kocho-form-card__label {
        color: #f4ff00
    }

    .kocho-form-card__bg-dark .kocho-hubspot-form {
        color: #fff
    }

.kocho-form-card__label {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem;
    padding-bottom: 1rem
}

@media(min-width:768px) {
    .kocho-form-card__label {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-form-card__text, .kocho-form-card__title {
    margin-bottom: 1rem
}

.kocho-form-card .kocho-hubspot-form .hs-submit .actions input:not([type=submit]), .kocho-form-card .kocho-hubspot-form .hs-submit .actions input:not([type=button]) {
    color: #fff !important;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    transition: all .3s ease-in-out;
    margin-left: 0
}

    .kocho-hubspot-form .hs-submit .actions input:not([type=submit]):active, .kocho-form-card .kocho-hubspot-form .hs-submit .actions input:not([type=submit]):hover, .kocho-hubspot-form .hs-submit .actions input:not([type=button]):active, .kocho-form-card .kocho-hubspot-form .hs-submit .actions input:not([type=button]):hover {
        padding-right: 1rem
    }

#form-card.pattern-library__section .kocho-form-card {
    width: 25rem
}

.kocho-hero {
    position: relative;
    padding-top: 8rem;
    overflow: hidden
}

@media(min-width:992px) {
    .kocho-hero {
        padding-top: 14rem
    }
}

.kocho-hero .kocho-indented-text-with-cta__title {
    margin-bottom: 0
}

.kocho-hero__container {
    background: 0 0;
    display: flex;
    flex-direction: column
}

@media(min-width:992px) {
    .kocho-hero__container {
        flex-direction: row
    }
}

@media(min-width:768px) {
    .kocho-hero__container--video {
        flex-direction: column
    }
}

@media(min-width:1200px) {
    .kocho-hero__container--video {
        flex-direction: row
    }
}

@media(min-width:768px) {
    .kocho-hero__container--event, .kocho-hero__container--search {
        flex-direction: column
    }
}

.kocho-hero__container--search .kocho-indented-text-with-cta__title {
    color: #fff;
    margin-bottom: 2rem
}

.kocho-hero__container--search .kocho-indented-text-with-cta__title-large {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-hero__container--search .kocho-indented-text-with-cta__title-large {
        font-size: 2.8125rem;
        line-height: 3.4375rem
    }
}

.kocho-hero__container--search .kocho-indented-text-with-cta__title-normal {
    margin-bottom: 2rem
}

.kocho-hero__container--search .kocho-hero__text-content {
    margin-bottom: 3rem
}

@media(min-width:768px) {
    .kocho-hero__container--search .kocho-hero__text-content {
        width: 66%
    }
}

@media(min-width:768px) {
    .kocho-hero__container--search .kocho-search-form {
        width: 88%
    }
}

.kocho-hero__container .kocho-landscape-card, .kocho-hero__container .kocho-landscape-card-dark {
    display: none
}

@media(min-width:992px) {
    .kocho-hero__container .kocho-landscape-card, .kocho-hero__container .kocho-landscape-card-dark {
        display: flex;
        cursor: pointer
    }
}

.kocho-hero__featured-card {
    display: flex;
    flex-basis: 50%;
    text-decoration: none;
    color: #061619
}

    .kocho-hero__featured-card:hover, .kocho-hero__featured-card:visited {
        color: #061619
    }

.kocho-hero__bg, .kocho-hero__bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1
}

.kocho-hero__bg-overlay {
    opacity: .8
}

.kocho-hero__text-content {
    width: 100%;
    z-index: 1
}

@media(min-width:992px) {
    .kocho-hero__text-content {
        width: 50%;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .kocho-hero__text-content--wide {
        width: 66%
    }
}

.kocho-hero__text-content--tall {
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-hero__text-content--tall {
        margin-bottom: 2.5rem
    }
}

@media(min-width:992px) {
    .kocho-hero__text-content--tall {
        margin-bottom: 6rem
    }
}

.kocho-hero__text-content--title-only, .kocho-hero__text-content--title-only .kocho-indented-text-with-cta h1 {
    margin-bottom: 0
}

.kocho-hero__text-content--title-only--quote {
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-hero__text-content--title-only--quote {
        margin-bottom: 2.5rem
    }
}

@media(min-width:992px) {
    .kocho-hero__text-content--title-only--quote {
        margin-bottom: 6rem
    }
}

.kocho-hero__text-content .kocho-indented-text-with-cta__text {
    margin-bottom: 0
}

.kocho-hero__text-content .kocho-person-avatar {
    margin-top: 2rem
}

.kocho-hero__image img {
    border-radius: .5rem
}

.kocho-hero__quote-two-colour {
    margin: 2rem 0;
    height: 3.5rem;
    width: 3.5rem
}

.kocho-hero--clipped {
    padding-bottom: 0
}

    .kocho-hero--clipped .kocho-indented-text-with-cta__title {
        color: #fff
    }

    .kocho-hero--clipped .kocho-indented-text-with-cta__title-large {
        font-size: 2.1875rem;
        line-height: 2.8125rem;
        font-family: mokoko,Georgia,serif;
        font-weight: 400;
        margin: 0
    }

@media(min-width:768px) {
    .kocho-hero--clipped .kocho-indented-text-with-cta__title-large {
        font-size: 2.8125rem;
        line-height: 3.4375rem
    }
}

.kocho-hero--clipped .kocho-indented-text-with-cta__text {
    margin-top: 2rem
}

@media(min-width:768px) {
    .kocho-hero--clipped .kocho-hero__container .kocho-hero__text-content {
        flex-basis: 50%;
        padding-right: 2rem
    }
}

@media(min-width:992px) {
    .kocho-hero--clipped .kocho-hero__container .kocho-hero__text-content {
        padding-right: 4rem
    }
}

@media(min-width:768px) {
    .kocho-hero--clipped .kocho-hero__container .kocho-hero__card, .kocho-hero--clipped .kocho-hero__container .kocho-hero__image {
        flex-basis: 50%
    }
}

@media(min-width:1200px) {
    .kocho-hero--clipped .kocho-hero__container .kocho-video {
        flex-basis: 50%
    }
}

.kocho-hero--clipped .kocho-hero__container .kocho-video figure figcaption {
    display: none
}

.kocho-hero--bg_overlay .kocho-indented-text-with-cta__title {
    color: #fff;
    margin-bottom: 2rem
}

.kocho-hero--bg_overlay .kocho-indented-text-with-cta__title-large {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-hero--bg_overlay .kocho-indented-text-with-cta__title-large {
        font-size: 2.8125rem;
        line-height: 3.4375rem
    }
}

.kocho-hero--bg_overlay .kocho-indented-text-with-cta__title-normal {
    margin-bottom: 2rem
}

.kocho-hero--bg_overlay .overlay--funnel {
    opacity: .5;
    height: 30rem;
    bottom: -10rem;
    z-index: 0
}

@media(min-width:768px) {
    .kocho-hero--bg_overlay .overlay--funnel {
        height: 40rem
    }
}

@media(min-width:1200px) {
    .kocho-hero--bg_overlay .overlay--funnel {
        height: 40rem;
        right: 0
    }
}

.kocho-hero--bg_overlay .overlay--lines {
    opacity: .5;
    height: 40rem;
    transform: rotate(-30deg);
    bottom: -10rem;
    right: -20rem;
    z-index: 0
}

@media(min-width:768px) {
    .kocho-hero--bg_overlay .overlay--lines {
        height: 60rem;
        bottom: -15rem
    }
}

@media(min-width:992px) {
    .kocho-hero--bg_overlay .overlay--lines {
        height: 80rem
    }
}

.kocho-hero--bg_overlay .overlay--butterfly {
    opacity: .5;
    height: 20rem;
    bottom: -5rem;
    right: -5rem;
    z-index: 0
}

@media(min-width:768px) {
    .kocho-hero--bg_overlay .overlay--butterfly {
        bottom: 5%;
        height: 40rem
    }
}

.kocho-hero--bg_image_event {
    overflow: visible;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-hero--bg_image_event {
        margin-bottom: 4rem
    }
}

.kocho-hero--bg_image .kocho-indented-text-with-cta__title, .kocho-hero--bg_image_event .kocho-indented-text-with-cta__title {
    color: #fff;
    margin-bottom: 2rem
}

.kocho-hero--bg_image .kocho-indented-text-with-cta__title-large, .kocho-hero--bg_image_event .kocho-indented-text-with-cta__title-large {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-hero--bg_image .kocho-indented-text-with-cta__title-large, .kocho-hero--bg_image_event .kocho-indented-text-with-cta__title-large {
        font-size: 2.8125rem;
        line-height: 3.4375rem
    }
}

.kocho-hero--bg_image .kocho-indented-text-with-cta__title-normal, .kocho-hero--bg_image_event .kocho-indented-text-with-cta__title-normal {
    margin-bottom: 2rem
}

@media(min-width:992px) {
    .kocho-hero--bg_image_event .kocho-hero__container {
        gap: 6rem
    }
}

.kocho-hero--event .kocho-hero__text-content {
    width: 100%
}

@media(min-width:768px) {
    .kocho-hero--event .kocho-hero__text-content {
        width: 70%
    }
}

.kocho-hero--event .kocho-indented-text-with-cta__title {
    color: #fff;
    margin-bottom: 2rem
}

.kocho-hero--event .kocho-indented-text-with-cta__title-large {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-hero--event .kocho-indented-text-with-cta__title-large {
        font-size: 2.8125rem;
        line-height: 3.4375rem
    }
}

.kocho-hero--event .kocho-indented-text-with-cta__title-normal {
    margin-bottom: 2rem
}

.kocho-hero--event .overlay--funnel {
    opacity: .5;
    height: 30rem;
    bottom: 0;
    z-index: 0
}

@media(min-width:768px) {
    .kocho-hero--event .overlay--funnel {
        bottom: -5rem;
        height: 40rem
    }
}

.kocho-hero--event .overlay--lines {
    opacity: .5;
    height: 70rem;
    bottom: -10rem;
    right: -16rem;
    z-index: 0;
    transform: rotate(-30deg)
}

@media(min-width:768px) {
    .kocho-hero--event .overlay--lines {
        right: -20rem;
        height: 60rem;
        bottom: -15rem
    }
}

@media(min-width:992px) {
    .kocho-hero--event .overlay--lines {
        height: 80rem
    }
}

.kocho-hero--event .overlay--butterfly {
    opacity: .5;
    height: 40rem;
    bottom: -5rem;
    right: -5rem;
    z-index: 0
}

@media(min-width:768px) {
    .kocho-hero--event .overlay--butterfly {
        bottom: 5%
    }
}

.kocho-hero__quote-title {
    font-size: 2.1875rem;
    line-height: 2.8125rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-hero__quote-title {
        font-size: 2.8125rem;
        line-height: 3.4375rem
    }
}

.kocho-hero--split_card h1 {
    margin-bottom: 2rem !important
}

@media(min-width:992px) {
    .kocho-hero--split_card h1 {
        margin-bottom: 0 !important
    }
}

.kocho-hero--split_video .kocho-hero__text-content--tall {
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-hero--split_video .kocho-hero__text-content--tall {
        margin-bottom: 2.5rem
    }
}

.kocho-hero__published-date {
    color: #f4ff00
}

#page-hero.pattern-library__section .kocho-hero {
    z-index: 0
}

.summit-page .kocho-hero {
    padding-top: 16rem
}

@media(min-width:992px) {
    .summit-page .kocho-hero {
        padding-top: 22rem
    }
}

.kocho-hubspot-form ul {
    list-style: none;
    padding: 0
}

.kocho-hubspot-form .hs-form-required, .kocho-hubspot-form label {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    display: inline-block;
    color: #061619;
    margin-top: .75rem
}

@media(min-width:768px) {
    .kocho-hubspot-form .hs-form-required, .kocho-hubspot-form label {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-hubspot-form--dark--green-button .hs-form-required, .kocho-hubspot-form--dark--green-button label, .kocho-hubspot-form--dark .hs-form-required, .kocho-hubspot-form--dark label {
    color: #fff
}

.kocho-hubspot-form .hs-form-required {
    font-size: .5rem;
    position: relative;
    top: -.15rem
}

.kocho-hubspot-form input, .kocho-hubspot-form select, .kocho-hubspot-form textarea {
    display: block;
    width: 100%;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid rgba(6,22,25,.5);
    color: #061619;
    border-color: #061619;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    font-size: 1rem;
    padding: .25rem 1.5rem .25rem 0;
    outline: none;
    border-radius: 0
}

@media(min-width:768px) {
    .kocho-hubspot-form input, .kocho-hubspot-form select, .kocho-hubspot-form textarea {
        font-size: 1.25rem;
        line-height: 1.875rem;
        font-size: 1rem
    }
}

.kocho-hubspot-form input::placeholder, .kocho-hubspot-form select::placeholder, .kocho-hubspot-form textarea::placeholder {
    color: rgba(6,22,25,.7)
}

.kocho-hubspot-form input:hover, .kocho-hubspot-form select:hover, .kocho-hubspot-form textarea:hover {
    border-color: #061619
}

.kocho-hubspot-form input:focus, .kocho-hubspot-form input:focus::placeholder, .kocho-hubspot-form select:focus, .kocho-hubspot-form select:focus::placeholder, .kocho-hubspot-form textarea:focus, .kocho-hubspot-form textarea:focus::placeholder {
    color: #061619;
    border-color: #061619
}

.kocho-hubspot-form input:disabled, .kocho-hubspot-form select:disabled, .kocho-hubspot-form textarea:disabled {
    opacity: .5
}

.kocho-hubspot-form input.has-value, .kocho-hubspot-form select.has-value, .kocho-hubspot-form textarea.has-value {
    background-image: url(/app/themes/sage/resources/assets/images/icons/form-valid.svg)
}

.kocho-hubspot-form input.error, .kocho-hubspot-form input.has-value, .kocho-hubspot-form input.invalid, .kocho-hubspot-form select.error, .kocho-hubspot-form select.has-value, .kocho-hubspot-form select.invalid, .kocho-hubspot-form textarea.error, .kocho-hubspot-form textarea.has-value, .kocho-hubspot-form textarea.invalid {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 1rem
}

.kocho-hubspot-form input.error, .kocho-hubspot-form input.invalid, .kocho-hubspot-form select.error, .kocho-hubspot-form select.invalid, .kocho-hubspot-form textarea.error, .kocho-hubspot-form textarea.invalid {
    background-image: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/form-error.svg)
}

.kocho-hubspot-form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 1rem;
    background-image: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/arrows/chevron-ebony.svg)
}

.kocho-hubspot-form--dark--green-button input, .kocho-hubspot-form--dark--green-button textarea, .kocho-hubspot-form--dark input, .kocho-hubspot-form--dark textarea {
    color: #fff;
    border-color: #fff
}

    .kocho-hubspot-form--dark--green-button input::placeholder, .kocho-hubspot-form--dark--green-button textarea::placeholder, .kocho-hubspot-form--dark input::placeholder, .kocho-hubspot-form--dark textarea::placeholder {
        color: hsla(0,0%,100%,.7)
    }

    .kocho-hubspot-form--dark--green-button input:hover, .kocho-hubspot-form--dark--green-button textarea:hover, .kocho-hubspot-form--dark input:hover, .kocho-hubspot-form--dark textarea:hover {
        border-color: #fff
    }

    .kocho-hubspot-form--dark--green-button input:focus, .kocho-hubspot-form--dark--green-button input:focus::placeholder, .kocho-hubspot-form--dark--green-button textarea:focus, .kocho-hubspot-form--dark--green-button textarea:focus::placeholder, .kocho-hubspot-form--dark input:focus, .kocho-hubspot-form--dark input:focus::placeholder, .kocho-hubspot-form--dark textarea:focus, .kocho-hubspot-form--dark textarea:focus::placeholder {
        color: #fff;
        border-color: #fff
    }

.kocho-hubspot-form .hs-error-msgs {
    margin-top: 0;
    margin-bottom: 0
}

    .kocho-hubspot-form .hs-error-msg, .kocho-hubspot-form .hs-error-msgs label {
        font-size: .75rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        background-color: #c62828;
        color: #fff;
        padding: .1rem .5rem
    }

@media(min-width:768px) {
    .kocho-hubspot-form .hs-error-msg, .kocho-hubspot-form .hs-error-msgs label {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-hubspot-form .hs-error-msgs label {
    margin: 0
}

.kocho-hubspot-form .legal-consent-container {
    margin: 2rem 0
}

    .kocho-hubspot-form .legal-consent-container a, .kocho-hubspot-form .legal-consent-container a:active, .kocho-hubspot-form .legal-consent-container a:hover, .kocho-hubspot-form .legal-consent-container a:visited {
        color: #061619
    }

        .kocho-hubspot-form .legal-consent-container a:focus {
            background-color: #00ec00;
            outline: none
        }

    .kocho-hubspot-form .legal-consent-container .kocho-centred-narrow-content__copy > div, .kocho-hubspot-form .legal-consent-container .kocho-narrow-content__copy > div, .kocho-hubspot-form .legal-consent-container p {
        font-size: .75rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400
    }

@media(min-width:768px) {
    .kocho-hubspot-form .legal-consent-container .kocho-centred-narrow-content__copy > div, .kocho-hubspot-form .legal-consent-container .kocho-narrow-content__copy > div, .kocho-hubspot-form .legal-consent-container p {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-hubspot-form .legal-consent-container .inputs-list .hs-form-booleancheckbox-display {
    display: flex;
    align-items: baseline
}

    .kocho-hubspot-form .legal-consent-container .inputs-list .hs-form-booleancheckbox-display input {
        display: inline-block;
        width: auto;
        position: relative;
        top: .2rem
    }

    .kocho-hubspot-form .legal-consent-container .inputs-list .hs-form-booleancheckbox-display .kocho-centred-narrow-content__copy > div, .kocho-hubspot-form .legal-consent-container .inputs-list .hs-form-booleancheckbox-display .kocho-narrow-content__copy > div, .kocho-hubspot-form .legal-consent-container .inputs-list .hs-form-booleancheckbox-display p {
        font-size: .75rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        color: #061619;
        margin: 0
    }

@media(min-width:768px) {
    .kocho-hubspot-form .legal-consent-container .inputs-list .hs-form-booleancheckbox-display .kocho-centred-narrow-content__copy > div, .kocho-hubspot-form .legal-consent-container .inputs-list .hs-form-booleancheckbox-display .kocho-narrow-content__copy > div, .kocho-hubspot-form .legal-consent-container .inputs-list .hs-form-booleancheckbox-display p {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-hubspot-form .legal-consent-container .inputs-list .hs-form-booleancheckbox-display > span {
    margin-left: .5rem
}

.kocho-hubspot-form--dark--green-button .legal-consent-container a, .kocho-hubspot-form--dark .legal-consent-container a {
    color: #fff;
    text-decoration: underline
}

    .kocho-hubspot-form--dark--green-button .legal-consent-container a:hover, .kocho-hubspot-form--dark .legal-consent-container a:hover {
        text-decoration: none
    }

    .kocho-hubspot-form--dark--green-button .legal-consent-container .inputs-list .hs-form-booleancheckbox-display .kocho-centred-narrow-content__copy > div, .kocho-hubspot-form--dark--green-button .legal-consent-container .inputs-list .hs-form-booleancheckbox-display .kocho-narrow-content__copy > div, .kocho-hubspot-form--dark--green-button .legal-consent-container .inputs-list .hs-form-booleancheckbox-display p, .kocho-hubspot-form--dark--green-button .legal-consent-container .kocho-centred-narrow-content__copy > div, .kocho-hubspot-form--dark--green-button .legal-consent-container .kocho-narrow-content__copy > div, .kocho-hubspot-form--dark--green-button .legal-consent-container a:active, .kocho-hubspot-form--dark--green-button .legal-consent-container a:hover, .kocho-hubspot-form--dark--green-button .legal-consent-container a:visited, .kocho-hubspot-form--dark--green-button .legal-consent-container p, .kocho-hubspot-form--dark .legal-consent-container .inputs-list .hs-form-booleancheckbox-display .kocho-centred-narrow-content__copy > div, .kocho-hubspot-form--dark .legal-consent-container .inputs-list .hs-form-booleancheckbox-display .kocho-narrow-content__copy > div, .kocho-hubspot-form--dark .legal-consent-container .inputs-list .hs-form-booleancheckbox-display p, .kocho-hubspot-form--dark .legal-consent-container .kocho-centred-narrow-content__copy > div, .kocho-hubspot-form--dark .legal-consent-container .kocho-narrow-content__copy > div, .kocho-hubspot-form--dark .legal-consent-container a:active, .kocho-hubspot-form--dark .legal-consent-container a:hover, .kocho-hubspot-form--dark .legal-consent-container a:visited, .kocho-hubspot-form--dark .legal-consent-container p {
        color: #fff
    }

.kocho-hubspot-form .hs-submit {
    max-width: fit-content;
    margin: 2rem 0 0
}

    .kocho-hubspot-form .hs-submit .actions {
        position: relative
    }

        .kocho-hubspot-form .hs-submit .actions:before {
            display: block;
            content: "";
            position: absolute;
            z-index: 1;
            border-top-left-radius: .5rem;
            border-bottom-left-radius: .5rem;
            top: 0;
            left: 0;
            height: 100%;
            width: 1rem;
            background-color: #00ec00;
            cursor: pointer
        }

    .kocho-hubspot-form .hs-submit input[type=submit], .kocho-hubspot-form .hs-submit input[type=button] {
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        color: #061619;
        background-image: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/arrows/arrow-medium-ebony.svg);
        background-size: 2.5rem;
        background-position: 0;
        background-repeat: no-repeat;
        text-indent: 1.5rem;
        transition: all .3s ease-in-out
    }

@media(min-width:768px) {
    .kocho-hubspot-form .hs-submit input[type=submit], .kocho-hubspot-form .hs-submit input[type=button] {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-hubspot-form .hs-submit input[type=submit]:hover, .kocho-hubspot-form .hs-submit input[type=button]:hover {
    background-position: .9rem;
    text-indent: 2.5rem;
    padding-right: 0;
    width: calc(100% + 1rem);
    transition: all .3s ease-in-out
}

.kocho-hubspot-form--dark .hs-submit input[type=submit], .kocho-hubspot-form--dark .hs-submit input[type=button] {
    color: #061619;
    background-image: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/arrows/arrow-medium-ebony.svg);
    text-transform: uppercase
}

.kocho-hubspot-form--dark .hs-submit--green-button .hs-submit .actions:before {
    background-color: #00ec00;
    height: .2rem;
    top: calc(50% - .1rem);
    left: 1px
}

.kocho-hubspot-form--dark .hs-submit--green-button .hs-submit input[type=submit], .kocho-hubspot-form--dark .hs-submit--green-button .hs-submit input[type=button] {
    background-color: #00ec00;
    color: #061619 !important;
    text-transform: uppercase;
    background-image: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/arrows/arrow-medium-ebony.svg)
}

.kocho-hubspot-form--lemon .hs-submit .actions:before {
    background-color: #061619;
    height: .2rem;
    top: calc(50% - .1rem);
    left: 1px
}

.kocho-hubspot-form--lemon .hs-submit input[type=submit], .kocho-hubspot-form--lemon .hs-submit input[type=button] {
    background-color: #061619;
    color: #fff !important;
    text-transform: uppercase;
    background-image: url(https://kocho.co.uk//app/themes/sage/resources/assets/images/icons/arrows/arrow-medium-white.svg)
}

.kocho-icon-column {
    display: flex;
    flex-direction: column
}

.kocho-icon-column__icon {
    margin-bottom: 1.5rem;
    height: 5rem
}

    .kocho-icon-column__icon > img.lazy {
        object-fit: contain;
        width: 5rem
    }

.kocho-icon-column__title {
    margin-bottom: 1.5rem
}

.kocho-icon-group__content {
    max-width: 37.5rem;
    display: grid;
    gap: 3rem
}

@media(min-width:768px) {
    .kocho-icon-group--grid .kocho-icon-group__content {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-text ~ .kocho-icon-group__content {
        padding-top: 2rem
    }
}

@media(min-width:768px) {
    .kocho-icon-group__content--grid {
        grid-template-columns: 1fr 1fr
    }
}

.kocho-icon-group__card {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media(min-width:768px) {
    .kocho-icon-group__card {
        flex-direction: row
    }

    .kocho-icon-group__content--grid .kocho-icon-group__card {
        flex-direction: column;
        gap: 1.2rem
    }
}

.kocho-icon-group__content--icons-outside .kocho-icon-group__card {
    gap: 1rem
}

.block--ebony .kocho-icon-group__text {
    color: #fff
}

.kocho-icon-group__title {
    font-size: 1.25rem;
    margin: 0;
    line-height: 1;
    font-weight: 500
}

.kocho-icon-group__copy, .kocho-icon-group__copy * {
    font-size: 1.125rem;
    font-family: SpaceGrotesk,Arial,sans-serif
}

    .kocho-icon-group__copy:not(:first-child) {
        margin-top: 1.2rem
    }

    .kocho-icon-group__copy ul {
        list-style: none;
        padding: 0;
        margin: 2rem 0;
        margin-left: .5rem
    }

@media(min-width:992px) {
    .kocho-icon-group__copy ul {
        margin-left: 0
    }
}

.kocho-icon-group__copy ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.5rem !important
}

    .kocho-icon-group__copy ul li:before {
        content: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
        position: absolute;
        left: 0;
        top: .2rem
    }

@media(min-width:992px) {
    .kocho-icon-group__copy ul li {
        padding-left: 5rem
    }

        .kocho-icon-group__copy ul li:before {
            content: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/arrows/arrow-smallmedium-ebony.svg)
        }
}

.kocho-icon-group__icon {
    max-width: 5.0625rem;
    max-height: 4.375rem;
    min-width: 5.0625rem;
    min-height: 4.375rem
}

    .kocho-icon-group__icon img {
        object-fit: contain
    }

.kocho-iframe {
    width: 100%
}

@media(max-width:calc(992px - 1px)) {
    .kocho-iframe__inner {
        padding-left: 0;
        padding-right: 0
    }
}

.kocho-iframe iframe {
    border: none
}

.kocho-image {
    filter: brightness(1);
    transition: filter .3s ease-in-out
}

.kocho-image__img {
    object-fit: cover
}

.kocho-image img {
    width: 100%;
    height: 100%;
    display: block
}

.kocho-image--overlay, .kocho-image:focus {
    filter: brightness(.5)
}

.kocho-image--zoomable {
    position: relative
}

    .kocho-image--zoomable:focus, .kocho-image--zoomable:hover {
        cursor: zoom-in
    }

.kocho-image__caption-source {
    grid-row: span 1;
    grid-column: 1/2
}

.kocho-image__caption {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: .5rem
}

@media(min-width:768px) {
    .kocho-image__caption {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-image__source {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin-top: .5rem
}

@media(min-width:768px) {
    .kocho-image__source {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-image__source a {
    color: #030d0f
}

.kocho-image__btn-img-wrapper {
    position: relative
}

.kocho-image__zoom-btn {
    cursor: pointer;
    background-color: #00ec00;
    border: none;
    border-radius: 50% 50% 0 50%;
    grid-row-start: 1;
    grid-column-start: 2;
    margin-top: .5rem;
    height: 2.5rem;
    width: 2.5rem;
    background-image: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/1-colour/icon-1-colour-search.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: 50%
}

.kocho-image__close-btn {
    display: none;
    position: fixed
}

.kocho-image__close-btn--open {
    display: block;
    z-index: 999;
    background-color: #00ec00;
    background-image: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/1-colour/close-ebony.svg);
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    border: 1px solid #00ec00;
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    top: 8rem;
    right: 2.5rem
}

.kocho-image__footer {
    display: grid;
    grid-template-columns: 1fr 2.5rem;
    gap: 0 1rem
}

.medium-zoom-image--opened {
    z-index: 99;
    border-radius: .5rem
}

.kocho-indented-text-with-cta {
    display: flex;
    flex-direction: column
}

    .kocho-indented-text-with-cta.text--center {
        align-items: center;
        justify-content: center
    }

    .kocho-indented-text-with-cta.text--left {
        align-items: flex-start;
        justify-content: flex-start
    }

    .kocho-indented-text-with-cta .kocho-block-tag {
        margin-bottom: 2.5rem
    }

        .kocho-indented-text-with-cta .kocho-block-tag .kocho-block-tag__text--yellow {
            color: #f4ff00
        }

.kocho-indented-text-with-cta__title {
    font-size: 3rem;
    margin-bottom: 2.5rem;
    width: 100%;
    overflow-wrap: break-word;
    line-height: 3.75rem
}

@media(min-width:576px) {
    .kocho-indented-text-with-cta__title {
        overflow-wrap: unset;
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

.kocho-indented-text-with-cta__text {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    width: 100%
}

.kocho-indented-text-with-cta__arrow-med, .kocho-indented-text-with-cta__arrow-wide {
    margin-top: .5rem;
    margin-right: 1rem
}

.kocho-indented-text-with-cta__arrow-wide {
    display: none
}

@media(min-width:768px) {
    .kocho-indented-text-with-cta__arrow-wide {
        display: block
    }
}

.kocho-indented-text-with-cta__arrow-med {
    display: block
}

@media(min-width:768px) {
    .kocho-indented-text-with-cta__arrow-med {
        display: none
    }
}

.kocho-indented-text-with-cta__text-with-button {
    display: flex;
    flex-direction: column;
    width: 100%
}

    .kocho-hubspot-form .kocho-indented-text-with-cta__text-with-button .hs-submit, .kocho-indented-text-with-cta__text-with-button .kocho-button__container, .kocho-indented-text-with-cta__text-with-button .kocho-hubspot-form .hs-submit {
        margin: 2rem 0 2.5rem
    }

        .kocho-hubspot-form .kocho-indented-text-with-cta__text-with-button .hs-submit .kocho-button__fab-downarrow span, .kocho-indented-text-with-cta__text-with-button .kocho-button__container .kocho-button__fab-downarrow span, .kocho-indented-text-with-cta__text-with-button .kocho-hubspot-form .hs-submit .kocho-button__fab-downarrow span {
            color: #061619 !important
        }

.kocho-indented-text-with-cta .text--white:not(.kocho-button__text), .kocho-indented-text-with-cta :not(.kocho-block-tag__text--yellow):not(.kocho-button__text), .kocho-indented-text-with-cta :not(.kocho-button__container):not(.kocho-button__text), .kocho-indented-text-with-cta :not([class*=button]):not(.kocho-button__text) {
    color: #fff
}

.kocho-info-banner__container {
    padding-top: 1.5rem;
    padding-bottom: .5rem;
    background-color: #ebe9e2;
    width: 100%;
    line-height: 300%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 0;
    left: 0;
    z-index: 2;
    color: #061619
}

@media(min-width:992px) {
    .kocho-info-banner__container {
        padding-top: .5rem
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-info-banner__container {
        position: fixed;
        top: unset;
        bottom: 0
    }
}

.kocho-info-banner__container a {
    color: #061619
}

.kocho-info-banner__container .kocho-centred-narrow-content__copy > div, .kocho-info-banner__container .kocho-narrow-content__copy > div, .kocho-info-banner__container p {
    margin-bottom: 0
}

.kocho-info-banner__button {
    background-color: #061619;
    border: none;
    border-radius: 50%;
    position: absolute;
    top: -.75rem;
    left: calc(50% - .75rem);
    box-shadow: 0 1px 3px rgba(6,22,25,.8);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem
}

    .kocho-info-banner__button img {
        height: .6rem;
        width: .6rem;
        object-fit: contain
    }

@media(min-width:992px) {
    .kocho-info-banner__button {
        position: static;
        box-shadow: none
    }
}

.kocho-info-banner__button:hover {
    cursor: pointer
}

@media(min-width:992px) {
    .kocho-info-banner__sticky {
        position: fixed;
        top: 0;
        width: 100%
    }
}

.kocho-job-card {
    background-color: #ebe9e2;
    display: flex;
    flex-direction: column;
    border-radius: .25rem;
    width: 100%;
    padding: 2rem
}

@media(min-width:768px) {
    .kocho-job-card {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
}

.kocho-hubspot-form .kocho-job-card .hs-submit, .kocho-job-card .kocho-button__container, .kocho-job-card .kocho-hubspot-form .hs-submit {
    margin: 0;
    margin-top: 1rem
}

@media(min-width:768px) {
    .kocho-hubspot-form .kocho-job-card .hs-submit, .kocho-job-card .kocho-button__container, .kocho-job-card .kocho-hubspot-form .hs-submit {
        margin: 0
    }
}

.kocho-landscape-card-dark {
    background-color: #061619 !important;
    color: #fff;
    border-radius: .5rem !important;
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 10rem;
    max-height: fit-content;
    width: 100%;
    text-decoration: none !important;
    transition: transform .2s ease-in-out;
    transform: translateY(0);
    transition: transform .3s ease-in-out,background-color .3s ease-in-out
}

    .kocho-landscape-card-dark:before {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 1.75rem);
        right: 0;
        background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/chevron-white.svg);
        background-position: calc(100% - 2rem) 50%;
        background-size: 2.25rem;
        height: 2.25rem;
        width: 5rem;
        transform: rotate(270deg);
        background-repeat: no-repeat
    }

@media(min-width:992px) {
    .kocho-landscape-card-dark:focus, .kocho-landscape-card-dark:hover {
        transform: translateY(-1rem)
    }
}

.kocho-landscape-card-dark:hover {
    background-color: #010202
}

.kocho-landscape-card-dark__text {
    color: #fff;
    padding: 2rem
}

.kocho-landscape-card-dark__meta {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem;
    color: #fff;
    margin-bottom: 1rem
}

@media(min-width:768px) {
    .kocho-landscape-card-dark__meta {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-landscape-card-dark__title {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    color: #fff;
    padding-right: 1.25rem
}

@media(min-width:768px) {
    .kocho-landscape-card-dark__title {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
}

.kocho-landscape-card-dark img {
    border-radius: 0
}

#landscape-card-dark .pattern-library__example {
    max-width: 40rem
}

.kocho-landscape-card, .kocho-landscape-card-dark {
    background-color: #ebe9e2;
    color: #061619;
    display: flex;
    border-radius: .5rem
}

.kocho-landscape-card-dark__text, .kocho-landscape-card__text {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.2rem
}

.kocho-landscape-card__text--top {
    margin-bottom: 4rem
}

.kocho-landscape-card-dark__image, .kocho-landscape-card__image {
    flex-basis: 50%
}

.kocho-landscape-card__meta {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400
}

@media(min-width:768px) {
    .kocho-landscape-card__meta {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-landscape-card__date {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin: 0;
    letter-spacing: .125rem
}

@media(min-width:768px) {
    .kocho-landscape-card__date {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-landscape-card--hover-pop {
    transition: transform .2s ease-in-out;
    transform: translateY(0)
}

@media(min-width:992px) {
    .kocho-landscape-card--hover-pop:focus, .kocho-landscape-card--hover-pop:hover {
        transform: translateY(-1rem)
    }
}

.kocho-landscape-card--hover-pop:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    height: 3rem;
    width: 3rem;
    border-radius: 50% 50% 0 50%;
    background-color: #00ec00;
    background-image: url(https://kocho.co.uk/app/themes/sage/resources/assets/images/icons/arrows/arrow-xsmall-ebony.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(0);
    transform-origin: bottom right;
    transition: transform .2s ease-in-out
}

.kocho-landscape-card--hover-pop:focus:after, .kocho-landscape-card--hover-pop:hover:after {
    transform: scale(1)
}

@media(max-width:calc(992px - 1px)) {
    .kocho-landscape-card--hover-pop:after {
        transform: scale(1)
    }
}

.kocho-landscape-card-dark img, .kocho-landscape-card img {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.kocho-location-card {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(min-width:992px) {
    .kocho-location-card {
        width: 50%
    }
}

.kocho-location-card:nth-child(odd) {
    margin-bottom: 2rem
}

@media(min-width:992px) {
    .kocho-location-card:nth-child(odd) {
        margin-left: 2rem;
        margin-right: .5rem
    }
}

.kocho-location-card:nth-child(2n) {
    margin-bottom: 2rem
}

@media(min-width:992px) {
    .kocho-location-card:nth-child(2n) {
        margin-right: 2rem;
        margin-left: .5rem
    }
}

.kocho-location-card__img-wrapper {
    height: 50%
}

    .kocho-location-card__img-wrapper img {
        border-radius: .5rem .5rem 0 0;
        object-fit: cover
    }

.kocho-location-card__text-wrapper {
    height: 50%;
    background-color: #ebe9e2;
    border-radius: 0 0 .5rem .5rem;
    display: flex;
    flex-direction: column;
    padding: 2rem
}

@media(min-width:992px) {
    .kocho-location-card__text-wrapper {
        flex-direction: row
    }
}

.kocho-location-card__text-wrapper .kocho-location-card__text-left {
    padding-right: 3rem
}

@media(min-width:992px) {
    .kocho-location-card__text-wrapper .kocho-location-card__text-left {
        width: 60%
    }
}

.kocho-location-card__text-wrapper .kocho-location-card__text-left h6 {
    margin-bottom: 1rem
}

.kocho-location-card__text-wrapper .kocho-location-card__text-left .kocho-location-card__text-body {
    display: none
}

@media(min-width:992px) {
    .kocho-location-card__text-wrapper .kocho-location-card__text-left .kocho-location-card__text-body {
        display: block
    }
}

@media(min-width:992px) {
    .kocho-location-card__text-wrapper .kocho-location-card__text-right {
        width: 40%
    }
}

.kocho-location-card__text-wrapper .kocho-location-card__text-right .kocho-centred-narrow-content__copy > div, .kocho-location-card__text-wrapper .kocho-location-card__text-right .kocho-narrow-content__copy > div, .kocho-location-card__text-wrapper .kocho-location-card__text-right p {
    margin-bottom: 0
}

    .kocho-location-card__text-wrapper .kocho-location-card__text-right .kocho-centred-narrow-content__copy > div:first-of-type, .kocho-location-card__text-wrapper .kocho-location-card__text-right .kocho-narrow-content__copy > div:first-of-type, .kocho-location-card__text-wrapper .kocho-location-card__text-right p:first-of-type {
        font-size: medium;
        font-weight: 600;
        margin-bottom: 1.75rem
    }

[data-modal-target=main-site-search--desktop] + .kocho-modal__content, [data-modal-target=main-site-search--mobile] + .kocho-modal__content {
    height: 0;
    overflow: hidden
}

    [data-modal-target=main-site-search--desktop] + .kocho-modal__content .kocho-modal__close, [data-modal-target=main-site-search--mobile] + .kocho-modal__content .kocho-modal__close {
        top: 3.5rem
    }

@media(min-width:992px) {
    [data-modal-target=main-site-search--desktop] + .kocho-modal__content .kocho-modal__close, [data-modal-target=main-site-search--mobile] + .kocho-modal__content .kocho-modal__close {
        top: 6rem
    }
}

.kocho-modal {
    position: relative
}

.kocho-modal__open {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    cursor: pointer;
    border: none;
    border-radius: .5rem
}

    .kocho-modal__open.kocho-button__search {
        background-color: transparent;
        border: none;
        padding: 0;
        position: static;
        height: 2rem;
        width: 2rem;
        margin-right: 1.5rem
    }

@media(min-width:992px) {
    .kocho-modal__open.kocho-button__search[data-modal-target=main-site-search--mobile] {
        display: none
    }
}

.kocho-modal__open.kocho-button__search[data-modal-target=main-site-search--desktop] {
    display: none
}

@media(min-width:992px) {
    .kocho-modal__open.kocho-button__search[data-modal-target=main-site-search--desktop] {
        display: inline-block;
        margin-left: 1.5rem;
        margin-right: 0
    }
}

.kocho-modal__open.kocho-button__search img {
    height: 100%;
    width: 100%
}

.kocho-modal--open .kocho-modal__open {
    display: none
}

.kocho-modal__close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: transparent;
    border: none;
    z-index: 2
}

.kocho-modal__container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 20rem
}

.kocho-modal:not(.kocho-modal--open) .kocho-modal__container {
    padding: 0
}

.kocho-modal__content {
    max-width: 100vw;
    position: relative;
    z-index: -100;
    transition: opacity .3s ease-in-out;
    opacity: 0
}

.kocho-modal--slide .kocho-modal__content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 0;
    opacity: 1;
    background-color: #061619;
    transition: transform .4s ease-in-out;
    transform: translateY(-200vh)
}

.kocho-modal--slide.kocho-modal--open .kocho-modal__content {
    transform: translateY(0);
    opacity: 1;
    background-color: #061619
}

.kocho-modal--open .kocho-modal__content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    opacity: 1;
    background-color: rgba(6,22,25,.8);
    height: auto
}

@media(max-height:576px) {
    body.modal-open .kocho-header__logo {
        display: none
    }
}

.kocho-people-card {
    color: #061619;
    display: block;
    border-radius: .5rem;
    width: 100%
}

.kocho-people-card__title {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-people-card__title {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-people-card__job {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    margin-top: .5rem
}

@media(min-width:768px) {
    .kocho-people-card__job {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-people-card__image img {
    min-height: 14rem
}

.kocho-people-card__content {
    padding: .8rem 1.2rem 3.2rem
}

#people-card.pattern-library__section .pattern-library__example .kocho-people-card {
    max-width: 18rem
}

.kocho-person-avatar {
    display: flex
}

    .kocho-person-avatar .kocho-image__btn-img-wrapper, .kocho-person-avatar__portrait {
        height: 3.75rem;
        width: 3.75rem;
        margin-right: 1rem;
        margin-bottom: 1rem
    }

.kocho-person-avatar__text {
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .kocho-person-avatar__text .kocho-centred-narrow-content__copy > div, .kocho-person-avatar__text .kocho-narrow-content__copy > div, .kocho-person-avatar__text p {
        font-size: 1rem;
        margin-bottom: 0
    }

@media(min-width:768px) {
    .kocho-person-avatar__text .kocho-centred-narrow-content__copy > div, .kocho-person-avatar__text .kocho-narrow-content__copy > div, .kocho-person-avatar__text p {
        font-size: 1rem
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-primary-nav {
        transition: max-height .3s ease-in-out;
        overflow: hidden;
        max-height: 0;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background-color: #061619
    }

        .kocho-primary-nav:after {
            display: block;
            content: "";
            bottom: 0;
            left: 0;
            width: 100%;
            height: 200vh;
            background-color: #061619
        }

    .kocho-primary-nav--open {
        max-height: 200vh;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

        .kocho-primary-nav--open::-webkit-scrollbar {
            display: none
        }

        .kocho-primary-nav--open:after {
            display: block;
            content: "";
            bottom: 0;
            left: 0;
            width: 100%;
            height: 200vh;
            background-color: #061619
        }
}

@media(min-width:992px) {
    .kocho-primary-nav {
        display: flex;
        justify-content: flex-end
    }
}

.kocho-primary-nav__nav-items {
    list-style: none
}

@media(min-width:992px) {
    .kocho-primary-nav__nav-items {
        display: flex;
        padding: 0;
        justify-content: flex-end
    }
}

.kocho-primary-nav__item {
    opacity: 1;
    transition: opacity .6s ease-in-out,max-height .3s ease-in-out;
    max-height: 200vh;
    overflow: hidden
}

@media(min-width:992px) {
    .kocho-primary-nav__item {
        padding: 0 .75rem;
        margin-top: 3.5rem
    }
}

@media(min-width:1200px) {
    .kocho-primary-nav__item {
        padding: 0 1rem
    }
}

@media(min-width:1300px) {
    .kocho-primary-nav__item {
        padding: 0 1.5rem
    }
}

.kocho-primary-nav__item--interactive {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.kocho-primary-nav__item__button {
    background-color: transparent;
    border: none;
    cursor: pointer
}

@media(min-width:992px) {
    .kocho-primary-nav__item__button {
        display: none
    }
}

.kocho-primary-nav__item--hidden {
    max-height: 0
}

.kocho-hubspot-form .kocho-primary-nav__item .hs-submit, .kocho-primary-nav__item .kocho-button__container, .kocho-primary-nav__item .kocho-hubspot-form .hs-submit {
    margin: 0
}

@media(min-width:576px) {
    .kocho-hubspot-form .kocho-primary-nav__item .hs-submit, .kocho-primary-nav__item .kocho-button__container, .kocho-primary-nav__item .kocho-hubspot-form .hs-submit {
        max-width: fit-content
    }
}

.kocho-primary-nav__item__cta-wrapper {
    margin-top: 3rem;
    margin-bottom: 1rem
}

@media(min-width:992px) {
    .kocho-primary-nav__item__cta-wrapper {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0;
        padding-left: .75rem
    }
}

@media(min-width:1200px) {
    .kocho-primary-nav__item__cta-wrapper {
        padding-left: 1rem
    }
}

@media(min-width:1300px) {
    .kocho-primary-nav__item__cta-wrapper {
        padding-left: 1.5rem
    }
}

.kocho-primary-nav__item__cta-wrapper, .kocho-primary-nav__item__portal {
    transition: opacity .3s ease-in-out;
    opacity: 1
}

.kocho-primary-nav__item__cta-wrapper--hide, .kocho-primary-nav__item__portal--hide {
    opacity: 0
}

@media(min-width:992px) {
    .kocho-primary-nav__item--focus .kocho-sub-nav, .kocho-primary-nav__item--show-nav .kocho-sub-nav, .kocho-primary-nav__item:hover .kocho-sub-nav {
        visibility: visible;
        max-height: calc(100vh - 100% - 2rem);
        box-shadow: 0 2rem 0 #010202;
        transition-delay: .3s;
        opacity: 1;
        background-color: #010202;
        overflow: auto;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

        .kocho-primary-nav__item--focus .kocho-sub-nav *, .kocho-primary-nav__item--show-nav .kocho-sub-nav *, .kocho-primary-nav__item:hover .kocho-sub-nav * {
            transition: opacity .3s ease-in-out;
            opacity: 1
        }

        .kocho-primary-nav__item--focus .kocho-sub-nav .kocho-sub-nav__container, .kocho-primary-nav__item--focus .kocho-sub-nav .kocho-sub-nav__landscape-cards, .kocho-primary-nav__item--show-nav .kocho-sub-nav .kocho-sub-nav__container, .kocho-primary-nav__item--show-nav .kocho-sub-nav .kocho-sub-nav__landscape-cards, .kocho-primary-nav__item:hover .kocho-sub-nav .kocho-sub-nav__container, .kocho-primary-nav__item:hover .kocho-sub-nav .kocho-sub-nav__landscape-cards {
            display: flex
        }
}

.kocho-primary-nav__item--show-nav .kocho-primary-nav__link--fade {
    opacity: .3
}

@media(max-width:calc(992px - 1px)) {
    .kocho-primary-nav__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 1.875rem;
        line-height: 2.5rem;
        font-family: mokoko,Georgia,serif;
        font-weight: 400;
        margin: 0;
        font-size: 1.5625rem;
        color: #fff;
        padding: 1rem;
        text-decoration: none;
        outline: none
    }
}

@media(max-width:calc(992px - 1px)) and (min-width:768px) {
    .kocho-primary-nav__link {
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-primary-nav__link span {
        text-decoration: underline
    }

    .kocho-primary-nav__link--active + .kocho-primary-nav__item__button img {
        transform: rotate(180deg)
    }
}

.kocho-primary-nav__link-text {
    width: 75%;
    min-width: fit-content
}

@media(min-width:992px) {
    .kocho-primary-nav__link {
        text-decoration: none;
        margin: 0;
        height: 5rem;
        box-sizing: content-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

        .kocho-primary-nav__link span {
            font-size: 1.125rem;
            line-height: 1.625rem;
            font-family: SpaceGrotesk,Arial,sans-serif;
            font-weight: 400;
            color: #fff;
            text-decoration: none
        }
}

@media(min-width:992px) and (min-width:768px) {
    .kocho-primary-nav__link span {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

@media(min-width:992px) and (min-width:992px) {
    .kocho-primary-nav__link:not(button) {
        outline: none
    }

        .kocho-primary-nav__link:not(button):after {
            display: block;
            content: "";
            height: .1rem;
            width: 100%;
            background-color: #00ec00;
            transition: transform .2s ease-in-out;
            transform: scaleX(0);
            transform-origin: left
        }

        .kocho-primary-nav__link:not(button):focus:after, .kocho-primary-nav__link:not(button):hover:after {
            transform: scaleX(1)
        }
}

.kocho-primary-nav__portal {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #fff;
    margin-top: 2rem;
    max-width: 23rem;
    margin-left: 0
}

@media(min-width:768px) {
    .kocho-primary-nav__portal {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media(min-width:992px) {
    .kocho-primary-nav__portal {
        position: absolute;
        top: -1rem;
        padding: 0;
        font-size: 0;
        display: flex;
        align-items: center
    }

        .kocho-primary-nav__portal br {
            display: none
        }
}

@media(min-width:1200px) {
    .kocho-primary-nav__portal {
        max-width: 1140px;
        margin-left: auto
    }
}

@media(min-width:1300px) {
    .kocho-primary-nav__portal {
        max-width: 1250px
    }
}

@media(min-width:1400px) {
    .kocho-primary-nav__portal {
        max-width: 1360px
    }
}

@media(min-width:1500px) {
    .kocho-primary-nav__portal {
        max-width: 1420px
    }
}

.kocho-primary-nav__portal a, .kocho-primary-nav__portal div {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #fff;
    outline: none
}

@media(min-width:768px) {
    .kocho-primary-nav__portal a, .kocho-primary-nav__portal div {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-primary-nav__portal a:focus, .kocho-primary-nav__portal a:hover, .kocho-primary-nav__portal div:focus, .kocho-primary-nav__portal div:hover {
    color: #00ec00
}

.kocho-hubspot-form .kocho-primary-nav .hs-submit, .kocho-primary-nav .kocho-button__container, .kocho-primary-nav .kocho-hubspot-form .hs-submit {
    margin: 0
}

@media(min-width:576px) {
    .kocho-hubspot-form .kocho-primary-nav .hs-submit, .kocho-primary-nav .kocho-button__container, .kocho-primary-nav .kocho-hubspot-form .hs-submit {
        max-width: fit-content
    }
}

.kocho-primary-nav__cta-wrapper {
    margin-top: 3rem;
    margin-bottom: 1rem
}

@media(min-width:992px) {
    .kocho-primary-nav__cta-wrapper {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0;
        margin-left: 2vw
    }
}

@media screen and (min-width:1150px) {
    .kocho-primary-nav__cta-wrapper {
        margin-left: 2rem
    }
}

@media(min-width:1200px) {
    .kocho-primary-nav__cta-wrapper {
        margin-left: 2.5rem
    }
}

.kocho-primary-nav__cta-wrapper, .kocho-primary-nav__portal {
    transition: opacity .3s ease-in-out;
    opacity: 1
}

.kocho-primary-nav__cta-wrapper--hide, .kocho-primary-nav__portal--hide {
    opacity: 0
}

.kocho-primary-nav__desktop-cta {
    display: none
}

@media(min-width:992px) {
    .kocho-primary-nav__desktop-cta {
        display: flex
    }
}

.kocho-primary-nav__mobile-cta {
    transform: translateX(-1000px)
}

@media(min-width:992px) {
    .kocho-primary-nav__mobile-cta {
        display: none
    }
}

.kocho-primary-nav--open .kocho-primary-nav__mobile-cta {
    transform: translateX(0)
}

#primary-nav .pattern-library__example {
    background-color: #061619;
    overflow: visible
}

.kocho-quote-insert-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    position: relative
}

@media(min-width:768px) {
    .kocho-quote-insert-card {
        border-radius: 0 .5rem .5rem 0
    }
}

@media(min-width:992px) {
    .kocho-quote-insert-card {
        border-radius: .5rem;
        flex-direction: row;
        width: 55%
    }
}

.kocho-quote-insert-card__body {
    margin: 0 1rem;
    z-index: 3
}

    .kocho-quote-insert-card__body blockquote {
        margin: 0
    }

        .kocho-quote-insert-card__body blockquote .kocho-centred-narrow-content__copy > div, .kocho-quote-insert-card__body blockquote .kocho-narrow-content__copy > div, .kocho-quote-insert-card__body blockquote p {
            font-size: 1.5625rem;
            line-height: 2.1875rem;
            font-family: mokoko,Georgia,serif;
            font-weight: 400;
            margin: 0
        }

@media(min-width:768px) {
    .kocho-quote-insert-card__body blockquote .kocho-centred-narrow-content__copy > div, .kocho-quote-insert-card__body blockquote .kocho-narrow-content__copy > div, .kocho-quote-insert-card__body blockquote p {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-quote-insert-card__body blockquote.text--white :last-child, .kocho-quote-insert-card__body div.text--white :last-child {
    color: #fff
}

.kocho-quote-insert-card__body div.text--white .kocho-centred-narrow-content__copy > div, .kocho-quote-insert-card__body div.text--white .kocho-narrow-content__copy > div, .kocho-quote-insert-card__body div.text--white p {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0
}

@media(min-width:768px) {
    .kocho-quote-insert-card__body div.text--white .kocho-centred-narrow-content__copy > div, .kocho-quote-insert-card__body div.text--white .kocho-narrow-content__copy > div, .kocho-quote-insert-card__body div.text--white p {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-quote-insert-card__quote-circle {
    border: 1px solid #061619;
    border-radius: 50%;
    max-height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    max-width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    margin-left: 1rem
}

@media(min-width:992px) {
    .kocho-quote-insert-card__quote-circle {
        margin-bottom: 0;
        margin-left: 0
    }
}

.kocho-quote-insert-card__quote-circle img {
    height: 1.5rem;
    width: 1.5rem
}

.kocho-quote-insert-card .kocho-insert-card__quote-two-colour {
    height: 2.5rem;
    width: 2.5rem;
    margin-bottom: 1rem;
    margin-left: 1rem
}

@media(min-width:992px) {
    .kocho-quote-insert-card .kocho-insert-card__quote-two-colour {
        margin-bottom: 0;
        margin-left: 0
    }
}

.kocho-quote-insert-card .overlay {
    width: inherit;
    top: 4rem;
    right: -10rem;
    bottom: -4rem;
    height: 20rem;
    z-index: 2
}

@media(min-width:768px) {
    .kocho-quote-insert-card .overlay {
        top: 0;
        bottom: 0
    }
}

.kocho-quote-insert-card .overlay img {
    opacity: .2
}

.kocho-quote-insert-card__quote-source {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: rgba(6,22,25,.6)
}

@media(min-width:768px) {
    .kocho-quote-insert-card__quote-source {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-quote-insert-card__quote-source:active {
    color: rgba(6,22,25,.6)
}

.kocho-quote-insert-card__quote-source figcaption {
    margin: .5rem 0
}

    .kocho-quote-insert-card__quote-source figcaption cite {
        font-style: normal
    }

.kocho-quote {
    background-color: transparent
}

.kocho-quote__quote-circle {
    border: 1px solid #061619;
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

    .kocho-quote__quote-circle img {
        height: 1.5rem;
        width: 1.5rem
    }

.kocho-quote__quote-two-colour {
    height: 2.5rem;
    width: 2.5rem
}

.kocho-quote__ebony .kocho-centred-narrow-content__copy > div, .kocho-quote__ebony .kocho-narrow-content__copy > div, .kocho-quote__ebony .kocho-person-avatar__text, .kocho-quote__ebony blockquote, .kocho-quote__ebony p {
    color: #fff !important
}

.kocho-quote__ebony__quote-wrapper img {
    width: 2rem;
    height: 2rem
}

.kocho-quote .kocho-person-avatar {
    display: flex;
    flex-direction: column
}

.kocho-quote .kocho-person-avatar__name {
    font-weight: 700
}

.kocho-quote .kocho-person-avatar .text--oatmeal, .kocho-quote .kocho-person-avatar .text--white, .kocho-quote .kocho-person-avatar__text {
    color: #061619
}

.kocho-quote__body-text {
    margin: 0;
    padding: 2rem 0
}

#quote.pattern-library__section .kocho-quote__lime {
    background-color: #00ec00
}

#quote.pattern-library__section .kocho-quote__oatmeal {
    background-color: #ebe9e2
}

#quote.pattern-library__section .kocho-quote__ebony {
    background-color: #061619
}

.kocho-redirect-banner {
    background-color: #f4ff00
}

.kocho-redirect-banner__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    padding-bottom: 1rem;
    padding-top: 1rem
}

@media(min-width:768px) {
    .kocho-redirect-banner__container {
        flex-direction: row
    }
}

.kocho-redirect-banner__container picture {
    display: block;
    height: 100%;
    flex-shrink: 0
}

.kocho-redirect-banner__container img {
    object-fit: contain;
    height: 2.5rem
}

.kocho-search-form {
    width: 100%
}

@media(max-width:calc(576px - 1px)) {
    .kocho-search-form__container {
        padding: 0
    }
}

.kocho-search-form__form {
    position: relative
}

.kocho-search-form__submit {
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 1rem);
    height: 2rem;
    width: 2rem;
    box-sizing: border-box;
    z-index: 1;
    background-color: #061619;
    border-radius: 50%;
    border: 1px solid transparent;
    background-image: url(https://kocho.co.uk//app/themes/sage/resources/assets/images/icons/1-colour/search-white.svg);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: 50%;
    outline: none
}

    .kocho-search-form__submit:focus, .kocho-search-form__submit:hover::placeholder {
        border: 1px solid #f4ff00
    }

    .kocho-search-form__submit:disabled {
        opacity: .6
    }

.kocho-search-form__input {
    display: block;
    background-color: #010202;
    width: 100%;
    border: none;
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    color: #fff;
    padding: 1.25rem 4rem 1.25rem 2rem;
    border-radius: 3rem;
    outline: none;
    margin-bottom: 1.5rem
}

@media(min-width:768px) {
    .kocho-search-form__input {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-search-form__input::-webkit-search-cancel-button, .kocho-search-form__input::-webkit-search-decoration, .kocho-search-form__input::-webkit-search-results-button, .kocho-search-form__input::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.kocho-search-form__input::placeholder {
    color: hsla(0,0%,100%,.4)
}

.kocho-search-form__input:hover::placeholder {
    color: #fff
}

.kocho-search-form__input:active {
    box-shadow: 0 0 16px rgba(6,22,25,.4)
}

.kocho-search-form__input:disabled {
    opacity: .6
}

.kocho-search-form__input:focus {
    border: 1px solid #f4ff00
}

@media(min-width:768px) {
    .kocho-search-form__suggestions {
        display: flex;
        align-items: flex-start;
        margin-top: -.5rem
    }
}

.kocho-search-form .kocho-block-tag {
    margin-bottom: 0
}

@media(min-width:768px) {
    .kocho-search-form .kocho-block-tag {
        margin-top: 1.25rem;
        margin-right: 1rem
    }
}

#search-form .pattern-library__example {
    background-color: #061619
}

@media(max-height:576px) {
    body.modal-open .kocho-search-form {
        padding-top: 5rem
    }
}

.kocho-sidebar-card {
    background-color: #061619;
    color: #fff
}

@media(min-width:992px) {
    .kocho-sidebar-card {
        border-radius: .5rem
    }
}

@media(min-width:992px) {
    .kocho-sidebar-card img {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }
}

.kocho-sidebar-card__content {
    padding: 2rem
}

.kocho-sidebar-card__meta {
    color: #f4ff00
}

.kocho-hubspot-form .kocho-sidebar-card .hs-submit, .kocho-sidebar-card .kocho-button__container, .kocho-sidebar-card .kocho-hubspot-form .hs-submit {
    margin: 0;
    margin-top: 2rem
}

@media(min-width:768px) {
    #sidebar-card.pattern-library__section .kocho-sidebar-card {
        width: 25rem
    }
}

.kocho-sidebar {
    max-width: 23.375rem;
    min-width: 18.75rem
}

@media(min-width:992px) {
    .kocho-sidebar--button, .kocho-sidebar--sticky {
        position: sticky;
        top: 120px
    }
}

.kocho-sidebar--sticky {
    top: calc(104px + 2rem)
}

.kocho-narrow-content .kocho-sidebar {
    display: none
}

@media(min-width:992px) {
    .kocho-narrow-content .kocho-sidebar {
        width: 33%;
        margin-left: 2rem;
        display: block;
        margin-left: 0
    }
}

.kocho-sidebar__section {
    border-radius: .5rem;
    overflow: hidden
}

    .kocho-sidebar__section:not(:first-child) {
        margin-top: 2rem
    }

.kocho-sidebar__content {
    background: #ebe9e2;
    padding-right: 1.2rem;
    padding: 1.8rem 2rem 2.8rem
}

    .kocho-sidebar__content a, .kocho-sidebar__content a:active, .kocho-sidebar__content a:hover, .kocho-sidebar__content a:visited {
        color: #061619
    }

.kocho-sidebar__title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-decoration: underline
}

@media(min-width:768px) {
    .kocho-sidebar__title {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-sidebar__title--large {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    margin-bottom: 2rem
}

@media(min-width:768px) {
    .kocho-sidebar__title--large {
        font-size: 1.5625rem;
        line-height: 2.1875rem
    }
}

.kocho-sidebar__copy:not(:first-child) {
    margin-top: .7rem
}

.kocho-sidebar__copy, .kocho-sidebar__copy * {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400
}

@media(min-width:768px) {
    .kocho-sidebar__copy, .kocho-sidebar__copy * {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-sidebar__nav {
    position: sticky;
    top: 2rem;
    padding: 1.8rem 2rem 2.8rem
}

@media(min-width:992px) {
    .kocho-sidebar__nav {
        top: calc(100px + 2rem)
    }
}

.kocho-sidebar__links {
    margin: 0;
    padding: 0;
    max-height: calc(100vh - 280px);
    overflow: auto
}

.kocho-sidebar__li {
    white-space: normal
}

    .kocho-sidebar__li:not(:last-child) {
        margin-bottom: 1.1rem
    }

.kocho-sidebar__link {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #061619;
    opacity: .7
}

@media(min-width:768px) {
    .kocho-sidebar__link {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-social-icons-list {
    background-color: #061619
}

.kocho-social-icons-list__logos {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    margin: 0
}

    .kocho-social-icons-list__logos img {
        object-fit: contain;
        height: 2rem;
        width: 2rem;
        margin: 0 .5rem
    }

.kocho-speaker-card {
    display: flex;
    flex-direction: column;
    background: #061619
}

.kocho-speaker-card__profile {
    height: 6.25rem;
    width: 6.25rem;
    margin-bottom: 1rem
}

.kocho-speaker-card__subtitle {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #fff
}

@media(min-width:768px) {
    .kocho-speaker-card__subtitle {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-speaker-card__name {
    font-size: 1.5625rem;
    line-height: 1.9375rem;
    font-family: mokoko,Georgia,serif;
    color: #fff;
    margin-top: .75rem
}

.kocho-speaker-card__about .kocho-centred-narrow-content__copy > div, .kocho-speaker-card__about .kocho-narrow-content__copy > div, .kocho-speaker-card__about p {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #fff;
    margin-top: 1rem
}

@media(min-width:768px) {
    .kocho-speaker-card__about .kocho-centred-narrow-content__copy > div, .kocho-speaker-card__about .kocho-narrow-content__copy > div, .kocho-speaker-card__about p {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.kocho-speaker-card .kocho-social-icons-list {
    padding: 1.5rem 0 0
}

.kocho-speaker-card .kocho-social-icons-list__logos {
    padding: 0
}

    .kocho-speaker-card .kocho-social-icons-list__logos img {
        margin-left: 0
    }

.kocho-hubspot-form .kocho-speaker-card .hs-submit, .kocho-speaker-card .kocho-button__container, .kocho-speaker-card .kocho-hubspot-form .hs-submit {
    margin: 0;
    margin-top: 1.5rem
}

.kocho-hubspot-form--dark .hs-submit--green-button .hs-submit .kocho-speaker-card--closed input[type=submit], .kocho-hubspot-form .hs-submit .kocho-speaker-card--closed input[type=submit], .kocho-speaker-card--closed .kocho-button, .kocho-speaker-card--closed .kocho-hubspot-form--dark .hs-submit--green-button .hs-submit input[type=submit], .kocho-speaker-card--closed .kocho-hubspot-form .hs-submit input[type=submit], .kocho-speaker-card--closed .kocho-speaker-card__socials, .kocho-speaker-card--expanded .kocho-speaker-card__about--closed, .kocho-speaker-card__about--closed {
    display: none
}

@media(min-width:768px) {
    .kocho-speaker-card__about--closed {
        display: block
    }
}

.kocho-speaker-card__show-more-button {
    margin-top: 1rem;
    padding-left: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-align: start
}

@media(min-width:768px) {
    .kocho-speaker-card__show-more-button {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-speaker-card__show-more-button:hover {
    cursor: pointer
}

.kocho-speaker-card .text-hidden {
    display: none
}

#speaker-card.pattern-library__section .kocho-speaker-card {
    width: 20rem;
    padding: 2rem
}

.kocho-sub-nav {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .6s ease-in-out,max-height .3s ease-in-out
}

.kocho-sub-nav__container, .kocho-sub-nav__landscape-cards {
    width: 100%
}

@media(max-width:calc(992px - 1px)) {
    .kocho-sub-nav__container, .kocho-sub-nav__landscape-cards {
        padding: 0 !important
    }
}

@media(min-width:992px) {
    .kocho-sub-nav {
        visibility: hidden;
        position: absolute;
        z-index: 10;
        justify-content: flex-start;
        top: auto;
        left: 0;
        width: 100%;
        opacity: 0;
        transition: visibility 0s linear,opacity,max-height 0s ease-out .6s,background-color 0s ease-in-out .2s;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

        .kocho-sub-nav * {
            transition: opacity .3s ease-in-out;
            opacity: 0
        }
}

.kocho-sub-nav--row .kocho-sub-nav__item {
    width: 100%
}

@media(min-width:992px) {
    .kocho-sub-nav--has-portrait .kocho-sub-nav__container, .kocho-sub-nav--has-portrait .kocho-sub-nav__landscape-cards, .kocho-sub-nav--row .kocho-sub-nav__sub-nav {
        display: flex;
        justify-content: space-between
    }

    @supports(display:grid) {
        .kocho-sub-nav--has-portrait .kocho-sub-nav__container, .kocho-sub-nav--has-portrait .kocho-sub-nav__landscape-cards, .kocho-sub-nav--row .kocho-sub-nav__sub-nav {
            display: grid;
            grid-auto-columns: 1fr;
            grid-auto-rows: 2.5rem
        }
    }
}

@media(min-width:992px) {
    .kocho-sub-nav--has-portrait .kocho-sub-nav__item--card {
        max-width: 18rem
    }
}

.kocho-sub-nav__portrait-cards {
    display: none
}

@media(min-width:992px) {
    .kocho-sub-nav__portrait-cards {
        display: flex
    }
}

.kocho-sub-nav--active {
    opacity: 1;
    max-height: 200vh;
    overflow: hidden;
    visibility: visible
}

@media(min-width:992px) {
    .kocho-sub-nav--active {
        display: flex;
        opacity: 1;
        height: calc(100vh - 100%);
        background-color: #010202;
        left: 0;
        width: 100%
    }

        .kocho-sub-nav--active .kocho-sub-nav__container, .kocho-sub-nav--active .kocho-sub-nav__landscape-cards {
            display: flex
        }
}

.kocho-sub-nav__item {
    opacity: 1;
    max-height: 200vh;
    overflow: hidden;
    transition: opacity,max-height .3s ease-in-out;
    border-left: .1rem solid #00ec00;
    padding-left: 1.5rem
}

@media(min-width:992px) {
    .kocho-sub-nav__item {
        border-left: none
    }

    .kocho-sub-nav__item--card {
        display: block;
        min-width: 15rem
    }

    .kocho-sub-nav__item:first-child {
        padding-left: 0
    }
}

.kocho-sub-nav__item--hidden {
    max-height: 0;
    opacity: 0;
    transition: opacity .6s ease-in-out,max-height .3s ease-in-out
}

.kocho-sub-nav__link, .kocho-sub-nav__sub-nav__link {
    background-color: transparent;
    border: none;
    display: block;
    width: 100%;
    color: #fff;
    padding-top: .25rem;
    padding-bottom: .25rem;
    text-align: left
}

@media(max-width:calc(992px - 1px)) {
    .kocho-sub-nav__link, .kocho-sub-nav__sub-nav__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 1.875rem;
        line-height: 2.5rem;
        font-family: mokoko,Georgia,serif;
        font-weight: 400;
        margin: 0;
        font-size: 1.5625rem;
        color: #fff;
        padding: 1rem;
        text-decoration: none;
        outline: none
    }
}

@media(max-width:calc(992px - 1px)) and (min-width:768px) {
    .kocho-sub-nav__link, .kocho-sub-nav__sub-nav__link {
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-sub-nav__link span, .kocho-sub-nav__sub-nav__link span {
        text-decoration: underline
    }

    .kocho-sub-nav__link--active + .kocho-primary-nav__item__button img, .kocho-sub-nav__sub-nav__link--active + .kocho-primary-nav__item__button img {
        transform: rotate(180deg)
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-sub-nav__link, .kocho-sub-nav__sub-nav__link {
        font-size: 1.25rem;
        line-height: 1.875rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        color: #fff
    }
}

@media(max-width:calc(992px - 1px)) and (min-width:768px) {
    .kocho-sub-nav__link, .kocho-sub-nav__sub-nav__link {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

@media(min-width:992px) {
    .kocho-sub-nav__link:not(button), .kocho-sub-nav__sub-nav__link:not(button) {
        outline: none
    }

        .kocho-sub-nav__link:not(button):after, .kocho-sub-nav__sub-nav__link:not(button):after {
            display: block;
            content: "";
            height: .1rem;
            width: 100%;
            background-color: #00ec00;
            transition: transform .2s ease-in-out;
            transform: scaleX(0);
            transform-origin: left
        }

        .kocho-sub-nav__link:not(button):focus:after, .kocho-sub-nav__link:not(button):hover:after, .kocho-sub-nav__sub-nav__link:not(button):focus:after, .kocho-sub-nav__sub-nav__link:not(button):hover:after {
            transform: scaleX(1)
        }
}

@media(min-width:992px) {
    .kocho-sub-nav__link, .kocho-sub-nav__sub-nav__link {
        display: inline-block;
        width: auto;
        position: relative
    }

        .kocho-sub-nav__link:after, .kocho-sub-nav__sub-nav__link:after {
            position: absolute
        }
}

.kocho-sub-nav__link span, .kocho-sub-nav__sub-nav__link span {
    text-decoration: none
}

@media(min-width:992px) {
    .kocho-sub-nav__link {
        padding-left: 0
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-sub-nav__item:first-child .kocho-sub-nav__link, .kocho-sub-nav__sub-nav__item:first-child .kocho-sub-nav__sub-nav__link {
        padding-top: .25rem
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-sub-nav__item:last-child .kocho-sub-nav__link, .kocho-sub-nav__sub-nav__item:last-child .kocho-sub-nav__sub-nav__link {
        padding-bottom: .25rem
    }
}

.kocho-sub-nav__item--card {
    display: none
}

@media(min-width:992px) {
    .kocho-sub-nav__item--card {
        display: block
    }
}

@media(min-width:992px) {
    .kocho-sub-nav__sub-nav__item {
        margin-bottom: 1rem;
        grid-row: span 1
    }

    .kocho-sub-nav__sub-nav__item--card {
        display: block;
        grid-column: 4/5;
        grid-row: 1/4
    }
}

.kocho-sub-nav--has-portrait .kocho-sub-nav__container .kocho-sub-nav__item--card .kocho-card, .kocho-sub-nav--has-portrait .kocho-sub-nav__landscape-cards .kocho-sub-nav__item--card .kocho-card {
    height: 100%
}

.kocho-sub-nav__sub-nav {
    list-style: none;
    transition: opacity,max-height .3s ease-in-out;
    padding: 0
}

    .kocho-sub-nav__sub-nav:not(.kocho-sub-nav__sub-nav--only-child) {
        opacity: 0;
        overflow: hidden;
        max-height: 0
    }

@media(min-width:992px) {
    .kocho-sub-nav__sub-nav:not(.kocho-sub-nav__sub-nav--only-child) {
        overflow: visible;
        max-height: 200vh;
        opacity: 1
    }
}

.kocho-sub-nav__sub-nav--only-child {
    border-left: .1rem solid #00ec00;
    padding-left: 2rem
}

@media(min-width:992px) {
    .kocho-sub-nav__sub-nav--only-child {
        grid-template-columns: unset !important;
        border-left: none;
        padding-left: 0
    }
}

.kocho-sub-nav__item--active > .kocho-sub-nav__sub-nav {
    padding-top: 1rem
}

@media(min-width:992px) {
    .kocho-sub-nav__sub-nav__link {
        text-decoration: none;
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-family: mokoko,Georgia,serif;
        font-weight: 400;
        margin: 0;
        color: #fff
    }
}

@media(min-width:992px) and (min-width:768px) {
    .kocho-sub-nav__sub-nav__link {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-sub-nav__sub-nav__link:after {
        content: "";
        background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-small-white.svg);
        height: 1.5rem;
        width: 1.5rem;
        background-size: 1.4rem;
        background-repeat: no-repeat;
        position: relative;
        right: -.75rem
    }
}

.kocho-sub-nav__link img {
    transform: rotate(0);
    position: absolute;
    z-index: 0;
    right: calc(2rem + 6px)
}

@media(min-width:992px) {
    .kocho-sub-nav__link img {
        display: none
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-sub-nav__link-text {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%
    }
}

.kocho-sub-nav__link--active {
    color: #00ec00
}

    .kocho-sub-nav__link--active img {
        transform: rotate(180deg)
    }

@media(min-width:992px) {
    .kocho-sub-nav__link {
        font-size: .75rem;
        line-height: 1.25rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        margin: 0;
        letter-spacing: .125rem;
        text-decoration: none;
        color: #f4ff00;
        padding-bottom: 1rem;
        display: inline-block
    }
}

@media(min-width:992px) and (min-width:768px) {
    .kocho-sub-nav__link {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-sub-nav__link--active + .kocho-sub-nav__sub-nav {
    max-height: 200vh;
    opacity: 1
}

.kocho-sub-nav__landscape-cards {
    display: none;
    margin-top: 1.5rem
}

@media(min-width:992px) {
    .kocho-sub-nav__landscape-cards {
        display: flex
    }
}

.kocho-sub-nav__landscape-card {
    display: none;
    flex: 1;
    margin-right: 1rem
}

@media(min-width:992px) {
    .kocho-sub-nav__landscape-card {
        display: flex
    }
}

.kocho-sub-nav__landscape-card:last-child {
    margin-right: 0
}

#sub-nav .pattern-library__example {
    background-color: #061619
}

.kocho-summit-event-card {
    position: relative;
    bottom: -4rem;
    padding: 2rem 2rem 3rem;
    background-color: #f4ff00;
    border-radius: .25rem;
    box-shadow: 0 0 1rem 0 rgba(6,22,25,.4);
    align-self: flex-start;
    box-sizing: border-box
}

@media(max-width:calc(768px - 1px)) {
    .kocho-summit-event-card {
        min-width: 75%
    }
}

@media(max-width:calc(576px - 1px)) {
    .kocho-summit-event-card {
        min-width: 100%
    }
}

@media(min-width:576px) {
    .kocho-summit-event-card {
        padding: 3rem;
        border-radius: .5rem;
        width: 66.6%;
        max-width: 28rem
    }
}

@media(min-width:992px) {
    .kocho-summit-event-card {
        bottom: -7rem
    }
}

.kocho-summit-event-card__details {
    list-style: none;
    padding: 0
}

    .kocho-summit-event-card__details li {
        background-repeat: no-repeat;
        background-size: 1.25rem;
        background-position: 0;
        padding-left: 2.5rem;
        margin-bottom: 2rem
    }

        .kocho-summit-event-card__details li:first-child {
            background-image: url(/app/themes/sage/resources/assets/images/icons/calendar.svg);
            background-position: 0;
            background-size: 1.33rem
        }

        .kocho-summit-event-card__details li:last-child {
            background-image: url(/app/themes/sage/resources/assets/images/icons/marker.svg)
        }

.kocho-hubspot-form .kocho-summit-event-card .hs-submit, .kocho-summit-event-card .kocho-button__container, .kocho-summit-event-card .kocho-hubspot-form .hs-submit {
    margin-top: .5rem;
    margin-bottom: -1rem;
    margin-left: 0
}

@media(min-width:992px) {
    .kocho-hubspot-form .kocho-summit-event-card .hs-submit, .kocho-summit-event-card .kocho-button__container, .kocho-summit-event-card .kocho-hubspot-form .hs-submit {
        margin-bottom: 0
    }
}

.kocho-summit-nav {
    background-color: #ebe9e2;
    margin-top: 2rem;
    padding-top: 1.75rem
}

@media(min-width:992px) {
    .kocho-summit-nav {
        margin-top: 0
    }
}

@media(min-width:992px) {
    .kocho-summit-nav__banner {
        display: flex;
        justify-content: space-between
    }
}

.kocho-summit-nav__btn {
    background-color: transparent;
    color: #061619;
    padding: 0 3rem 0 0;
    border: none;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 600;
    margin: 0;
    position: relative;
    cursor: pointer
}

@media(min-width:768px) {
    .kocho-summit-nav__btn {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

.kocho-summit-nav__btn:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - .5rem);
    right: 0;
    background-image: url(/app/themes/sage/resources/assets/images/icons/arrows/chevron-ebony.svg);
    background-position: 50%;
    background-size: 1.25rem;
    height: 1rem;
    width: 2rem;
    background-repeat: no-repeat;
    transition: transform .3s ease-in-out;
    transform: rotate(0)
}

.kocho-summit-nav__btn:after {
    display: block;
    content: "";
    height: .1rem;
    width: 100%;
    background-color: #061619;
    transition: transform .2s ease-in-out;
    transform: scaleX(0);
    transform-origin: left
}

.kocho-summit-nav__btn:focus, .kocho-summit-nav__btn:hover {
    outline: none
}

    .kocho-summit-nav__btn:focus:after, .kocho-summit-nav__btn:hover:after {
        transform: scaleX(1)
    }

.kocho-summit-nav--open .kocho-summit-nav__btn {
    outline: none
}

    .kocho-summit-nav--open .kocho-summit-nav__btn:before {
        transform: rotate(-180deg)
    }

.kocho-summit-nav__link {
    color: #061619;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: mokoko,Georgia,serif;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    padding: .5rem 0;
    margin-bottom: .5rem
}

@media(min-width:768px) {
    .kocho-summit-nav__link {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.kocho-summit-nav__link:after {
    display: block;
    content: "";
    height: .1rem;
    width: 100%;
    background-color: #061619;
    transition: transform .2s ease-in-out;
    transform: scaleX(0);
    transform-origin: left
}

.kocho-summit-nav__link--active, .kocho-summit-nav__link:focus, .kocho-summit-nav__link:hover {
    outline: none
}

    .kocho-summit-nav__link--active:after, .kocho-summit-nav__link:focus:after, .kocho-summit-nav__link:hover:after {
        transform: scaleX(1)
    }

.kocho-summit-nav__nav {
    transition: max-height .3s ease-in-out;
    max-height: 0;
    overflow: hidden;
    background-color: #ebe9e2;
    margin-top: 1.75rem;
    visibility: hidden
}

    .kocho-summit-nav__nav .kocho-summit-nav__container {
        padding-top: .75rem;
        padding-bottom: 2.5rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

.kocho-summit-nav--open .kocho-summit-nav__nav {
    max-height: 100vh;
    visibility: visible
}

.kocho-hubspot-form .kocho-summit-nav .hs-submit, .kocho-summit-nav .kocho-button__container, .kocho-summit-nav .kocho-hubspot-form .hs-submit {
    margin: 0
}

.kocho-summit-nav__desktop-cta {
    display: none
}

@media(min-width:992px) {
    .kocho-summit-nav__desktop-cta {
        display: flex
    }
}

.kocho-summit-nav__mobile-cta {
    display: flex;
    margin-top: 2rem
}

@media(min-width:992px) {
    .kocho-summit-nav__mobile-cta {
        display: none
    }
}

@media(max-width:calc(992px - 1px)) {
    .kocho-header__fixed--active .kocho-summit-nav {
        display: none
    }
}

.kocho-tags__tag .kocho-tags__button, .kocho-tags__tag .kocho-tags__link, .kocho-tags__tag div {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .125rem;
    display: block;
    padding: .25rem .75rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    border-radius: 2rem;
    border: .04167rem solid transparent;
    cursor: pointer
}

@media(min-width:768px) {
    .kocho-tags__tag .kocho-tags__button, .kocho-tags__tag .kocho-tags__link, .kocho-tags__tag div {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.kocho-tags__tag .kocho-chip--dark-lemon-font.kocho-tags__button, .kocho-tags__tag .kocho-chip--dark-lemon-font.kocho-tags__link, .kocho-tags__tag div.kocho-chip--dark-lemon-font {
    background-color: #061619;
    color: #f4ff00
}

.kocho-tags__tag .kocho-chip--dark-oatmeal-font.kocho-tags__button, .kocho-tags__tag .kocho-chip--dark-oatmeal-font.kocho-tags__link, .kocho-tags__tag div.kocho-chip--dark-oatmeal-font {
    background-color: #010202;
    color: #ebe9e2
}

    .kocho-tags__tag .kocho-chip--dark-oatmeal-font.kocho-tags__button:focus, .kocho-tags__tag .kocho-chip--dark-oatmeal-font.kocho-tags__button:hover, .kocho-tags__tag .kocho-chip--dark-oatmeal-font.kocho-tags__link:focus, .kocho-tags__tag .kocho-chip--dark-oatmeal-font.kocho-tags__link:hover, .kocho-tags__tag div.kocho-chip--dark-oatmeal-font:focus, .kocho-tags__tag div.kocho-chip--dark-oatmeal-font:hover {
        border-color: #fff;
        outline-color: #fff
    }

.kocho-tags__tag .kocho-chip--surface-light.kocho-tags__button, .kocho-tags__tag .kocho-chip--surface-light.kocho-tags__link, .kocho-tags__tag div.kocho-chip--surface-light {
    background-color: #d9d5c6;
    color: #061619
}

    .kocho-tags__tag .kocho-chip--surface-light.kocho-tags__button:focus, .kocho-tags__tag .kocho-chip--surface-light.kocho-tags__button:hover, .kocho-tags__tag .kocho-chip--surface-light.kocho-tags__link:focus, .kocho-tags__tag .kocho-chip--surface-light.kocho-tags__link:hover, .kocho-tags__tag div.kocho-chip--surface-light:focus, .kocho-tags__tag div.kocho-chip--surface-light:hover {
        border-color: #061619;
        outline-color: #061619
    }

.kocho-tags__tag .kocho-chip--oatmeal.kocho-tags__button, .kocho-tags__tag .kocho-chip--oatmeal.kocho-tags__link, .kocho-tags__tag div.kocho-chip--oatmeal {
    background-color: #d9d5c6;
    color: #061619
}

    .kocho-tags__tag .kocho-chip--oatmeal.kocho-chip--border.kocho-tags__button, .kocho-tags__tag .kocho-chip--oatmeal.kocho-chip--border.kocho-tags__link, .kocho-tags__tag div.kocho-chip--oatmeal.kocho-chip--border {
        border: 1px solid #061619
    }

    .kocho-tags__tag .kocho-chip--oatmeal.kocho-tags__button:focus, .kocho-tags__tag .kocho-chip--oatmeal.kocho-tags__button:hover, .kocho-tags__tag .kocho-chip--oatmeal.kocho-tags__link:focus, .kocho-tags__tag .kocho-chip--oatmeal.kocho-tags__link:hover, .kocho-tags__tag div.kocho-chip--oatmeal:focus, .kocho-tags__tag div.kocho-chip--oatmeal:hover {
        border-color: #061619;
        outline-color: #061619
    }

.kocho-tags__tag .kocho-tags__button:disabled, .kocho-tags__tag .kocho-tags__link:disabled, .kocho-tags__tag div:disabled {
    opacity: .4
}

.kocho-tags {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0
}

.kocho-tags--stacked {
    flex-direction: column
}

.kocho-tags__tag .kocho-tags__button, .kocho-tags__tag .kocho-tags__link, .kocho-tags__tag div {
    text-transform: capitalize;
    text-decoration: none
}

.kocho-text {
    display: flex;
    flex-direction: column
}

    .kocho-text.text--center {
        align-items: center;
        justify-content: center
    }

    .kocho-text.text--left {
        align-items: flex-start;
        justify-content: flex-start
    }

        .kocho-text.text--left .kocho-block-tag__icon + .kocho-block-tag__text, .kocho-text.text--left .kocho-block-tag__icon + .kocho-hero__published-date {
            transform: translateX(-2.5rem)
        }

        .kocho-text.text--left .kocho-block-tag__icon {
            transform: translateX(-1rem)
        }

    .kocho-text .kocho-block-tag {
        margin-bottom: .4375rem
    }

@media(min-width:992px) {
    .kocho-text .kocho-block-tag {
        margin-bottom: 2.5rem
    }
}

.kocho-text__text, .kocho-text__title {
    margin-bottom: 2.5rem
}

.kocho-text__text {
    width: 100%
}

.kocho-text__standfirst {
    margin-top: 2rem
}

    .kocho-text__standfirst, .kocho-text__standfirst > * {
        font-size: 1.375rem;
        line-height: 1.75rem;
        font-family: SpaceGrotesk,Arial,sans-serif;
        font-weight: 400;
        margin-bottom: 1.5rem
    }

@media(min-width:768px) {
    .kocho-text__standfirst, .kocho-text__standfirst > * {
        font-size: 1.375rem;
        line-height: 1.75rem
    }
}

@media(min-width:992px) {
    .kocho-text__title + .kocho-text__standfirst {
        margin-top: 0
    }
}

.kocho-text__icon {
    height: 2rem
}

.kocho-hubspot-form .kocho-text .hs-submit, .kocho-text .kocho-button__container, .kocho-text .kocho-hubspot-form .hs-submit {
    margin-bottom: 2.5rem
}

.kocho-timeline-event {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #fff
}

@media(min-width:768px) {
    .kocho-timeline-event {
        align-items: stretch;
        flex-direction: row;
        gap: 4.2rem
    }
}

.kocho-timeline-event * {
    color: inherit
}

.kocho-timeline-event:after {
    content: "";
    display: block;
    height: 5.4rem;
    bottom: -1rem;
    width: 2px;
    background: #00ec00;
    position: absolute
}

@media(min-width:768px) {
    .kocho-timeline-event:after {
        display: none
    }
}

.kocho-timeline-event__side-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
    font-size: 1.875rem;
    font-family: SpaceGrotesk,Arial,sans-serif
}

@media(min-width:768px) {
    .kocho-timeline-event__side-title {
        gap: 2rem;
        padding-left: .7rem;
        font-size: 2.8125rem
    }
}

.kocho-timeline-event__side-title:after {
    content: "";
    display: block;
    width: 2px;
    background: #00ec00;
    height: 1rem
}

@media(min-width:768px) {
    .kocho-timeline-event__side-title:after {
        height: 100%
    }
}

.kocho-timeline-event:last-child .kocho-timeline-event__side-title:after {
    min-height: 100%
}

.kocho-timeline-event__article {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    width: 100%;
    margin-bottom: 4.4rem;
    padding: 2.5rem 1.5rem;
    border: 1px solid #ebe9e2;
    border-radius: .5rem;
    backdrop-filter: blur(2px) brightness(.9);
    background: rgba(6,22,25,.6)
}

@media(min-width:992px) {
    .kocho-timeline-event__article {
        gap: 2.4rem;
        flex-direction: row;
        padding: 2.5rem 1.5rem 2.5rem 2.5rem
    }
}

.kocho-timeline-event__subtitle {
    color: #f4ff00;
    font-size: .75rem;
    text-transform: uppercase;
    margin-bottom: 0
}

.kocho-timeline-event__title:not(:first-child) {
    margin-top: .2rem
}

.kocho-timeline-event__copy {
    position: relative;
    padding-left: 1.8rem
}

    .kocho-timeline-event__copy * {
        font-size: 1.125rem;
        line-height: 1.3
    }

@media(min-width:768px) {
    .kocho-timeline-event__copy {
        padding-left: 3.5rem
    }
}

.kocho-timeline-event__copy:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 1.8rem;
    width: 1rem;
    background-image: url(https://kocho.co.uk//app/themes/sage/resources/assets/images/icons/arrows/arrow-small-lemon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

@media(min-width:768px) {
    .kocho-timeline-event__copy:before {
        height: 1.5rem;
        width: 2.5rem;
        background-image: url(https://kocho.co.uk//app/themes/sage/resources/assets/images/icons/arrows/arrow-medium-lemon.svg)
    }
}

.kocho-timeline-event__copy:not(:first-child) {
    margin-top: 1.5rem
}

.kocho-timeline-event__image-container {
    border-top-left-radius: 8%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    overflow: hidden;
    display: flex;
    min-width: 8.75rem;
    min-height: 8.75rem;
    max-width: 8.75rem;
    max-height: 8.75rem
}

@media(min-width:768px) {
    .kocho-timeline-event__image-container {
        min-width: 11rem;
        min-height: 11rem;
        max-width: 11rem;
        max-height: 11rem
    }
}

.kocho-video__facade {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: none;
    background-color: rgba(6,22,25,.9);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

    .kocho-video__facade img {
        height: 6rem;
        width: 6rem
    }

.kocho-video--loaded .kocho-video__facade, .kocho-video--loaded .kocho-video__overlay {
    display: none
}

.kocho-video__figure {
    margin: 0
}

.kocho-video__media-container {
    position: relative;
    width: 100%;
    padding-bottom: 62.5%;
    border-radius: .5rem;
    overflow: hidden
}

.kocho-video__iframe, .kocho-video__native {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: none
}

.kocho-video__overlay {
    border-radius: .5rem;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: flex-start;
    align-items: flex-end;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-color: rgba(6,22,25,.4);
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer
}

    .kocho-video__overlay + .kocho-video__facade {
        background-color: transparent
    }

        .kocho-video__overlay + .kocho-video__facade img {
            display: none
        }

.kocho-video__overlay-darken-img {
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: rgba(6,22,25,.4);
    z-index: 3
}

.kocho-video__overlay-img {
    width: inherit;
    height: inherit;
    position: absolute;
    object-fit: cover
}

.kocho-video__time-wrapper {
    margin-left: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4
}

.kocho-video__time {
    font-size: .75rem;
    line-height: 1.25rem;
    font-family: SpaceGrotesk,Arial,sans-serif;
    font-weight: 400;
    color: #fff;
    padding-left: .5rem
}

@media(min-width:768px) {
    .kocho-video__time {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.kocho-video__caption {
    margin-top: .5rem
}

@media(min-width:768px) {
    .kocho-video__caption {
        margin-top: 1rem
    }
}

.kocho-wysiwyg {
    width: 100%
}

    .kocho-wysiwyg h2, .kocho-wysiwyg h3, .kocho-wysiwyg h4, .kocho-wysiwyg h5, .kocho-wysiwyg h6 {
        margin-bottom: 2rem
    }

    .kocho-wysiwyg h6 {
        font-weight: 500
    }

    .kocho-wysiwyg > * {
        margin-bottom: 2rem
    }

    .kocho-wysiwyg ul {
        list-style: none;
        padding: 0;
        margin: 3rem 0
    }

        .kocho-wysiwyg ul li {
            position: relative;
            padding-left: 2rem;
            margin-bottom: 1.5rem !important
        }

            .kocho-wysiwyg ul li:before {
                content: url(/app/themes/sage/resources/assets/images/icons/arrows/arrow-xxsmall-ebony.svg);
                position: absolute;
                left: 0;
                top: .2rem
            }

.actions
{
    margin-bottom:16px;
}
.hs-form-field, .legal-consent-container p 
{
    text-align: left;
}
p.another
{
    font-size: 0.8em;
    padding-top:10px;
}
#message , .kocho-form-card__text
{
    font-family: mokoko,Georgia,serif
}