#autocomplete-container, .submitted-message, form {
    font-family: var(--body_font_font_family)
}

#autocomplete-container {
    position: relative
}

form label {
    color: var(--form_label_font_color);
    display: block;
    margin-bottom: var(--spacer_8)
}

form label.hs-error-msg {
    color: #fd034e;
    font-size: var(--font_size_14)
}

label {
    display: block
}

form legend {
    color: var(--form_help_text_font_color)
}

#autocomplete-container input, form input, form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=tel], form input[type=text], form select, form textarea, select {
    appearance: none;
    background-color: var(--form_field_bg_color) !important;
    /*border: var(--form_field_border_width) solid var(--form_field_border_color);*/
    border-radius: var(--form_field_corner_radius);
    color: var(--form_field_font_color);
    min-width: 100%;
    padding: 1.6rem 2rem;
    transition: border-color var(--default_transition), box-shadow var(--default_transition)
}

form input[type=email].error, form input[type=file].error, form input[type=number].error, form input[type=password].error, form input[type=tel].error, form input[type=text].error, form select.error, form textarea.error {
    border: 2px solid #fd034e
}

#autocomplete-container input[type=text]:focus, form input[type=email]:focus, form input[type=email]:hover, form input[type=file]:focus, form input[type=file]:hover, form input[type=number]:focus, form input[type=number]:hover, form input[type=password]:focus, form input[type=password]:hover, form input[type=tel]:focus, form input[type=tel]:hover, form input[type=text]:focus, form input[type=text]:hover, form select:focus, form select:hover, form textarea:focus, form textarea:hover {
    box-shadow: 0 0 0 2px rgba(26, 214, 120, .25);
    outline: none
}

.module-sms-plans form, form .hs-fieldtype-select.hs-form-field .input {
    position: relative
}

.module-sms-plans form:after, form .hs-fieldtype-select.hs-form-field .input:after {
    background: var(--black_color);
    background-repeat: no-repeat;
    content: "";
    height: 21px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.5' d='m10.206 14 5.897 5.897L22 14'/%3E%3C/svg%3E");
    position: absolute;
    right: 7px;
    top: 9px;
    width: 32px;
    z-index: 6
}

.country--filter, form select {
    cursor: pointer;
    position: relative;
    width: 100%;
    z-index: 1
}

form.hs-form fieldset {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    width: 100%
}

form.hs-form .hs-form-field {
    margin-bottom: var(--spacer_24)
}

form .hs_submit.hs-submit {
    margin-top: 3rem
}

@media (max-width: 400px),(min-device-width: 320px) and (max-device-width: 480px) {
    form.hs-form fieldset {
        flex-direction: column
    }
}

form.hs-form fieldset.form-columns-1 .hs-form-field {
    width: 100%
}

form.hs-form fieldset.form-columns-2 .hs-form-field {
    clear: both;
    float: none;
    width: calc(50% - var(--spacer_24) / 2)
}

form.hs-form fieldset.form-columns-3 .hs-form-field {
    clear: both;
    float: none;
    width: calc(50% - var(--spacer_24) / 3)
}

@media (max-width: 400px),(min-device-width: 320px) and (max-device-width: 480px) {
    form.hs-form fieldset.form-columns-2 .hs-form-field:not(:last-of-type), form.hs-form fieldset.form-columns-3 .hs-form-field:not(:last-of-type) {
        margin-bottom: var(--spacer_xs)
    }
}

form.hs-form fieldset.form-columns-1 .input, form.hs-form fieldset.form-columns-2 .input, form.hs-form fieldset.form-columns-3 .input {
    margin-right: 0
}

@media (max-width: 400px),(min-device-width: 320px) and (max-device-width: 480px) {
    body form.hs-form:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input, body form.hs-form:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input {
        width: 100%
    }
}

form.hs-form fieldset.form-columns-0, form.hs-form fieldset.form-columns-0 > div {
    margin-bottom: 0
}

::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

::-moz-placeholder {
    color: rgba(0, 0, 0, .5)
}

:-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

::placeholder {
    color: rgba(0, 0, 0, .5)
}

