@layer base, utilities, components;@layer base {
    *,:after,:before {
        box-sizing: inherit;
        margin: 0;
        padding: 0
    }

    :where(:root) {
        box-sizing: border-box;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
        line-height: 1.15
    }

    :where(main) {
        display: block
    }

    :where(h1) {
        font-size: 2em;
        margin: .67em 0
    }

    :where(p+p) {
        margin-top: 1rem
    }

    :where(a) {
        background-color: transparent
    }

    :where(abbr[title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    :where(code,kbd,samp,pre) {
        font-family: monospace,monospace;
        font-size: 1em
    }

    :where(sub,sup) {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    :where(sub) {
        bottom: -.25em
    }

    :where(sup) {
        top: -.5em
    }

    :where(button,input,optgroup,select,textarea) {
        border: 1px solid;
        line-height: inherit
    }

    :where(button) {
        overflow: visible;
        text-transform: none
    }

    :where(button,[type=button],[type=reset],[type=submit]) {
        -webkit-appearance: button;
        padding: 1px 6px
    }

    :where(input) {
        overflow: visible
    }

    :where(input,textarea) {
        padding: 1px
    }

    :where(fieldset) {
        border: 1px solid;
        margin: 0 2px
    }

    :where(legend) {
        color: inherit;
        display: table;
        max-width: 100%;
        white-space: normal
    }

    :where(progress) {
        display: inline-block;
        vertical-align: baseline
    }

    :where(select) {
        text-transform: none
    }

    :where(textarea) {
        overflow: auto;
        vertical-align: top
    }

    :where([type=search]) {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    :where([type=color]) {
        background: inherit
    }

    ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
        height: auto
    }

    ::-webkit-input-placeholder {
        color: inherit;
        opacity: .5
    }

    ::-webkit-file-upload-button,::-webkit-search-decoration {
        -webkit-appearance: button;
        font: inherit
    }

    ::-moz-focus-inner {
        border: 0
    }

    :-moz-focusring {
        outline: 1px dotted ButtonText
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    :where(hr) {
        box-sizing: content-box;
        color: inherit;
        height: 0;
        overflow: visible
    }

    :where(dl,ol,ul) {
        margin: 1em 0
    }

    :where(ol ol,ol ul,ol dl,ul ol,ul ul,ul dl,dl ol,dl ul,dl dl) {
        margin: 0
    }

    :where(b,strong) {
        font-weight: bolder
    }

    :where(audio,video) {
        display: inline-block
    }

    :where(audio): not([controls]) {
    display:none;
    height: 0
}

    :where(img) {
        border: 0
    }

    :where(svg): not(:root) {
    overflow:hidden
}

    :where(table) {
        border-color: inherit;
        text-indent: 0
    }

    :where(details) {
        display: block
    }

    :where(dialog) {
        background-color: inherit;
        border: solid;
        color: inherit;
        display: block;
        height: fit-content;
        left: 0;
        margin: auto;
        padding: 1em;
        position: absolute;
        right: 0;
        width: fit-content
    }

    :where(dialog): not([open]) {
    display:none
}

    :where(summary) {
        display: list-item
    }

    :where(canvas) {
        display: inline-block
    }

    :where(template) {
        display: none
    }

    :where([hidden]) {
        display: none
    }

    :root {
        --container_width: 1300px;
        --dnd_section_padding: 60px 2rem;
        --gutter_width_percent: 2.769230769230769%;
        --column_width_percent: 5.794871794871796%;
        --gutter_width_px: 3.6rem;
        --column_width_px: 7.2rem;
        --primary_color: #00C48C;
        --primary_color_light: #3d105312;
        --primary_color_2: #3D1053;
        --secondary_color: #afb8ab;
        --success_color: ;
        --error_color: ;
        --light_green: #f2faf2;
        --white_color: #fff;
        --body_font_color: #000;
        --black_color: #000;
        --grey_color: #afb8ab;
        --h1_color: ;
        --h1_font_style: normal;
        --h1_font_weight: 500;
        --h1_font_family: var(--primary_font);
        --h1_text_decoration: none;
        --h1_font_size: 64px;
        --h1_text_transform: none;
        --h1_line_height: 80px;
        --h1_letter_spacing: -2px;
        --h2_color: ;
        --h2_font_style: normal;
        --h2_font_weight: 500;
        --h2_font_family: var(--primary_font);
        --h2_font_size: 56px;
        --h2_text_decoration: none;
        --h2_text_transform: none;
        --h2_line_height: 52px;
        --h2_letter_spacing: -2px;
        --h3_color: ;
        --h3_font_style: normal;
        --h3_font_weight: 500;
        --h3_font_family: var(--primary_font);
        --h3_font_size: 40px;
        --h3_text_decoration: none;
        --h3_text_transform: none;
        --h3_line_height: 40px;
        --h3_letter_spacing: -1px;
        --h4_color: ;
        --h4_font_style: normal;
        --h4_font_weight: 500;
        --h4_font_family: var(--primary_font);
        --h4_font_size: 32px;
        --h4_text_decoration: none;
        --h4_text_transform: none;
        --h4_line_height: 32px;
        --h4_letter_spacing: -1px;
        --h5_color: #000;
        --h5_font_style: normal;
        --h5_font_weight: 500;
        --h5_font_family: var(--primary_font);
        --h5_font_size: 20px;
        --h5_text_decoration: none;
        --h5_text_transform: none;
        --h5_line_height: 20px;
        --h5_letter_spacing: -1px;
        --h6_color: ;
        --h6_font_style: normal;
        --h6_font_weight: 700;
        --h6_font_family: var(--primary_font);
        --h6_font_size: 16px;
        --h6_text_decoration: none;
        --h6_text_transform: none;
        --h6_line_height: 24px;
        --h6_letter_spacing: -1px;
        --body_font_color: ;
        --body_font_style: normal;
        --body_font_weight: 400;
        --body_font_font_family: var(--primary_font);
        --body_font_font_size: 16px;
        --body_line_height: 1.5;
        --anchor_color: #0270e0;
        --anchor_font_style: ;
        --anchor_font_weight: ;
        --anchor_font_family: var(--primary_font);
        --anchor_text_decoration: none;
        --button_text_decoration: ;
        --button_font_weight: ;
        --button_font_family: var(--primary_font);
        --button_font_size: 16px;
        --button_color: #000;
        --button_color_active: rgba(#null,0.0);
        --button_text_transform: none;
        --button_bg_color: #1ad678;
        --button_bg_color_active: #17c970;
        --button_border_color: #1ad678;
        --button_border_width: 2px;
        --button_border_color_active: rgba(#null,0.0);
        --button_corner_radius: 50px;
        --button_spacing: 16px 24px 16px 24px;
        --form_label_font_color: #000;
        --form_field_bg_color: #fff;
        --form_field_border_width: 2px;
        --form_field_border_color: #000;
        --form_field_corner_radius: 8px;
        --nav_font_color: ;
        --nav_drop_down_font_color: ;
        --nav_drop_down_bg_color: #fff;
        --nav_drop_down_border_top: 2px solid #1ad678;
        --nav_drop_down_border_right: 2px solid #1ad678;
        --nav_drop_down_border_bottom: 2px solid #1ad678;
        --nav_drop_down_border_left: 2px solid #1ad678;
        --header_bg_color: #fff;
        --footer_bg_color: #fff;
        --footer_font_color: ;
        --spacer_4: 0.4rem;
        --spacer_8: 0.8rem;
        --spacer_12: 1.2rem;
        --spacer_16: 1.6rem;
        --spacer_24: 2.4rem;
        --spacer_28: 2.8rem;
        --spacer_32: 3.2rem;
        --spacer_36: 3.6rem;
        --spacer_40: 4rem;
        --spacer_48: 4.8rem;
        --spacer_56: 5.6rem;
        --spacer_64: 6.4rem;
        --spacer_80: 8rem;
        --font_size_12: 1.2rem;
        --font_size_14: 1.4rem;
        --font_size_18: 1.8rem;
        --font_size_20: 2rem;
        --font_weight_500: 500;
        --font_weight_600: 600;
        --font_weight_700: 700;
        --font_weight_900: 900;
        --scroll_behavior: smooth;
        --default_timing_function: cubic-bezier(0.44,0.21,0,1);
        --default_transition_duration: 0.2s;
        --default_transition: var(--default_transition_duration) var(--default_timing_function);
        --slow_transition_duration: 0.5s;
        --slow_transition: var(--slow_transition_duration) var(--default_timing_function);
        --border_radius_16: 1.6rem
    }

    @media screen and (prefers-reduced-motion:reduce) {
        :root {
            --default_transition_duration: 0.001ms
        }

        * {
            animation-duration: .001ms!important;
            animation-iteration-count: 1!important
        }
    }

    .row-fluid [class*=span] {
        box-sizing: border-box;
        margin-left: var(--gutter_width_percent)
    }

    .row-fluid [class*=span]: first-child {
        margin-left:0
    }

    .row-fluid .span12 {
        flex: 0 0 auto;
        width: 100%
    }

    .row-fluid .span11 {
        flex: 0 0 auto;
        width: calc(var(--column_width_percent)*11 + var(--gutter_width_percent)*10)
    }

    .row-fluid .span10 {
        flex: 0 0 auto;
        width: calc(var(--column_width_percent)*10 + var(--gutter_width_percent)*9)
    }

    .row-fluid .span9 {
        flex: 0 0 auto;
        width: calc(var(--column_width_percent)*9 + var(--gutter_width_percent)*8)
    }

    .row-fluid .span8 {
        flex: 0 0 auto;
        width: calc(var(--column_width_percent)*8 + var(--gutter_width_percent)*7)
    }

    .row-fluid .span7 {
        flex: 0 0 auto;
        width: calc(var(--column_width_percent)*7 + var(--gutter_width_percent)*6)
    }

    .row-fluid .span6 {
        flex: 0 0 auto;
        width: calc(var(--column_width_percent)*6 + var(--gutter_width_percent)*5)
    }

    .row-fluid .span5 {
        flex: 0 0 auto;
        width: calc(var(--column_width_percent)*5 + var(--gutter_width_percent)*4)
    }

    .row-fluid .span4 {
        flex: 0 0 auto;
        width: calc(var(--column_width_percent)*4 + var(--gutter_width_percent)*3)
    }

    .row-fluid .span3 {
        flex: 0 0 auto;
        width: calc(var(--column_width_percent)*3 + var(--gutter_width_percent)*2)
    }

    .row-fluid .span2 {
        flex: 0 0 auto;
        width: calc(var(--column_width_percent)*2 + var(--gutter_width_percent))
    }

    .row-fluid .span1 {
        flex: 0 0 auto;
        width: var(--column_width_percent)
    }

    @media (max-width: 767px) {
        .row-fluid [class*=span] {
            flex-shrink:0;
            margin-left: 0;
            max-width: 100%;
            width: 100%
        }
    }

    .body-container-wrapper {
        padding-top: 0
    }

    .content-wrapper {
        margin: 0 auto;
        max-width: var(--container_width);
        padding: 0 2rem
    }

    .content-wrapper--vertical-spacing,.dnd-section {
        padding: var(--dnd_section_padding)
    }

    .dnd-section>.row-fluid {
        margin: 0 auto;
        max-width: var(--container_width);
        padding: 0 2rem
    }

    .dnd-section[class*=force-full-width-section] {
        padding-left: 0;
        padding-right: 0
    }

    .dnd-section[class*=force-full-width-section]>.row-fluid {
        padding: 0
    }

    body {
        opacity: 0;
        transition: opacity var(--slow_transition)
    }

    body.loaded {
        opacity: 1
    }
}

@layer components {

    * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: var(--primary_font)
    }

    html {
        font-size: 62.5%
    }

    body {
        color: var(--body_font_color, );
        font-size: var(--body_font_font_size);
        font-style: var(--body_font_font_style);
        font-weight: var(--body_font_weight);
        overflow-x: hidden;
        scroll-behavior: var(--scroll_behavior);
        word-break: break-word;
        -webkit-tap-highlight-color: transparent
    }

    html[lang^=ja] body,html[lang^=ko] body,html[lang^=zh] body {
        line-break: strict;
        word-break: break-all
    }

    p {
        font-size: var(--body_font_font_size);
        font-weight: 400;
        line-height: 24px;
        margin: 0 0 var(--spacer_16)
    }

    a {
        color: var(--anchor_color);
        cursor: pointer;
        font-family: var(--anchor_font_family);
        font-style: 600!important;
        font-weight: var(--anchor_font_weight);
        text-decoration: var(--anchor_text_decoration)
    }

    a: active,a:focus,a:hover {
        font-style:var( --anchor_font_style);
        text-decoration: var(--anchor_text_decoration)
    }

    h1,h2,h3,h4,h5,h6 {
        margin: 0 0 var(--spacer_16)
    }

    h1,h1 *,h2,h2 *,h3,h3 *,h4,h4 *,h5,h5 *,h6,h6 * {
        font-family: var(--secondary_font)
    }

    .h1,h1 {
        color: var(--h1_color);
        font-size: var(--h1_font_size);
        font-style: var(--h1_font_style);
        font-weight: 500;
        letter-spacing: var(--h1_letter_spacing);
        line-height: var(--h1_line_height);
        text-decoration: var(--h1_text_decoration);
        text-transform: var(--h1_text_transform)
    }

    .h2,h2 {
        color: var(--h2_color);
        font-size: var(--h2_font_size);
        font-style: var(--h2_font_style);
        font-weight: var(--h2_font_weight);
        letter-spacing: var(--h2_letter_spacing);
        line-height: var(--h2_line_height);
        text-decoration: var(--h2_text_decoration);
        text-transform: var(--h2_text_transform)
    }

    .h3,h3 {
        color: var(--h3_color);
        font-size: var(--h3_font_size);
        font-style: var(--h3_font_style);
        font-weight: var(--h3_font_weight);
        letter-spacing: var(--h3_letter_spacing);
        line-height: var(--h3_line_height);
        text-decoration: var(--h3_text_decoration);
        text-transform: var(--h3_text_transform)
    }

    .h4,h4 {
        color: var(--h4_color);
        font-size: var(--h4_font_size);
        font-style: var(--h4_font_style);
        font-weight: var(--h4_font_weight);
        letter-spacing: var(--h4_letter_spacing);
        line-height: var(--h4_line_height);
        text-decoration: var(--h4_text_decoration);
        text-transform: var(--h4_text_transform)
    }

    .h5,h5 {
        color: var(--h5_color);
        font-size: var(--h5_font_size);
        font-style: var(--h5_font_style);
        font-weight: var(--h5_font_weight);
        letter-spacing: var(--h5_letter_spacing);
        line-height: var(--h5_line_height);
        text-decoration: var(--h5_text_decoration);
        text-transform: var(--h5_text_transform)
    }

    .h6,h6 {
        color: var(--h6_color);
        font-size: var(--h6_font_size);
        font-style: var(--h6_font_style);
        font-weight: var(--h6_font_weight);
        letter-spacing: var(--h6_letter_spacing);
        line-height: var(--h6_line_height);
        text-decoration: var(--h6_text_decoration);
        text-transform: var(--h6_text_transform)
    }

    @media (max-width: 992px) {
        h1 {
            font-size:52px;
            line-height: 52px
        }

        h2 {
            font-size: 40px;
            line-height: 40px
        }

        h3 {
            font-size: 32px;
            line-height: 32px
        }

        h4 {
            font-size: 28px;
            line-height: 28px
        }

        h5 {
            font-size: 20px;
            line-height: 20px
        }

        h6 {
            font-size: 16px;
            line-height: 16px
        }
    }

    ol,ul {
        margin: 0 0 var(--spacer_16)
    }

    ol ol,ol ul,ul ol,ul ul {
        margin: 0
    }

    ol.semantic-list,ul.no-list,ul.semantic-list {
        list-style: none;
        margin: 0;
        padding-left: 0
    }

    pre {
        overflow: auto
    }

    code {
        vertical-align: bottom
    }

    blockquote {
        border-left: 2px solid;
        border-left-color: var(--secondary_color);
        margin: 0 0 var(--spacer_16);
        padding-left: var(--spacer_8)
    }

    hr {
        border: none;
        border-bottom: 1px solid #ccc
    }

    img {
        display: block;
        font-size: 1rem;
        height: auto;
        max-width: 100%;
        word-break: normal
    }

    a {
        display: inline-block
    }

    .button,.hs-blog-post-listing__post-button,button {
        background-color: var(--button_bg_color);
        border-radius: var(--button_corner_radius);
        box-shadow: inset 0 0 0 var(--button_border_width) var(--button_border_color);
        color: var(--button_color);
        cursor: pointer;
        display: inline-block;
        font-family: var(--button_font_family);
        font-size: var(--button_font_size);
        font-weight: var(--button_font_weight);
        padding: var(--button_spacing);
        text-align: center;
        text-decoration: var(--button_text_decoration);
        text-transform: var(--button_text_transform);
        transition: background var(--default_transition),color var(--default_transition),box-shadow var(--default_transition);
        white-space: normal;
        width: fit-content
    }

    .button:focus-within,.button:hover,.hs-blog-post-listing__post-button:focus-within,.hs-blog-post-listing__post-button:hover,button: focus-within,button:hover {
        background-color:var(--button_bg_color_active);
        box-shadow: inset 0 0 0 var(--button_border_width) var(--button_border_color_active)
    }

    .button:active,.hs-blog-post-listing__post-button:active,button: active {
        background-color:var(--button_bg_color_active);
        box-shadow: inset 0 0 0 var(--button_border_width) var(--button_border_color_active)
    }

    .button:disabled,.hs-blog-post-listing__post-button:disabled,button: disabled {
        background-color:var(--button_bg_color);
        box-shadow: inset 0 0 0 var(--button_border_width) var(--button_border_color);
        color: var(--button_color);
        opacity: .7
    }

    .reset-button-style,.reset-button-style:active,.reset-button-style:focus-within,.reset-button-style:hover {
        appearance: none;
        background: none;
        border: none;
        border-radius: 0;
        color: initial;
        font-family: inherit;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        line-height: inherit;
        margin-bottom: 0;
        padding: 0;
        text-align: left;
        text-decoration: none
    }

    .button-cta {
        cursor: pointer
    }

    .button-cta a {
        color: #fff;
        font-weight: 500;
        position: relative
    }

    .button-cta a: after {
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M3.515 12.485h16.97m0 0-5.852 5.852m5.852-5.852-5.852-5.852'/%3E%3C/svg%3E");
        content: "";
        height: 24px;
        position: absolute;
        right: -6px;
        top: 12px;
        transition: transform .3s;
        width: 24px
    }

    .button-cta a: hover {
        text-decoration:underline
    }

    .button-cta a: hover:after {
        transform:translateX(10px)
    }

    .cta_button {
        border: 2px solid var(--primary_color_2);
        border-radius: 50px;
        color: var(--primary_color_2);
        font-weight: 500;
        padding: var(--spacer_12) var(--spacer_24);
        text-align: center;
        transition: background-color .3s,color .3s;
        width: fit-content
    }

    .cta_button:hover {
        background-color: var(--primary_color_2);
        color: var(--white_color)
    }

    .arabic-green-button-arrow,.green-button,.green-button-arrow {
        align-items: center;
        background-color: var(--primary_color);
        border-color: var(--primary_color);
        color: #fff;
        display: inline-flex;
        font-weight: 500;
        transition: border-color .3s
    }

    .black-button {
        align-items: center;
        background-color: var(--black_color);
        border-color: var(--black_color);
        color: var(--white_color);
        display: inline-flex;
        font-weight: 500;
        transition: border-color .3s,color .3s
    }

    .black-button:hover {
        background-color: transparent;
        color: var(--black_color)
    }

    .arabic-green-button-arrow:hover,.green-button-arrow:hover,.green-button:hover {
        border-color: var(--black_color)
    }

    .arabic-green-button-arrow:after,.green-button-arrow:after {
        background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="%23000" stroke-width="1.5" d="M3.515 12.485h16.97m0 0-5.851 5.852m5.851-5.852-5.851-5.852"/></svg>');
        content: "";
        display: inline-block;
        height: 24px;
        margin-left: 4px;
        transition: filter .3s;
        width: 24px;
        filter: invert(1);
    }

    .arabic-green-button-arrow:after {
        margin-left: 0;
        margin-right: 4px;
        transform: rotate(180deg)
    }

    .arabic-green-button-arrow:hover:after,.green-button-arrow:hover:after {
        filter: invert(1)
    }

    .hs-button.primary {
        background-color: #000!important;
        border: 2px solid #000!important;
        border-radius: 50px!important;
        box-shadow: unset!important;
        padding: var(--spacer_16) var(--spacer_24);
        transition: background-color .3s,color .3s
    }

    .hs-button.primary:hover {
        background-color: var(--primary_color)!important;
        border: 2px solid var(--primary_color)!important;
        color: #000!important
    }

    .arabic-simple-arrow,.simple-arrow {
        border: none;
        color: var(--black_color);
        font-weight: 500;
        padding: 0;
        position: relative;
        transition: all .3s;
        width: fit-content
    }

    .arabic-simple-arrow:hover,.simple-arrow:hover {
        background-color: unset;
        color: unset;
        text-decoration: underline
    }

    .arabic-simple-arrow:before,.simple-arrow:before {
        background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path stroke="%23000" stroke-width="1.5" d="M3.515 12.485h16.97m0 0-5.851 5.852m5.851-5.852-5.851-5.852"/></svg>');
        background-position: 50%;
        content: "";
        height: 24px;
        position: absolute;
        right: -26px;
        top: -1px;
        transition: right .3s,left .3s;
        width: 24px
    }

    .arabic-simple-arrow:before {
        left: -26px;
        right: unset;
        transform: rotate(180deg)
    }

    .arabic-simple-arrow:hover:before,.simple-arrow:hover:before {
        right: -36px
    }

    .arabic-simple-arrow:hover:before {
        left: -36px;
        right: unset
    }

    .hero-simple-form__form form .hs_submit.hs-submit .actions .hs-button.primary {
        border-radius: 8px!important
    }

    .header {
        background-color: transparent;
        position: fixed;
        transition: background-color .5s,transform .5s;
        width: 100%;
        z-index: 2;
        z-index: 1000
    }

    .header .dnd-section {
        padding: 0
    }

    .header__container {
        display: flex;
        justify-content: space-between
    }

    .header--no-navigation .header__container {
        display: flex;
        justify-content: left;
        width: 100%
    }

    @media (max-width: 1350px) {
        .header--no-navigation .content-wrapper {
            padding:0 4rem
        }
    }

    @media (max-width: 992px) {
        .header--no-navigation .content-wrapper {
            padding:0 2rem
        }
    }

    .header--no-navigation .header__logo {
        position: fixed;
        top: 4rem
    }

    @media (max-width: 992px) {
        .header--no-navigation .header__logo {
            top:3rem
        }
    }

    .header__row-1 {
        padding-top: 1rem
    }

    .header__row-1,.header__row-2 {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        width: 100%
    }

    @media (max-width: 1150px) and (min-width:767px) {
        .header__column {
            width:100%
        }
    }

    @media (max-width: 767px) {
        .header__container {
            flex-direction:column;
            padding: 1rem 0 0
        }

        .header__column {
            position: relative
        }

        .header__row-1 {
            padding-top: 0
        }

        .header__row-2 {
            justify-content: center;
            padding: 1.05rem
        }
    }

    .header__skip {
        height: 1px;
        left: -1000px;
        overflow: hidden;
        position: absolute;
        text-align: left;
        top: -1000px;
        width: 1px
    }

    .header__skip:active,.header__skip:focus,.header__skip:hover {
        height: auto;
        left: 0;
        overflow: visible;
        top: 0;
        width: auto
    }

    .header__search {
        padding: 0 1rem;
        width: auto
    }

    .header__search .hs-search-field__input {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNOS4xMzkgMTUuODkzYTYuNzYgNi43NiAwIDAgMS02Ljc1NS02Ljc1NCA2Ljc2MyA2Ljc2MyAwIDAgMSA2Ljc1NS02Ljc1NSA2Ljc2IDYuNzYgMCAwIDEgNi43NTQgNi43NTUgNi43NiA2Ljc2IDAgMCAxLTYuNzU0IDYuNzU0TTkuMTM5IDBjNS4wMzkgMCA5LjEzNyA0LjEgOS4xMzcgOS4xNCAwIDIuMDktLjcwNSA0LjAxOC0xLjg5IDUuNTZsNy4yNjUgNy4yNjVhMS4xOTIgMS4xOTIgMCAwIDEtMS42ODYgMS42ODZMMTQuNyAxNi4zODVhOS4xIDkuMSAwIDAgMS01LjU2MSAxLjg5MUM0LjA5OSAxOC4yNzYgMCAxNC4xNzggMCA5LjE0UzQuMSAwIDkuMTM5IDAiLz48L2RlZnM+PHVzZSB4bGluazpocmVmPSIjYSIgZmlsbD0iIzQ5NEE1MiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
        background-position: center right 15px;
        background-repeat: no-repeat;
        height: 45px;
        padding: 0 var(--spacer_8)
    }

    .header__search .hs-search-field--open .hs-search-field__input {
        border-bottom: none;
        border-radius: 6px 6px 0 0;
        max-width: 100%
    }

    .header__search .hs-search-field--open .hs-search-field__suggestions {
        background-color: #fff;
        border: 2px solid #d1d6dc;
        border-radius: 0 0 6px 6px;
        border-top: 1px solid #d1d6dc;
        position: absolute;
        width: 100%;
        z-index: 10
    }

    .header__search .hs-search-field__suggestions li {
        border-top: 1px solid #d1d6dc;
        font-size: .875rem
    }

    .header__search .hs-search-field__suggestions li a {
        color: #494a52;
        padding: .35rem .7rem;
        text-decoration: none;
        transition: background-color .3s
    }

    .header__search .hs-search-field__suggestions #results-for {
        display: none
    }

    @media (min-width: 767px) {
        .header__search form {
            align-items:center;
            display: flex;
            flex-direction: row
        }

        .header__search label {
            margin: 0 1rem 0 0
        }

        .header__search .hs-search-field__input {
            width: auto
        }
    }

    @media (max-width: 767px) {
        .header__search {
            border-top:2px solid #ced4db;
            order: 1;
            padding: 1.05rem
        }
    }

    .header__language-switcher {
        cursor: pointer;
        padding-right: 1.4rem
    }

    .header__language-switcher .lang_switcher_class {
        position: static
    }

    .header__language-switcher .lang_list_class {
        border: 2px solid;
        border-radius: 3px;
        box-shadow: 0 2px 9px 0 rgba(0,0,0,.2);
        display: block;
        left: calc(100% - 24px);
        min-width: 100px;
        opacity: 0;
        padding-top: 0;
        text-align: left;
        top: 100%;
        transition: opacity .3s;
        visibility: hidden
    }

    .header__language-switcher:focus .lang_list_class,.header__language-switcher:hover .lang_list_class {
        opacity: 1;
        transition: opacity .3s;
        visibility: visible
    }

    .header__language-switcher .lang_list_class:before {
        left: 70%;
        top: -25px
    }

    .header__language-switcher .lang_list_class:after {
        left: 70%;
        top: -22px
    }

    .header__language-switcher .lang_list_class.first-active:after {
        top: -22px;
        transition: .3s
    }

    .header__language-switcher .lang_list_class li {
        border: none;
        font-size: 18px;
        padding: .35rem .7rem
    }

    .header__language-switcher .lang_list_class li: first-child {
        border-radius:6px 6px 0 0;
        border-top: none
    }

    .header__language-switcher .lang_list_class li: last-child {
        border-bottom:none;
        border-radius: 0 0 6px 6px
    }

    .header__language-switcher .lang_list_class li: hover {
        transition:background-color .3s
    }

    .header__language-switcher--label {
        display: flex;
        position: relative
    }

    .header__language-switcher--label-current {
        align-items: center;
        display: flex;
        font-size: .75rem;
        margin-bottom: .175rem;
        margin-left: .7rem
    }

    .header__language-switcher--label-current:after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #494a52;
        content: "";
        display: block;
        height: 0;
        margin-left: .7rem;
        margin-top: .175rem;
        width: 0
    }

    @media (max-width: 767px) {
        .header__language-switcher {
            border-top:2px solid #ced4db;
            padding-left: 1.05rem;
            padding-right: 0
        }

        .header__language-switcher .lang_list_class {
            border: none;
            box-shadow: unset;
            display: block;
            left: 30px;
            opacity: 1;
            padding: 0 1.05rem;
            top: 0;
            visibility: visible
        }

        .header__language-switcher .lang_list_class li {
            background-color: inherit;
            font-size: .917rem
        }

        .header__language-switcher--label-current {
            display: none
        }

        .header__language-switcher .globe_class {
            background-image: none
        }

        .header__language-switcher .lang_list_class li:hover {
            background-color: inherit
        }

        .header__language-switcher .lang_list_class:after,.header__language-switcher .lang_list_class:before {
            content: none
        }
    }

    #nav-toggle {
        display: none
    }

    @media (max-width: 767px) {
        .header__language-switcher,.header__navigation,.header__search {
            display:none;
            width: 100%
        }

        .header__language-switcher.open,.header__navigation.open,.header__search.open {
            background-color: #f8fafc;
            display: block;
            left: 0;
            min-height: calc(100vh - 115px);
            position: absolute;
            right: 0;
            top: 75px;
            z-index: 2
        }

        .header__close--toggle,.header__language-switcher--toggle,.header__navigation--toggle,.header__search--toggle {
            cursor: pointer;
            margin: 0 5vw;
            position: relative
        }

        .header__language-switcher--toggle.hide,.header__navigation--toggle.hide,.header__search--toggle.hide {
            display: none
        }

        .header__language-switcher--toggle.open,.header__navigation--toggle.open,.header__search--toggle.open {
            display: block;
            margin-left: 0;
            margin-right: auto
        }

        .header__language-switcher--toggle:after,.header__navigation--toggle:after,.header__search--toggle:after {
            display: none;
            font-size: 1.083rem;
            font-weight: 600;
            left: 40px;
            position: absolute;
            text-transform: uppercase;
            top: -10px
        }

        .header__language-switcher--toggle.open:after,.header__navigation--toggle.open:after,.header__search--toggle.open:after {
            display: block;
            word-break: normal
        }

        .header__navigation--toggle {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDE5Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj48cmVjdCB3aWR0aD0iMjEiIGhlaWdodD0iMSIgeD0iMS41IiB5PSIxLjUiIHJ4PSIuNSIvPjxyZWN0IHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiB4PSIxLjUiIHk9IjkuNSIgcng9Ii41Ii8+PHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHg9IjEuNSIgeT0iMTcuNSIgcng9Ii41Ii8+PC9nPjwvc3ZnPg==");
            background-size: cover;
            height: 25px;
            width: 25px
        }

        .header__navigation--toggle:after {
            content: "Menu"
        }

        .header__language-switcher--toggle {
            background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
            background-size: cover;
            height: 25px;
            width: 25px
        }

        .header__language-switcher--toggle:after {
            content: "Language"
        }

        .header__search--toggle {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNOS4xMzkgMTUuODkzYTYuNzYgNi43NiAwIDAgMS02Ljc1NS02Ljc1NCA2Ljc2MyA2Ljc2MyAwIDAgMSA2Ljc1NS02Ljc1NSA2Ljc2IDYuNzYgMCAwIDEgNi43NTQgNi43NTUgNi43NiA2Ljc2IDAgMCAxLTYuNzU0IDYuNzU0TTkuMTM5IDBjNS4wMzkgMCA5LjEzNyA0LjEgOS4xMzcgOS4xNCAwIDIuMDktLjcwNSA0LjAxOC0xLjg5IDUuNTZsNy4yNjUgNy4yNjVhMS4xOTIgMS4xOTIgMCAwIDEtMS42ODYgMS42ODZMMTQuNyAxNi4zODVhOS4xIDkuMSAwIDAgMS01LjU2MSAxLjg5MUM0LjA5OSAxOC4yNzYgMCAxNC4xNzggMCA5LjE0UzQuMSAwIDkuMTM5IDAiLz48L2RlZnM+PHVzZSB4bGluazpocmVmPSIjYSIgZmlsbD0iIzQ5NEE1MiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
            background-size: cover;
            height: 25px;
            width: 25px
        }

        .header__search--toggle:after {
            content: "Search"
        }

        .header__close--toggle {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxOSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM0OTRBNTIiIHN0cm9rZS13aWR0aD0iMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAtMSkiPjxyZWN0IHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiB4PSItLjUiIHk9IjEwLjUiIHJ4PSIuNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDEwIDEwLjUpIi8+PHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHg9Ii0uNSIgeT0iMTAuNSIgcng9Ii41IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxMCAxMC41KSIvPjwvZz48L3N2Zz4=");
            background-repeat: no-repeat;
            background-size: 110%;
            display: none;
            height: 25px;
            margin-right: 0;
            width: 25px
        }

        .header__close--toggle.show {
            display: block
        }
    }

    .header__language-switcher .lang_list_class li a,.header__language-switcher-label-current,.header__logo .logo-company-name,.menu__link {
        color: var(--nav_font_color)
    }

    .header__language-switcher .lang_list_class:before {
        border-bottom-color: #1ad678
    }

    .header {
        display: flex;
        min-height: 80px;
        background: #3D1053;
    }

    .header__wrapper {
        display: flex;
        gap: calc(var(--spacer_24)*2);
        justify-content: space-between;
        margin: auto;
        max-width: var(--container_width);
        padding: 0 2rem;
        width: 100%
    }

    @media (max-width: 1180px) {
        .header__wrapper {
            gap:var(--spacer_24)
        }
    }

    .header__logo {
        align-items: center;
        display: flex;
        height: auto;
        max-width: 170px;
        overflow: hidden
    }

    .header__logo img {
        max-width: 100%
    }

    @media (max-width: 1000px) {
        .header__logo img {
            width:145px!important
        }
    }

    .header__logo .logo-company-name {
        font-size: var(--body_font_font_size);
        margin-top: var(--spacer_8)
    }

    .header__handler,.header__navigation {
        align-items: center;
        display: flex
    }

    .header__handler {
        gap: calc(var(--spacer_24) - var(--spacer_4))
    }

    .header__informations {
        display: flex;
        gap: 0 4rem;
        justify-content: space-around;
        width: 100%
    }

    .mobile-only {
        display: none
    }

    @media(max-width: 1180px) {
        .header__informations {
            gap:0 1rem
        }
    }

    @media (max-width: 1000px) {
        .header__informations {
            background-color:var(--primary_color_2);
            display: block;
            height: calc(100vh);
            overflow: scroll;
            padding: 0 12px;
            position: absolute;
            right: -100%;
            top: 80px;
            transition: right .3s
        }

        .header__handler {
            display: block;
            margin-bottom: 50px
        }

        .mobile-only {
            display: block
        }
    }

    .header--no-navigation .header__logo,.header.header--no-navigation {
        position: absolute
    }
}

@layer utilities {
    .show-for-sr {
        border: 0!important;
        clip: rect(0,0,0,0)!important;
        height: 1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        white-space: nowrap!important;
        width: 1px!important
    }

    @media (max-width: 767px) {
        .show-for-sr--mobile {
            border:0!important;
            clip: rect(0,0,0,0)!important;
            height: 1px!important;
            overflow: hidden!important;
            padding: 0!important;
            position: absolute!important;
            white-space: nowrap!important;
            width: 1px!important
        }
    }

    .d-flex {
        display: flex
    }

    .flex-row {
        flex-direction: row
    }

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

    .flex-column {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .flex-row-wrap {
        flex-flow: row wrap
    }

    .flex-column-wrap {
        flex-flow: column wrap
    }

    .align-items-start {
        align-items: flex-start
    }

    .align-items-center {
        align-items: center
    }

    .align-items-stretch {
        align-items: stretch
    }

    .align-items-end {
        align-items: flex-end
    }

    .justify-content-start {
        justify-content: flex-start
    }

    .justify-content-center {
        justify-content: center
    }

    .justify-content-end {
        justify-content: flex-end
    }

    .justify-content-space-between {
        justify-content: space-between
    }

    .text-center {
        text-align: center
    }

    .hide {
        display: none
    }

    .show {
        display: block
    }

    .hidden,.invisible {
        visibility: hidden
    }

    .hidden {
        display: none
    }

    .hidden-desktop,.visible-phone,.visible-tablet {
        display: none!important
    }

    @media (max-width: 767px) {
        .visible-phone {
            display:inherit!important
        }

        .hidden-phone {
            display: none!important
        }

        .hidden-desktop {
            display: inherit!important
        }

        .visible-desktop {
            display: none!important
        }
    }

    @media (min-width: 768px) and (max-width:1139px) {
        .visible-tablet {
            display:inherit!important
        }

        .hidden-tablet {
            display: none!important
        }

        .hidden-desktop {
            display: inherit!important
        }

        .visible-desktop {
            display: none!important
        }
    }

    .pt-4 {
        padding-top: var(--spacer-4)
    }

    .pt-8 {
        padding-top: var(--spacer-8)
    }

    .pt-12 {
        padding-top: var(--spacer-12)
    }

    .pt-16 {
        padding-top: var(--spacer-16)
    }

    .pt-24 {
        padding-top: var(--spacer-24)
    }

    .pt-32 {
        padding-top: var(--spacer-32)
    }

    .pt-40 {
        padding-top: var(--spacer-40)
    }

    .pt-48 {
        padding-top: var(--spacer-48)
    }

    .pt-56 {
        padding-top: var(--spacer-56)
    }

    .pt-64 {
        padding-top: var(--spacer-64)
    }

    .pt-80 {
        padding-top: var(--spacer-80)
    }

    .pb-4 {
        padding-bottom: var(--spacer-4)
    }

    .pb-8 {
        padding-bottom: var(--spacer-8)
    }

    .pb-12 {
        padding-bottom: var(--spacer-12)
    }

    .pb-16 {
        padding-bottom: var(--spacer-16)
    }

    .pb-24 {
        padding-bottom: var(--spacer-24)
    }

    .pb-32 {
        padding-bottom: var(--spacer-32)
    }

    .pb-40 {
        padding-bottom: var(--spacer-40)
    }

    .pb-48 {
        padding-bottom: var(--spacer-48)
    }

    .pb-56 {
        padding-bottom: var(--spacer-56)
    }

    .pb-64 {
        padding-bottom: var(--spacer-64)
    }

    .pb-80 {
        padding-bottom: var(--spacer-80)
    }

    .pr-4 {
        padding-right: var(--spacer-4)
    }

    .pr-8 {
        padding-right: var(--spacer-8)
    }

    .pr-12 {
        padding-right: var(--spacer-12)
    }

    .pr-16 {
        padding-right: var(--spacer-16)
    }

    .pr-24 {
        padding-right: var(--spacer-24)
    }

    .pr-32 {
        padding-right: var(--spacer-32)
    }

    .pr-40 {
        padding-right: var(--spacer-40)
    }

    .pr-48 {
        padding-right: var(--spacer-48)
    }

    .pr-56 {
        padding-right: var(--spacer-56)
    }

    .pr-64 {
        padding-right: var(--spacer-64)
    }

    .pr-80 {
        padding-right: var(--spacer-80)
    }

    .pl-4 {
        padding-left: var(--spacer-4)
    }

    .pl-8 {
        padding-left: var(--spacer-8)
    }

    .pl-12 {
        padding-left: var(--spacer-12)
    }

    .pl-16 {
        padding-left: var(--spacer-16)
    }

    .pl-24 {
        padding-left: var(--spacer-24)
    }

    .pl-32 {
        padding-left: var(--spacer-32)
    }

    .pl-40 {
        padding-left: var(--spacer-40)
    }

    .pl-48 {
        padding-left: var(--spacer-48)
    }

    .pl-56 {
        padding-left: var(--spacer-56)
    }

    .pl-64 {
        padding-left: var(--spacer-64)
    }

    .pl-80 {
        padding-left: var(--spacer-80)
    }

    .mt-4 {
        margin-top: var(--spacer-4)
    }

    .mt-8 {
        margin-top: var(--spacer-8)
    }

    .mt-12 {
        margin-top: var(--spacer-12)
    }

    .mt-16 {
        margin-top: var(--spacer-16)
    }

    .mt-24 {
        margin-top: var(--spacer-24)
    }

    .mt-32 {
        margin-top: var(--spacer-32)
    }

    .mt-40 {
        margin-top: var(--spacer-40)
    }

    .mt-48 {
        margin-top: var(--spacer-48)
    }

    .mt-56 {
        margin-top: var(--spacer-56)
    }

    .mt-64 {
        margin-top: var(--spacer-64)
    }

    .mt-80 {
        margin-top: var(--spacer-80)
    }

    .mb-4 {
        margin-bottom: var(--spacer-4)
    }

    .mb-8 {
        margin-bottom: var(--spacer-8)
    }

    .mb-12 {
        margin-bottom: var(--spacer-12)
    }

    .mb-16 {
        margin-bottom: var(--spacer-16)
    }

    .mb-24 {
        margin-bottom: var(--spacer-24)
    }

    .mb-32 {
        margin-bottom: var(--spacer-32)
    }

    .mb-40 {
        margin-bottom: var(--spacer-40)
    }

    .mb-48 {
        margin-bottom: var(--spacer-48)
    }

    .mb-56 {
        margin-bottom: var(--spacer-56)
    }

    .mb-64 {
        margin-bottom: var(--spacer-64)
    }

    .mb-80 {
        margin-bottom: var(--spacer-80)
    }

    .mr-4 {
        margin-right: var(--spacer-4)
    }

    .mr-8 {
        margin-right: var(--spacer-8)
    }

    .mr-12 {
        margin-right: var(--spacer-12)
    }

    .mr-16 {
        margin-right: var(--spacer-16)
    }

    .mr-24 {
        margin-right: var(--spacer-24)
    }

    .mr-32 {
        margin-right: var(--spacer-32)
    }

    .mr-40 {
        margin-right: var(--spacer-40)
    }

    .mr-48 {
        margin-right: var(--spacer-48)
    }

    .mr-56 {
        margin-right: var(--spacer-56)
    }

    .mr-64 {
        margin-right: var(--spacer-64)
    }

    .mr-80 {
        margin-right: var(--spacer-80)
    }

    .ml-4 {
        margin-left: var(--spacer-4)
    }

    .ml-8 {
        margin-left: var(--spacer-8)
    }

    .ml-12 {
        margin-left: var(--spacer-12)
    }

    .ml-16 {
        margin-left: var(--spacer-16)
    }

    .ml-24 {
        margin-left: var(--spacer-24)
    }

    .ml-32 {
        margin-left: var(--spacer-32)
    }

    .ml-40 {
        margin-left: var(--spacer-40)
    }

    .ml-48 {
        margin-left: var(--spacer-48)
    }

    .ml-56 {
        margin-left: var(--spacer-56)
    }

    .ml-64 {
        margin-left: var(--spacer-64)
    }

    .ml-80 {
        margin-left: var(--spacer-80)
    }
}

@media (max-width: 992px) {
    .dnd-section>.row-fluid {
        padding:0
    }
}