@tailwind base; @tailwind components; @tailwind utilities; @font-face {
    font-family: FranklinGothic;
    src: url(fg400.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FranklinGothic;
    src: url(fg500.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FranklinGothic;
    src: url(fg700.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FranklinGothic;
    src: url(fg400i.woff2) format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(Roboto-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(Roboto-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@layer base {
    html {
        @apply scroll-smooth;
        font-family: FranklinGothic, Roboto, Helvetica Neue, Arial, sans-serif
    }

    body {
        @apply antialiased;
        font-family: FranklinGothic, Roboto, Helvetica Neue, Arial, sans-serif
    }

    .hs_cos_wrapper_type_rich_text h1, .widget-type-rich_text h1, [class*=hs_cos_wrapper_type_rich_text] h1 {
        font-weight: 500 !important;
        font-size: 48px !important;
        line-height: 1.2 !important
    }

    .hs_cos_wrapper_type_rich_text h2, .widget-type-rich_text h2, [class*=hs_cos_wrapper_type_rich_text] h2 {
        font-weight: 500 !important;
        font-size: 32px !important;
        line-height: 1.3 !important
    }

    .hs_cos_wrapper_type_rich_text h2 strong, .widget-type-rich_text h2 strong, [class*=hs_cos_wrapper_type_rich_text] h2 strong {
        font-weight: 500 !important
    }

    .hs_cos_wrapper_type_rich_text h3, .widget-type-rich_text h3, [class*=hs_cos_wrapper_type_rich_text] h3 {
        font-weight: 400 !important;
        font-size: 28px !important;
        line-height: 1.4 !important
    }

    .hs_cos_wrapper_type_rich_text h4, .widget-type-rich_text h4, [class*=hs_cos_wrapper_type_rich_text] h4 {
        font-weight: 500 !important;
        font-size: 23px !important;
        line-height: 1.4 !important
    }

    .hs_cos_wrapper_type_rich_text h5, .widget-type-rich_text h5, [class*=hs_cos_wrapper_type_rich_text] h5 {
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 1.5 !important
    }

    .hs_cos_wrapper_type_rich_text a:not(.btn):not([class*=button]), .widget-type-rich_text a:not(.btn):not([class*=button]), [class*=hs_cos_wrapper_type_rich_text] a:not(.btn):not([class*=button]) {
        color: #009cda !important;
        text-decoration: none !important
    }

    .hs_cos_wrapper_type_rich_text a:not(.btn):not([class*=button]):hover, .widget-type-rich_text a:not(.btn):not([class*=button]):hover, [class*=hs_cos_wrapper_type_rich_text] a:not(.btn):not([class*=button]):hover {
        opacity: .8
    }

    .hs_cos_wrapper li {
        margin-bottom: 0 !important
    }
}

.mobile-menu-content {
    padding: 0;
    position: relative;
    background: #fff
}

.mobile-menu-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column
}

.mobile-menu-wrapper > ul {
    height: 100%;
    display: flex;
    flex-direction: column
}

.menu-spacer {
    flex: 1;
    background: #f2f4f7;
    min-height: 100px
}

.mobile-menu-content ul[role=menu] {
    list-style: none;
    margin: 0;
    padding: 0
}

.mobile-menu-content a:focus, .mobile-menu-content a:active, .mobile-menu-content a:focus-visible, .mobile-menu-content button:focus, .mobile-menu-content button:active, .mobile-menu-content button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important
}

.mobile-menu-content a[role=menuitem] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px !important;
    height: 48px !important;
    color: #002d61 !important;
    text-decoration: none !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    transition: all .2s;
    border: none !important
}

.mobile-menu-content li.hs-menu-depth-1:nth-child(1) > a, .mobile-menu-content li.hs-menu-depth-1:nth-child(2) > a, .mobile-menu-content li.hs-menu-depth-1:nth-child(3) > a {
    background: #fff !important;
    font-weight: 700 !important;
    height: 48px !important;
    color: #002d61 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #e5e5e5 !important
}

.mobile-menu-content li.hs-menu-depth-1.expanded ul.hs-menu-children-wrapper {
    background: #f2f4f7 !important;
    padding-left: 0 !important
}

.mobile-menu-content li.hs-menu-depth-1.expanded > ul > li.hs-menu-depth-2 > a {
    background: #f2f4f7 !important;
    padding-left: 40px !important;
    padding-right: 24px !important;
    font-weight: 400 !important;
    color: #002d61 !important;
    text-decoration: none !important
}

.mobile-menu-content li.hs-menu-depth-2 > a {
    color: #002d61 !important;
    text-decoration: none !important
}

.mobile-menu-content a[href*=onderwijsvanmorgen] {
    color: #002d61 !important;
    text-decoration: none !important
}

.mobile-menu-content li.hs-menu-depth-2.expanded > ul > li.hs-menu-depth-3 > a {
    background: #f2f4f7 !important;
    color: #002d61 !important;
    text-decoration: none !important;
    padding-left: 56px !important;
    padding-right: 24px !important;
    font-weight: 400 !important;
    font-size: 17px !important
}

.mobile-menu-content li.hs-menu-depth-3.expanded > ul {
    background: #f2f4f7 !important
}

.mobile-menu-content li.hs-menu-depth-3.expanded > ul > li.hs-menu-depth-4 > a {
    background: #f2f4f7 !important;
    color: #002d61 !important;
    text-decoration: none !important;
    padding-left: 72px !important;
    padding-right: 24px !important;
    font-weight: 400 !important;
    font-size: 17px !important
}

.mobile-menu-content li.hs-menu-depth-4.expanded > ul > li > a {
    background: #f2f4f7 !important;
    color: #002d61 !important;
    text-decoration: none !important;
    padding-left: 88px !important;
    padding-right: 24px !important;
    font-weight: 400 !important;
    font-size: 17px !important
}

.mobile-menu-content li.hs-menu-depth-2.hs-item-has-children.expanded > a[role=menuitem] {
    color: #009cda !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.mobile-menu-content li.hs-menu-depth-3.hs-item-has-children.expanded > a[role=menuitem] {
    color: #009cda !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.mobile-menu-content li.hs-menu-depth-4.hs-item-has-children.expanded > a[role=menuitem] {
    color: #009cda !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.mobile-menu-content a[role=menuitem]:hover {
    color: #009cda !important
}

.mobile-menu-content li.hs-item-has-children:not(.expanded) > a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 7px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7' fill='none'><path d='M1 1L6 6L11 1' stroke='%23002D61' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-90deg);
    transition: transform .2s;
    flex-shrink: 0
}

.mobile-menu-content li.hs-item-has-children.expanded > a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 7px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7' fill='none'><path d='M1 1L6 6L11 1' stroke='%23002D61' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0);
    flex-shrink: 0
}

.mobile-menu-content ul.hs-menu-children-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out;
    padding: 0
}