form .inputs-list {
    background-color: transparent;
    border-radius: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

.hs-form-booleancheckbox-display > span {
    display: block;
    margin-left: var(--spacer_xs)
}

form .inputs-list.hs-error-msgs label {
    margin-bottom: 0
}

form .inputs-list.hs-error-msgs label a  {
    color: #fd034e;
    font-size: var(--font_size_s);
    font-weight: var(--font_weight_bold);
    text-decoration: underline
}

form .inputs-list > li {
    display: block
}

.hs-form-checkbox:before, .inputs-list > li.hs-form-booleancheckbox:before, form .inputs-list > li:before {
    display: none
}

form .inputs-list input, form .inputs-list span {
    vertical-align: middle
}

.hs-form-booleancheckbox-display, .hs-form-checkbox-display, .hs-form-radio-display {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: var(--font_size_s);
    margin-bottom: 2rem
}

div.legal-consent-container .hs-form-booleancheckbox-display > span {
    margin-left: var(--spacer_xxxs)
}

.legal-consent-container label {
    color: var(--body_font_color)
}

.legal-consent-container .hs-form-booleancheckbox-display p {
    font-size: var(--font_size_s)
}

form input[type=checkbox], form input[type=radio] {
    appearance: none;
    background-color: var(--white_color);
    border: 2px solid var(--black_color);
    cursor: pointer;
    height: 16px;
    margin-right: 1.6rem;
    min-width: 16px !important;
    padding: 0;
    position: relative
}

form.hs-form fieldset.form-columns-1 input[type=checkbox], form.hs-form fieldset.form-columns-1 input[type=radio] {
    min-width: 15px
}

form.hs-form fieldset.form-columns-1 input[type=checkbox] {
    border-radius: 2px
}

form input[type=radio] {
    border-radius: 50%
}

form input[type=checkbox]:checked, form input[type=radio]:checked {
    background-color: var(--primary_color) !important;
    border: 2px solid var(--primary_color)
}

form input[type=radio]:checked:after {
    background-color: var(--black_color);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px
}

form .hs-error-msgs.inputs-list {
    margin-top: .8rem
}

form .hs_error_rollup {
    display: none
}

form.hs-form fieldset.form-columns-1 input[type=checkbox], form.hs-form fieldset.form-columns-1 input[type=radio] {
    margin-bottom: 0
}

.hs-dateinput {
    position: relative
}

.hs-dateinput:before {
    content: "\01F4C5";
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%)
}

.hs-fieldtype-date .input .hs-dateinput:before {
    color: rgba(var(--form_field_placeholder_color), .5)
}

.fn-date-picker .pika-table thead th {
    color: #fff
}

.fn-date-picker td.is-selected .pika-button {
    background: var(--primary_color);
    border-radius: 0;
    box-shadow: none
}

.fn-date-picker td.is-today .pika-button {
    color: var(--primary_color)
}

.fn-date-picker td .pika-button:focus, .fn-date-picker td .pika-button:hover {
    background-color: var(--primary_color) !important;
    border-radius: 0 !important;
    color: #fff
}

form input[type=file] {
    background-color: transparent;
    border: initial;
    padding: initial
}

form .hs-richtext, form .hs-richtext p {
    font-size: var(--font_size_xs);
    line-height: 2.4rem;
    margin: 0 0 2rem
}

form .hs-richtext img {
    max-width: 100% !important
}

form .hs-button, form input[type=submit] {
    border: 0;
    cursor: pointer
}

form .hs_submit.hs-submit .actions {
    display: flex;
    height: fit-content;
    position: relative;
    width: max-content
}

form .hs_submit.hs-submit .actions .hs-button {
    background-color: transparent;
    color: var(--white_color);
    font-size: var(--button_font_size);
    font-weight: var(--button_font_weight);
    line-height: 24px;
    text-transform: var(--button_text_transform);
    transition: color .3s
}

form .hs_submit.hs-submit .actions:after {
    background-color: #fff;
    border-radius: 50px;
    bottom: 4px;
    content: "";
    left: 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: all .3s;
    z-index: -1
}

form .hs_submit.hs-submit .actions:hover .hs-button {
    color: var(--white_color);
    font-weight: var(--button_font_weight)
}

form .hs_submit.hs-submit .actions:hover:after {
    background-color: transparent
}

.email-edit {
    width: 100% !important
}

@media (max-width: 992px) {
    .footer form input:not(.footer form input[type=checkbox]), .footer form input[type=email]:not(.footer form input[type=checkbox]) {
        max-width: 252px;
        min-width: 252px !important
    }
}

.footer form input[type=checkbox] {
    border-radius: 0 !important;
    height: 16px;
    min-width: 16px !important;
    width: 16px
}

.footer form .hs_submit.hs-submit .actions {
    padding: 0
}

form .hs-fieldtype-intl-phone {
    width: 100% !important
}

.hs-fieldtype-intl-phone.hs-input select {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.5' d='m10.206 14 5.897 5.897L22 14'/%3E%3C/svg%3E");
    background-position: 100%;
    background-repeat: no-repeat;
    max-width: 25rem;
    min-width: 6rem;
    padding: 16px 27px 16px 12px
}

form .hs-fieldtype-intl-phone > input {
    min-width: 40%;
    width: 65% !important
}

@media (max-width: 480px) {
    .hs-fieldtype-intl-phone.hs-input {
        display: flex;
        flex-flow: column
    }

    .hs-fieldtype-intl-phone.hs-input select.hs-input {
        margin-bottom: 1rem;
        min-width: 100%
    }

    .hs-fieldtype-intl-phone.hs-input input {
        min-width: 100%
    }
}

@layer components {
    .footer {
        background-color: var(--footer_bg_color);
        padding-top: 6rem
    }

    .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer img, .footer label, .footer li, .footer p, .footer span {
        color: var(--footer_font_color)
    }

    .footer__container {
        display: flex;
        flex-direction: column
    }

    .footer__top-wrapper {
        display: flex;
        gap: var(--spacer_32)
    }

    @media (max-width: 992px) {
        .footer__top-wrapper {
            flex-wrap: wrap
        }
    }.footer__top-wrapper__informations {
         width: 25%
     }

    @media (max-width: 992px) {
        .footer__top-wrapper__informations {
            margin-bottom: var(--spacer_32);
            padding-right: 0;
            width: 100%
        }
    }.footer__top-wrapper__informations .hs-image-widget {
         max-width: 171px
     }

    .footer__top-wrapper__navigation {
        width: 75%
    }

    @media (max-width: 992px) {
        .footer__top-wrapper__navigation {
            padding-left: 0;
            width: 100%
        }
    }.footer__bottom-wrapper {
         display: flex;
         justify-content: space-between;
         margin-bottom: calc(var(--spacer_24) + var(--spacer_4))
     }

    @media (max-width: 992px) {
        .footer__bottom-wrapper {
            flex-direction: column
        }
    }.footer__bottom_wrapper__major-informations {
         align-items: center;
         display: flex;
         gap: calc(var(--spacer_24) - var(--spacer_4))
     }

    .footer__bottom_wrapper__minor-informations {
        align-items: flex-end;
        display: flex;
        gap: var(--spacer_24)
    }

    @media (max-width: 992px) {
        .footer__bottom_wrapper__major-informations {
            margin-bottom: 2rem
        }

        .footer__bottom_wrapper__minor-informations {
            align-items: flex-start;
            flex-direction: column
        }
    }.footer-no-navigation .hs-image-widget {
         max-width: 170px
     }

    @media (max-width: 992px) {
        .header--no-navigation {
            background-color: var(--white_color);
            border-bottom: 2px solid #d8d8d8;
            min-height: 7.5rem
        }
    }.hs-menu-wrapper ul {
         display: flex;
         flex-wrap: wrap;
         list-style: none;
         margin: 0;
         padding-left: 0
     }

    .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
        flex-direction: column
    }

    @media (max-width: 767px) {
        .hs-menu-wrapper.hs-menu-flow-horizontal ul {
            flex-direction: column
        }
    }.hs-menu-wrapper.hs-menu-flow-vertical ul {
         flex-direction: column
     }

    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
        display: inline-flex
    }

    @media (max-width: 767px) {
        .hs-menu-wrapper.hs-menu-flow-vertical ul {
            display: flex
        }
    }.hs-menu-wrapper.flyouts .hs-item-has-children {
         position: relative
     }

    .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
        left: -9999px;
        opacity: 0;
        position: absolute
    }

    .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
        display: block;
        white-space: nowrap
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
        left: 0;
        opacity: 1;
        top: 100%
    }

    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
        left: 100%;
        opacity: 1;
        top: 0
    }

    @media (max-width: 767px) {
        .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
            left: 0;
            opacity: 1;
            position: relative;
            top: auto
        }
    }.hs_cos_wrapper_type_cta img, .hs_cos_wrapper_type_logo img, .hs_cos_wrapper_type_rich_text img {
         height: auto;
         max-width: 100%
     }
} .footer_informations .hs-richtext.hs-main-font-element, .hs-error-msg {
      font-size: var(--font_size_14);
      font-weight: 500;
      line-height: 20px
  }