.mobile-menu-content li.expanded > ul.hs-menu-children-wrapper {
    max-height: 4000px;
    transition: max-height .3s ease-in
}

.mobile-menu-content li.hs-menu-depth-1.bottom-section > a {
    background: #fff !important;
    border-bottom: 1px solid #e5e5e5 !important;
    font-weight: 400 !important
}

.mobile-menu-content li.hs-menu-depth-1.bottom-section.expanded > ul {
    background: #f9f9f9 !important
}

.mobile-menu-content li.hs-menu-depth-1.bottom-section.expanded > ul > li > a {
    background: #f9f9f9 !important;
    padding-left: 40px !important
}

.mobile-menu-content a.active-page {
    color: #009cda !important
}

@layer components {
    .container {
        @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
    }

    .btn {
        @apply inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors duration-200;
    }

    .btn-primary {
        @apply bg-primary text-white hover:bg-primary/90 focus:ring-primary;
    }

    .btn-secondary {
        @apply bg-secondary text-white hover:bg-secondary/90 focus:ring-secondary;
    }

    .card {
        @apply bg-white rounded-lg shadow-md overflow-hidden;
    }

    .card-body {
        @apply p-6;
    }
}

@layer utilities {
    .text-gradient {
        @apply bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent;
    }

    .animate-fade-in {
        animation: fadeIn .5s ease-in-out
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
            transform: translateY(10px)
        }
        to {
            opacity: 1;
            transform: translateY(0)
        }
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.content-wrapper {
    margin: 0 auto
}

.row-fluid {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.row-fluid > [class*=span] {
    position: relative;
    min-height: 1px
}

.widget-span {
    display: block
}

.dnd-module:last-child {
    margin-bottom: 0
}

.row-fluid.with-gutters {
    margin-right: -15px;
    margin-left: -15px
}

.row-fluid.with-gutters > [class*=span] {
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 1240px) {
    .span1 {
        width: 8.33333333%
    }

    .span2 {
        width: 16.66666667%
    }

    .span3 {
        width: 25%
    }

    .span4 {
        width: 33.33333333%
    }

    .span5 {
        width: 41.66666667%
    }

    .span6 {
        width: 50%
    }

    .span7 {
        width: 58.33333333%
    }

    .span8 {
        width: 66.66666667%
    }

    .span9 {
        width: 75%
    }

    .span10 {
        width: 83.33333333%
    }

    .span11 {
        width: 91.66666667%
    }

    .span12 {
        width: 100%
    }

    .offset1 {
        margin-left: 8.33333333%
    }

    .offset2 {
        margin-left: 16.66666667%
    }

    .offset3 {
        margin-left: 25%
    }

    .offset4 {
        margin-left: 33.33333333%
    }

    .offset5 {
        margin-left: 41.66666667%
    }

    .offset6 {
        margin-left: 50%
    }

    .offset7 {
        margin-left: 58.33333333%
    }

    .offset8 {
        margin-left: 66.66666667%
    }

    .offset9 {
        margin-left: 75%
    }

    .offset10 {
        margin-left: 83.33333333%
    }

    .offset11 {
        margin-left: 91.66666667%
    }
}

@media (max-width: 1240px) {
    .row-fluid-wrapper.dnd-section {
        padding-right: 20px;
        padding-left: 20px
    }

    .row-fluid-wrapper.dnd-section:has([data-component=extended-header]), .row-fluid-wrapper.dnd-section:has([data-component=solid-header]), .row-fluid-wrapper.dnd-section:has(.hero-section) {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .row-fluid {
        display: block
    }

    .row-fluid > [class*=span] {
        width: 100%;
        margin-left: 0
    }

    .row-fluid > [class*=span]:last-child {
        margin-bottom: 0
    }

    p, h1, h2, h3, h4, h5, h6, .widget-type-text, .widget-type-rich_text, [class*=hs_cos_wrapper_type_text], [class*=hs_cos_wrapper_type_rich_text] {
        text-align: center !important
    }

    .row-fluid-wrapper[style*="display: none"] {
        display: none !important
    }

    .ig-accordion-start + .row-fluid-wrapper, .ig-accordion-end, [data-accordion-id] ~ .row-fluid-wrapper[style*="display: none"] {
        display: none !important
    }
}

@layer base {
    [class*=rich-text] ul, [class*=rich-text] ol, div[dangerouslySetInnerHTML] ul, div[dangerouslySetInnerHTML] ol, .hs-rich-text ul, .hs-rich-text ol, .hs_cos_wrapper ul, .hs_cos_wrapper ol, body > ul, body > ol, main ul, main ol, article ul, article ol, section ul, section ol, div:not(nav) > ul, div:not(nav) > ol {
        @apply pl-8 my-4;
    }

    nav ul, nav ol, nav[aria-label=breadcrumb] ol, nav[aria-label=breadcrumb] ul {
        padding-left: 0 !important;
        margin-left: 0 !important;
        list-style: none !important
    }

    [class*=rich-text] ul, div[dangerouslySetInnerHTML] ul, .hs-rich-text ul, .hs_cos_wrapper ul, body > ul, main ul, article ul, section ul, div:not(nav) > ul {
        @apply list-disc;
    }

    [class*=rich-text] ol, div[dangerouslySetInnerHTML] ol, .hs-rich-text ol, .hs_cos_wrapper ol, body > ol, main ol, article ol, section ol, div:not(nav) > ol {
        @apply list-decimal;
    }

    [class*=rich-text] li, div[dangerouslySetInnerHTML] li, .hs-rich-text li, .hs_cos_wrapper li, body > ul > li, body > ol > li, main li, article li, section li, div:not(nav) li {
        @apply mb-2;
    }

    nav li {
        @apply mb-0;
    }

    [class*=rich-text] ul ul, [class*=rich-text] ol ul, div[dangerouslySetInnerHTML] ul ul, div[dangerouslySetInnerHTML] ol ul, .hs-rich-text ul ul, .hs-rich-text ol ul, .hs_cos_wrapper ul ul, .hs_cos_wrapper ol ul, ul ul, ol ul {
        @apply list-disc mt-2;
    }

    [class*=rich-text] ul ol, [class*=rich-text] ol ol, div[dangerouslySetInnerHTML] ul ol, div[dangerouslySetInnerHTML] ol ol, .hs-rich-text ul ol, .hs-rich-text ol ol, .hs_cos_wrapper ul ol, .hs_cos_wrapper ol ol, ul ol, ol ol {
        @apply list-decimal mt-2;
    }

    ul[style*=font-size] {
        @apply list-disc !important;
    }

    ol[style*=font-size] {
        @apply list-decimal !important;
    }

    ul > li, ol > li {
        @apply list-item;
    }

    .faq-content {
        @apply text-[17px] leading-[1.6];
    }

    .faq-content p {
        @apply mb-4 text-[17px] leading-[1.6];
    }

    .faq-content p:last-child {
        @apply mb-0;
    }

    .faq-content p:first-child {
        @apply mt-0;
    }

    .faq-content ul, .faq-content ol {
        @apply mb-4 pl-6;
    }

    .faq-content li {
        @apply mb-2;
    }

    .faq-content a {
        @apply text-[#009cda] underline hover:opacity-80;
    }

    .faq-content strong {
        @apply font-semibold;
    }

    .faq-content em {
        @apply italic;
    }
}

@media (max-width: 1240px) {
    .row-fluid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important
    }

    .row-fluid > [class*=span], .row-fluid > .dnd-column, .row-fluid > [class*=widget-span], .row-fluid .span4, .row-fluid .widget-span {
        width: 100% !important;
        flex: none !important;
        float: none !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 16px !important
    }

    .row-fluid > [class*=span] .dnd-module > div:not(.flex), .row-fluid > [class*=widget-span] .dnd-module > div:not(.flex) {
        display: flex !important;
        justify-content: center !important
    }

    .row-fluid [class*=hs_cos_wrapper_type_module] > div[data-hs-island] {
        display: flex !important;
        justify-content: center !important
    }

    .row-fluid [class*=hs_cos_wrapper_type_module] div[data-hs-island]:not([class*=flex]) {
        display: flex !important;
        justify-content: center !important
    }

    .row-fluid > [class*=span] .widget-type-text, .row-fluid > [class*=widget-span] .widget-type-text, .row-fluid [class*=hs_cos_wrapper_type_text] {
        text-align: center !important
    }

    .row-fluid .widget-type-text span, .row-fluid [class*=hs_cos_wrapper_type_text] span {
        display: block !important;
        text-align: center !important
    }

    .main_content-row-2-vertical-alignment .row-fluid .span12 .dnd-module > div, .main_content-row-4-vertical-alignment .row-fluid .span12 .dnd-module > div, [class*=main_content-row-][class*=-vertical-alignment] .row-fluid .span12 .dnd-module > div {
        display: flex !important;
        justify-content: center !important
    }

    .main-content .row-fluid .span12 .dnd-module, .main-content .row-fluid .span12 .widget-type-text, .main-content .row-fluid .span12 [data-hs-island], [class*=main_content-row-] .row-fluid .span12 .dnd-module, [class*=main_content-row-] .row-fluid .span12 .widget-type-text, [class*=main_content-row-] .row-fluid .span12 [data-hs-island] {
        display: flex !important;
        justify-content: center !important;
        flex-direction: column !important;
        text-align: center !important
    }

    .main-content .row-fluid .span12 .dnd-module > div[data-hs-island], .main-content .row-fluid .span12 .dnd-module > div:not(.flex), [class*=main_content-row-] .row-fluid .span12 .dnd-module > div[data-hs-island], [class*=main_content-row-] .row-fluid .span12 .dnd-module > div:not(.flex) {
        display: flex !important;
        justify-content: center !important
    }

    .main-content .row-fluid .span12 .widget-type-text, .main-content .row-fluid .span12 .widget-type-text > span, .main-content .row-fluid .span12 .dnd-module p, .main-content .row-fluid .span12 .dnd-module h1, .main-content .row-fluid .span12 .dnd-module h2, .main-content .row-fluid .span12 .dnd-module h3, [class*=main_content-row-] .row-fluid .span12 .widget-type-text, [class*=main_content-row-] .row-fluid .span12 .widget-type-text > span, [class*=main_content-row-] .row-fluid .span12 .dnd-module p, [class*=main_content-row-] .row-fluid .span12 .dnd-module h1, [class*=main_content-row-] .row-fluid .span12 .dnd-module h2, [class*=main_content-row-] .row-fluid .span12 .dnd-module h3 {
        text-align: center !important
    }

    .main_content-row-2-vertical-alignment .row-fluid .span12 .dnd-module a, .main_content-row-4-vertical-alignment .row-fluid .span12 .dnd-module a, [class*=main_content-row-][class*=-vertical-alignment] .row-fluid .span12 .dnd-module a {
        margin: 0 auto !important
    }

    .row-fluid .span12, [data-component=extended-header], .hero-section, .extended-header {
        width: 100% !important;
        max-width: 100% !important
    }

    .row-fluid .dnd-module > div {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .content-wrapper .dnd-row, .dnd_area[class*=main] .dnd-row {
        display: block !important
    }

    .content-wrapper [class*=offset], .dnd_area[class*=main] [class*=offset] {
        margin-left: 0 !important
    }

    .row-fluid [class*=span] .dnd-module, .row-fluid .dnd-column .dnd-module {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .row-fluid [class*=span], .row-fluid .dnd-column, .row-fluid [class*=widget-span] {
        text-align: left !important
    }

    .content-wrapper .row-fluid .dnd-column > div > div, .content-wrapper .row-fluid [class*=widget-span] > div > div, .dnd_area[class*=main] .row-fluid .dnd-column > div > div, .dnd_area[class*=main] .row-fluid [class*=widget-span] > div > div {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .main_content-row-7-vertical-alignment .row-fluid .row-fluid, .main_content-row-7-vertical-alignment .row-fluid-wrapper .row-fluid, .main_content-row-7-vertical-alignment [class*=cell_] .row-fluid, [class*=cell_17529576789657] .row-fluid, [class*=cell_17529576789658] .row-fluid, [class*=cell_17529576789659] .row-fluid, [class*=cell_1756246762594] .row-fluid, [class*=cell_1756246938671] .row-fluid, [class*=cell_175295767896522] .row-fluid, [class*=cell_175295767896535] .row-fluid {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        width: 100% !important;
        flex-wrap: nowrap !important
    }

    .main_content-row-7-vertical-alignment .row-fluid .row-fluid > [class*=span], [class*=cell_17529576789657] .row-fluid > [class*=span], [class*=cell_17529576789658] .row-fluid > [class*=span], [class*=cell_17529576789659] .row-fluid > [class*=span], [class*=cell_1756246762594] .row-fluid > [class*=span], [class*=cell_1756246938671] .row-fluid > [class*=span], [class*=cell_175295767896522] .row-fluid > [class*=span], [class*=cell_175295767896535] .row-fluid > [class*=span] {
        width: auto !important;
        flex: 0 0 auto !important;
        margin-bottom: 0 !important
    }

    .main_content-row-7-vertical-alignment .row-fluid .row-fluid > .span6, [class*=cell_17529576789657] .row-fluid > .span6, [class*=cell_17529576789658] .row-fluid > .span6, [class*=cell_17529576789659] .row-fluid > .span6, [class*=cell_1756246762594] .row-fluid > .span6, [class*=cell_1756246938671] .row-fluid > .span6, [class*=cell_175295767896522] .row-fluid > .span6, [class*=cell_175295767896535] .row-fluid > .span6 {
        width: 50% !important;
        flex: 0 0 50% !important
    }

    .main_content-row-7-vertical-alignment .row-fluid .row-fluid > .span12, [class*=cell_17529576789657] .row-fluid > .span12, [class*=cell_17529576789658] .row-fluid > .span12, [class*=cell_17529576789659] .row-fluid > .span12 {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-top: 10px !important
    }

    .main_content-row-7-vertical-alignment > .row-fluid > [class*=span] {
        padding: 20px !important;
        margin-bottom: 16px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: fit-content !important;
        max-width: 100% !important
    }

    .main_content-row-7-vertical-alignment .row-fluid-wrapper {
        width: auto !important;
        display: inline-block !important
    }

    .main_content-row-7-vertical-alignment > .row-fluid > [class*=cell_] {
        display: flex !important;
        justify-content: center !important
    }

    @media (max-width: 767px) {
        [class*=cell_17529576789657] .row-fluid, [class*=cell_17529576789658] .row-fluid, [class*=cell_17529576789659] .row-fluid, [class*=cell_1756246762594] .row-fluid, [class*=cell_1756246938671] .row-fluid, [class*=cell_175295767896522] .row-fluid, [class*=cell_175295767896535] .row-fluid {
            flex-direction: column !important;
            align-items: center !important
        }

        [class*=cell_17529576789657] .row-fluid > [class*=span], [class*=cell_17529576789658] .row-fluid > [class*=span], [class*=cell_17529576789659] .row-fluid > [class*=span], [class*=cell_1756246762594] .row-fluid > [class*=span], [class*=cell_1756246938671] .row-fluid > [class*=span], [class*=cell_175295767896522] .row-fluid > [class*=span], [class*=cell_175295767896535] .row-fluid > [class*=span] {
            width: 100% !important;
            flex: 0 0 100% !important;
            text-align: center !important
        }

        [class*=cell_17529576789657] .widget-type-text, [class*=cell_17529576789658] .widget-type-text, [class*=cell_17529576789659] .widget-type-text, [class*=cell_1756246762594] .widget-type-text, [class*=cell_1756246938671] .widget-type-text, [class*=cell_175295767896522] .widget-type-text, [class*=cell_175295767896535] .widget-type-text {
            text-align: center !important
        }

        [class*=cell_17529576789657] .widget-type-linked_image, [class*=cell_17529576789658] .widget-type-linked_image, [class*=cell_17529576789659] .widget-type-linked_image, [class*=cell_1756246762594] .widget-type-linked_image, [class*=cell_1756246938671] .widget-type-linked_image, [class*=cell_175295767896522] .widget-type-linked_image, [class*=cell_175295767896535] .widget-type-linked_image {
            display: flex !important;
            justify-content: center !important
        }
    }[class*=cell_17529577312953] {
         display: flex !important;
         justify-content: center !important;
         align-items: center !important
     }

    [class*=cell_17529577312953] .dnd-module > div {
        margin-left: auto !important;
        margin-right: auto !important
    }

    [class*=cell_17529577312954-row-0], [class*=cell_17529577312954-row-1], .cell_17529577312954-row-0-vertical-alignment, .cell_17529577312954-row-1-vertical-alignment {
        text-align: center !important
    }

    [class*=cell_17529577312954-row-0] .row-fluid > [class*=span], [class*=cell_17529577312954-row-1] .row-fluid > [class*=span], .cell_17529577312954-row-0-vertical-alignment .row-fluid > [class*=span], .cell_17529577312954-row-1-vertical-alignment .row-fluid > [class*=span] {
        text-align: center !important
    }

    [class*=cell_17529577312954-row-0] img, [class*=cell_17529577312954-row-1] img, .cell_17529577312954-row-0-vertical-alignment img, .cell_17529577312954-row-1-vertical-alignment img {
        display: inline-block !important;
        margin: 0 auto !important;
        width: auto !important;
        max-width: 100% !important
    }

    [class*=cell_17529577312954-row-2] .row-fluid, .cell_17529577312954-row-2-vertical-alignment .row-fluid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        width: 100% !important
    }

    [class*=cell_17529577312954-row-2] .row-fluid > [class*=span], [class*=cell_17529577312954-row-2] .row-fluid > .dnd-column, .cell_17529577312954-row-2-vertical-alignment .row-fluid > [class*=span], .cell_17529577312954-row-2-vertical-alignment .row-fluid > .dnd-column {
        width: auto !important;
        flex: 1 1 auto !important;
        margin-bottom: 0 !important;
        padding: 2px !important;
        text-align: center !important
    }

    [class*=cell_1752976318423], [class*=cell_1752975998255], [class*=cell_1752977107955] {
        min-width: 0 !important;
        overflow: hidden !important
    }

    [class*=cell_17529577312954-row-2] a[class*=inline-flex] {
        font-size: 13px !important;
        padding: 10px 12px !important;
        white-space: nowrap !important
    }

    [class*=cell_17529577312954-row-2] h5 {
        font-size: 12px !important;
        margin-bottom: 5px !important
    }
}

@media (max-width: 767px) {
    [class*=cell_17529576789657] .row-fluid, [class*=cell_17529576789658] .row-fluid, [class*=cell_17529576789659] .row-fluid, [class*=cell_1756246762594] .row-fluid, [class*=cell_1756246938671] .row-fluid, [class*=cell_175295767896522] .row-fluid, [class*=cell_175295767896535] .row-fluid {
        flex-direction: column !important;
        align-items: center !important
    }

    [class*=cell_17529576789657] .row-fluid > [class*=span], [class*=cell_17529576789658] .row-fluid > [class*=span], [class*=cell_17529576789659] .row-fluid > [class*=span], [class*=cell_1756246762594] .row-fluid > [class*=span], [class*=cell_1756246938671] .row-fluid > [class*=span], [class*=cell_175295767896522] .row-fluid > [class*=span], [class*=cell_175295767896535] .row-fluid > [class*=span] {
        width: 100% !important;
        flex: 0 0 100% !important;
        text-align: center !important;
        margin-bottom: 10px !important
    }

    [class*=cell_17529576789657] .widget-type-text, [class*=cell_17529576789658] .widget-type-text, [class*=cell_17529576789659] .widget-type-text, [class*=cell_1756246762594] .widget-type-text, [class*=cell_1756246938671] .widget-type-text, [class*=cell_175295767896522] .widget-type-text, [class*=cell_175295767896535] .widget-type-text {
        text-align: center !important
    }

    [class*=cell_17529576789657] .widget-type-linked_image, [class*=cell_17529576789658] .widget-type-linked_image, [class*=cell_17529576789659] .widget-type-linked_image, [class*=cell_1756246762594] .widget-type-linked_image, [class*=cell_1756246938671] .widget-type-linked_image, [class*=cell_175295767896522] .widget-type-linked_image, [class*=cell_175295767896535] .widget-type-linked_image {
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 10px !important
    }
}