.section-overflow-hidden {
    overflow: hidden
}

.video-js .rich-text-preview {
    background-color: #fff !important
}

.body-legal-center {
    padding-top: 15rem
}

.legal-center--menu {
    position: sticky;
    top: 12rem
}

@media (max-width: 992px) {
    .legal-center--menu {
        top: 14rem
    }
}

@media (max-width: 767px) {
    .body-legal-center {
        padding-top: 13rem
    }

    .legal-center--menu {
        margin-top: var(--spacer_24);
        position: relative;
        top: 0
    }
}

a.cta_button {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    vertical-align: middle
}

.hs-breadcrumb-menu {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px
}

.hs-breadcrumb-menu-item {
    float: left;
    padding: 10px 0px 10px 10px
}

.hs-breadcrumb-menu-divider:before {
    content: '›';
    padding-left: 10px
}

.hs-featured-image-link {
    border: 0
}

.hs-featured-image {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 50%
}

@media (max-width: 568px) {
    .hs-featured-image {
        float: none;
        margin: 0;
        width: 100%;
        max-width: 100%
    }
}

.hs-screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}
.language-switcher__link[data-lang="ar"]::before {
    /*background-image: url("https://2902314.fs1.hubspotusercontent-na1.net/hubfs/2902314/markentive/images/flags/.svg");*/
}

.language-switcher:before{

    height: 36px;

}
.language-switcher__list{

    left: 35%;

}
@media (max-width: 1000px){
    .language-switcher__list{
        right: unset;
        left: unset;
    }
}
@media (max-width:992px) {
    #hs_cos_wrapper_dnd_area-module-1 .hero__item h1,
    #hs_cos_wrapper_dnd_area-module-1 .hero__item p { text-align:center; }
}
/*.benefits-link__title:after{*/
/*    background-image: url('https://www.unifonic.com/hubfs/Markentive/shape.png');*/
/*}*/

.dnd_area-row-0-padding {
    padding-top: 150px !important;
    padding-bottom: 0px !important;
}
.dnd_area-row-1-margin {
    margin-bottom: 80px !important;
}
.dnd_area-row-1-padding {
    padding-top: 100px !important;
    padding-bottom: 40px !important;
}
.dnd_area-row-1-background-layers {
    background-image: linear-gradient(#00C48C,#00C48C) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}
.dnd_area-row-4-padding {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}
.dnd_area-row-4-background-layers {
    background-image: linear-gradient(rgba(242, 250, 242, 1), rgba(242, 250, 242, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}
.dnd_area-row-5-padding {
    padding-bottom: 0px !important;
}
.dnd_area-row-6-padding {
    padding-bottom: 0px !important;
}
.dnd_area-row-9-background-layers {
    background-image: linear-gradient(#3D1053, #3D1053) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}
/* HubSpot Styles (mobile) */
@media (max-width: 767px) {
    .dnd_area-row-0-padding {
        padding-bottom: 140px !important;
    }
    .dnd_area-row-4-padding {
        padding-top: 200px !important;
    }
}