@import url('https://fonts.googleapis.com/css?family=Inter:300,400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Caveat:700&display=swap'); /* <inline asset> */

html,
body {
    width: 100%;
    height: 100%;
}
html,
body {
    position: relative;
    width: 100%;
    height: 100%;
}
body {
    --font-sans-serif: 'Inter', 'Odoo Unicode Support Noto', sans-serif;
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    --body-font-family: var(--font-sans-serif);
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #374151;
    --body-bg: #ffffff;
    margin: 0;
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: var(--body-color);
    text-align: var(--body-text-align);
    background-color: var(--body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* /web/static/src/scss/fontawesome_overridden.scss */
@font-face {
    font-family: 'FontAwesome-tiktok-only';
    src: url('/infosas_assests/site/assets/fonts/tiktok_only.woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'FontAwesome-twitter-x-only';
    src: url('/infosas_assests/site/assets/fonts/twitter_x_only.woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.fa.fa-tiktok:before {
    content: '\e07b';
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    --heading-color: #111827;
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'Inter', 'Odoo Unicode Support Noto', sans-serif;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
}
#calendar_employee .fc-col-header h1,
.o_colored_level #calendar_employee .fc-col-header h1,
#calendar_employee .fc-cell-shaded h1,
.o_colored_level #calendar_employee .fc-cell-shaded h1,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h1,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h1,
.o_website_sale_checkout .o_total_card .accordion-item h1,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item h1,
.o_figure_relative_layout .figure-caption h1,
.o_colored_level .o_figure_relative_layout .figure-caption h1,
.o_footer .o_footer_copyright h1,
.o_colored_level .o_footer .o_footer_copyright h1,
.o_cc5 h1,
.o_footer h1,
.o_colored_level .o_cc5 h1,
.o_colored_level .o_footer h1,
.o_cc4 h1,
.o_colored_level .o_cc4 h1,
.o_cc3 h1,
.o_colored_level .o_cc3 h1,
.o_cc2 h1,
.o_colored_level .o_cc2 h1,
.o_cc1 h1,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h1,
.navbar-light h1,
.o_colored_level .o_cc1 h1,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h1,
.o_colored_level .navbar-light h1,
.bg-o-color-5 h1,
.o_colored_level .bg-o-color-5 h1,
.bg-o-color-4 h1,
.o_colored_level .bg-o-color-4 h1,
.bg-o-color-3 h1,
.o_colored_level .bg-o-color-3 h1,
.bg-o-color-2 h1,
.o_colored_level .bg-o-color-2 h1,
.bg-o-color-1 h1,
.o_colored_level .bg-o-color-1 h1,
:where(.card:not([data-vxml])) .card-body h1,
.o_colored_level :where(.card:not([data-vxml])) .card-body h1,
.bg-white h1,
.o_colored_level .bg-white h1,
.bg-black h1,
.o_colored_level .bg-black h1,
.bg-black-50 h1,
.o_colored_level .bg-black-50 h1,
.bg-black-75 h1,
.o_colored_level .bg-black-75 h1,
.bg-white-50 h1,
.o_colored_level .bg-white-50 h1,
.bg-white-75 h1,
.o_colored_level .bg-white-75 h1,
.bg-white-85 h1,
.o_colored_level .bg-white-85 h1,
.bg-900 h1,
.o_colored_level .bg-900 h1,
.bg-800 h1,
.o_colored_level .bg-800 h1,
.bg-700 h1,
.o_colored_level .bg-700 h1,
.bg-600 h1,
.o_colored_level .bg-600 h1,
.bg-500 h1,
.o_colored_level .bg-500 h1,
.bg-400 h1,
.o_colored_level .bg-400 h1,
.bg-300 h1,
.o_colored_level .bg-300 h1,
.bg-200 h1,
.o_colored_level .bg-200 h1,
.bg-100 h1,
.o_colored_level .bg-100 h1,
#calendar_employee .fc-col-header .h1,
.o_colored_level #calendar_employee .fc-col-header .h1,
#calendar_employee .fc-cell-shaded .h1,
.o_colored_level #calendar_employee .fc-cell-shaded .h1,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h1,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h1,
.o_website_sale_checkout .o_total_card .accordion-item .h1,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .h1,
.o_figure_relative_layout .figure-caption .h1,
.o_colored_level .o_figure_relative_layout .figure-caption .h1,
.o_footer .o_footer_copyright .h1,
.o_colored_level .o_footer .o_footer_copyright .h1,
.o_cc5 .h1,
.o_footer .h1,
.o_colored_level .o_cc5 .h1,
.o_colored_level .o_footer .h1,
.o_cc4 .h1,
.o_colored_level .o_cc4 .h1,
.o_cc3 .h1,
.o_colored_level .o_cc3 .h1,
.o_cc2 .h1,
.o_colored_level .o_cc2 .h1,
.o_cc1 .h1,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h1,
.navbar-light .h1,
.o_colored_level .o_cc1 .h1,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h1,
.o_colored_level .navbar-light .h1,
.bg-o-color-5 .h1,
.o_colored_level .bg-o-color-5 .h1,
.bg-o-color-4 .h1,
.o_colored_level .bg-o-color-4 .h1,
.bg-o-color-3 .h1,
.o_colored_level .bg-o-color-3 .h1,
.bg-o-color-2 .h1,
.o_colored_level .bg-o-color-2 .h1,
.bg-o-color-1 .h1,
.o_colored_level .bg-o-color-1 .h1,
:where(.card:not([data-vxml])) .card-body .h1,
.o_colored_level :where(.card:not([data-vxml])) .card-body .h1,
.bg-white .h1,
.o_colored_level .bg-white .h1,
.bg-black .h1,
.o_colored_level .bg-black .h1,
.bg-black-50 .h1,
.o_colored_level .bg-black-50 .h1,
.bg-black-75 .h1,
.o_colored_level .bg-black-75 .h1,
.bg-white-50 .h1,
.o_colored_level .bg-white-50 .h1,
.bg-white-75 .h1,
.o_colored_level .bg-white-75 .h1,
.bg-white-85 .h1,
.o_colored_level .bg-white-85 .h1,
.bg-900 .h1,
.o_colored_level .bg-900 .h1,
.bg-800 .h1,
.o_colored_level .bg-800 .h1,
.bg-700 .h1,
.o_colored_level .bg-700 .h1,
.bg-600 .h1,
.o_colored_level .bg-600 .h1,
.bg-500 .h1,
.o_colored_level .bg-500 .h1,
.bg-400 .h1,
.bg-300 .h1,
.bg-200 .h1,
.bg-100 .h1,
#calendar_employee .fc-col-header h2,
.o_colored_level #calendar_employee .fc-col-header h2,
#calendar_employee .fc-cell-shaded h2,
.o_colored_level #calendar_employee .fc-cell-shaded h2,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h2,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h2,
.o_website_sale_checkout .o_total_card .accordion-item h2,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item h2,
.o_figure_relative_layout .figure-caption h2,
.o_colored_level .o_figure_relative_layout .figure-caption h2,
.o_footer .o_footer_copyright h2,
.o_colored_level .o_footer .o_footer_copyright h2,
.o_cc5 h2,
.o_footer h2,
.o_colored_level .o_cc5 h2,
.o_colored_level .o_footer h2,
.o_cc4 h2,
.o_colored_level .o_cc4 h2,
.o_cc3 h2,
.o_colored_level .o_cc3 h2,
.o_cc2 h2,
.o_colored_level .o_cc2 h2,
.o_cc1 h2,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h2,
.navbar-light h2,
.o_colored_level .o_cc1 h2,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h2,
.o_colored_level .navbar-light h2,
.bg-o-color-5 h2,
.o_colored_level .bg-o-color-5 h2,
.bg-o-color-4 h2,
.o_colored_level .bg-o-color-4 h2,
.bg-o-color-3 h2,
.o_colored_level .bg-o-color-3 h2,
.bg-o-color-2 h2,
.o_colored_level .bg-o-color-2 h2,
.bg-o-color-1 h2,
.o_colored_level .bg-o-color-1 h2,
:where(.card:not([data-vxml])) .card-body h2,
.o_colored_level :where(.card:not([data-vxml])) .card-body h2,
.bg-white h2,
.o_colored_level .bg-white h2,
.bg-black h2,
.o_colored_level .bg-black h2,
.bg-black-50 h2,
.o_colored_level .bg-black-50 h2,
.bg-black-75 h2,
.o_colored_level .bg-black-75 h2,
.bg-white-50 h2,
.o_colored_level .bg-white-50 h2,
.bg-white-75 h2,
.o_colored_level .bg-white-75 h2,
.bg-white-85 h2,
.o_colored_level .bg-white-85 h2,
.bg-900 h2,
.o_colored_level .bg-900 h2,
.bg-800 h2,
.o_colored_level .bg-800 h2,
.bg-700 h2,
.o_colored_level .bg-700 h2,
.bg-600 h2,
.o_colored_level .bg-600 h2,
.bg-500 h2,
.o_colored_level .bg-500 h2,
.bg-400 h2,
.o_colored_level .bg-400 h2,
.bg-300 h2,
.o_colored_level .bg-300 h2,
.bg-200 h2,
.o_colored_level .bg-200 h2,
.bg-100 h2,
.o_colored_level .bg-100 h2,
#calendar_employee .fc-col-header .h2,
.o_colored_level #calendar_employee .fc-col-header .h2,
#calendar_employee .fc-cell-shaded .h2,
.o_colored_level #calendar_employee .fc-cell-shaded .h2,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h2,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h2,
.o_website_sale_checkout .o_total_card .accordion-item .h2,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .h2,
.o_figure_relative_layout .figure-caption .h2,
.o_colored_level .o_figure_relative_layout .figure-caption .h2,
.o_footer .o_footer_copyright .h2,
.o_colored_level .o_footer .o_footer_copyright .h2,
.o_cc5 .h2,
.o_footer .h2,
.o_colored_level .o_cc5 .h2,
.o_colored_level .o_footer .h2,
.o_cc4 .h2,
.o_colored_level .o_cc4 .h2,
.o_cc3 .h2,
.o_colored_level .o_cc3 .h2,
.o_cc2 .h2,
.o_colored_level .o_cc2 .h2,
.o_cc1 .h2,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h2,
.navbar-light .h2,
.o_colored_level .o_cc1 .h2,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h2,
.o_colored_level .navbar-light .h2,
.bg-o-color-5 .h2,
.o_colored_level .bg-o-color-5 .h2,
.bg-o-color-4 .h2,
.o_colored_level .bg-o-color-4 .h2,
.bg-o-color-3 .h2,
.o_colored_level .bg-o-color-3 .h2,
.bg-o-color-2 .h2,
.o_colored_level .bg-o-color-2 .h2,
.bg-o-color-1 .h2,
.o_colored_level .bg-o-color-1 .h2,
:where(.card:not([data-vxml])) .card-body .h2,
.o_colored_level :where(.card:not([data-vxml])) .card-body .h2,
.bg-white .h2,
.o_colored_level .bg-white .h2,
.bg-black .h2,
.o_colored_level .bg-black .h2,
.bg-black-50 .h2,
.o_colored_level .bg-black-50 .h2,
.bg-black-75 .h2,
.o_colored_level .bg-black-75 .h2,
.bg-white-50 .h2,
.o_colored_level .bg-white-50 .h2,
.bg-white-75 .h2,
.o_colored_level .bg-white-75 .h2,
.bg-white-85 .h2,
.o_colored_level .bg-white-85 .h2,
.bg-900 .h2,
.o_colored_level .bg-900 .h2,
.bg-800 .h2,
.o_colored_level .bg-800 .h2,
.bg-700 .h2,
.o_colored_level .bg-700 .h2,
.bg-600 .h2,
.o_colored_level .bg-600 .h2,
.bg-500 .h2,
.o_colored_level .bg-500 .h2,
.bg-400 .h2,
.bg-300 .h2,
.bg-200 .h2,
.bg-100 .h2,
#calendar_employee .fc-col-header h3,
.o_colored_level #calendar_employee .fc-col-header h3,
#calendar_employee .fc-cell-shaded h3,
.o_colored_level #calendar_employee .fc-cell-shaded h3,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h3,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h3,
.o_website_sale_checkout .o_total_card .accordion-item h3,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item h3,
.o_figure_relative_layout .figure-caption h3,
.o_colored_level .o_figure_relative_layout .figure-caption h3,
.o_footer .o_footer_copyright h3,
.o_colored_level .o_footer .o_footer_copyright h3,
.o_cc5 h3,
.o_footer h3,
.o_colored_level .o_cc5 h3,
.o_colored_level .o_footer h3,
.o_cc4 h3,
.o_colored_level .o_cc4 h3,
.o_cc3 h3,
.o_colored_level .o_cc3 h3,
.o_cc2 h3,
.o_colored_level .o_cc2 h3,
.o_cc1 h3,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h3,
.navbar-light h3,
.o_colored_level .o_cc1 h3,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h3,
.o_colored_level .navbar-light h3,
.bg-o-color-5 h3,
.o_colored_level .bg-o-color-5 h3,
.bg-o-color-4 h3,
.o_colored_level .bg-o-color-4 h3,
.bg-o-color-3 h3,
.o_colored_level .bg-o-color-3 h3,
.bg-o-color-2 h3,
.o_colored_level .bg-o-color-2 h3,
.bg-o-color-1 h3,
.o_colored_level .bg-o-color-1 h3,
:where(.card:not([data-vxml])) .card-body h3,
.o_colored_level :where(.card:not([data-vxml])) .card-body h3,
.bg-white h3,
.o_colored_level .bg-white h3,
.bg-black h3,
.o_colored_level .bg-black h3,
.bg-black-50 h3,
.o_colored_level .bg-black-50 h3,
.bg-black-75 h3,
.o_colored_level .bg-black-75 h3,
.bg-white-50 h3,
.o_colored_level .bg-white-50 h3,
.bg-white-75 h3,
.o_colored_level .bg-white-75 h3,
.bg-white-85 h3,
.o_colored_level .bg-white-85 h3,
.bg-900 h3,
.o_colored_level .bg-900 h3,
.bg-800 h3,
.o_colored_level .bg-800 h3,
.bg-700 h3,
.o_colored_level .bg-700 h3,
.bg-600 h3,
.o_colored_level .bg-600 h3,
.bg-500 h3,
.o_colored_level .bg-500 h3,
.bg-400 h3,
.o_colored_level .bg-400 h3,
.bg-300 h3,
.o_colored_level .bg-300 h3,
.bg-200 h3,
.o_colored_level .bg-200 h3,
.bg-100 h3,
.o_colored_level .bg-100 h3,
#calendar_employee .fc-col-header .h3,
.o_colored_level #calendar_employee .fc-col-header .h3,
#calendar_employee .fc-cell-shaded .h3,
.o_colored_level #calendar_employee .fc-cell-shaded .h3,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h3,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h3,
.o_website_sale_checkout .o_total_card .accordion-item .h3,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .h3,
.o_figure_relative_layout .figure-caption .h3,
.o_colored_level .o_figure_relative_layout .figure-caption .h3,
.o_footer .o_footer_copyright .h3,
.o_colored_level .o_footer .o_footer_copyright .h3,
.o_cc5 .h3,
.o_footer .h3,
.o_colored_level .o_cc5 .h3,
.o_colored_level .o_footer .h3,
.o_cc4 .h3,
.o_colored_level .o_cc4 .h3,
.o_cc3 .h3,
.o_colored_level .o_cc3 .h3,
.o_cc2 .h3,
.o_colored_level .o_cc2 .h3,
.o_cc1 .h3,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h3,
.navbar-light .h3,
.o_colored_level .o_cc1 .h3,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h3,
.o_colored_level .navbar-light .h3,
.bg-o-color-5 .h3,
.o_colored_level .bg-o-color-5 .h3,
.bg-o-color-4 .h3,
.o_colored_level .bg-o-color-4 .h3,
.bg-o-color-3 .h3,
.o_colored_level .bg-o-color-3 .h3,
.bg-o-color-2 .h3,
.o_colored_level .bg-o-color-2 .h3,
.bg-o-color-1 .h3,
.o_colored_level .bg-o-color-1 .h3,
:where(.card:not([data-vxml])) .card-body .h3,
.o_colored_level :where(.card:not([data-vxml])) .card-body .h3,
.bg-white .h3,
.o_colored_level .bg-white .h3,
.bg-black .h3,
.o_colored_level .bg-black .h3,
.bg-black-50 .h3,
.o_colored_level .bg-black-50 .h3,
.bg-black-75 .h3,
.o_colored_level .bg-black-75 .h3,
.bg-white-50 .h3,
.o_colored_level .bg-white-50 .h3,
.bg-white-75 .h3,
.o_colored_level .bg-white-75 .h3,
.bg-white-85 .h3,
.o_colored_level .bg-white-85 .h3,
.bg-900 .h3,
.o_colored_level .bg-900 .h3,
.bg-800 .h3,
.o_colored_level .bg-800 .h3,
.bg-700 .h3,
.o_colored_level .bg-700 .h3,
.bg-600 .h3,
.o_colored_level .bg-600 .h3,
.bg-500 .h3,
.o_colored_level .bg-500 .h3,
.bg-400 .h3,
.bg-300 .h3,
.bg-200 .h3,
.bg-100 .h3,
#calendar_employee .fc-col-header h4,
.o_colored_level #calendar_employee .fc-col-header h4,
#calendar_employee .fc-cell-shaded h4,
.o_colored_level #calendar_employee .fc-cell-shaded h4,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h4,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h4,
.o_website_sale_checkout .o_total_card .accordion-item h4,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item h4,
.o_figure_relative_layout .figure-caption h4,
.o_colored_level .o_figure_relative_layout .figure-caption h4,
.o_footer .o_footer_copyright h4,
.o_colored_level .o_footer .o_footer_copyright h4,
.o_cc5 h4,
.o_footer h4,
.o_colored_level .o_cc5 h4,
.o_colored_level .o_footer h4,
.o_cc4 h4,
.o_colored_level .o_cc4 h4,
.o_cc3 h4,
.o_colored_level .o_cc3 h4,
.o_cc2 h4,
.o_colored_level .o_cc2 h4,
.o_cc1 h4,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h4,
.navbar-light h4,
.o_colored_level .o_cc1 h4,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h4,
.o_colored_level .navbar-light h4,
.bg-o-color-5 h4,
.o_colored_level .bg-o-color-5 h4,
.bg-o-color-4 h4,
.o_colored_level .bg-o-color-4 h4,
.bg-o-color-3 h4,
.o_colored_level .bg-o-color-3 h4,
.bg-o-color-2 h4,
.o_colored_level .bg-o-color-2 h4,
.bg-o-color-1 h4,
.o_colored_level .bg-o-color-1 h4,
:where(.card:not([data-vxml])) .card-body h4,
.o_colored_level :where(.card:not([data-vxml])) .card-body h4,
.bg-white h4,
.o_colored_level .bg-white h4,
.bg-black h4,
.o_colored_level .bg-black h4,
.bg-black-50 h4,
.o_colored_level .bg-black-50 h4,
.bg-black-75 h4,
.o_colored_level .bg-black-75 h4,
.bg-white-50 h4,
.o_colored_level .bg-white-50 h4,
.bg-white-75 h4,
.o_colored_level .bg-white-75 h4,
.bg-white-85 h4,
.o_colored_level .bg-white-85 h4,
.bg-900 h4,
.o_colored_level .bg-900 h4,
.bg-800 h4,
.o_colored_level .bg-800 h4,
.bg-700 h4,
.o_colored_level .bg-700 h4,
.bg-600 h4,
.o_colored_level .bg-600 h4,
.bg-500 h4,
.o_colored_level .bg-500 h4,
.bg-400 h4,
.o_colored_level .bg-400 h4,
.bg-300 h4,
.o_colored_level .bg-300 h4,
.bg-200 h4,
.o_colored_level .bg-200 h4,
.bg-100 h4,
.o_colored_level .bg-100 h4,
#calendar_employee .fc-col-header .h4,
.o_colored_level #calendar_employee .fc-col-header .h4,
#calendar_employee .fc-cell-shaded .h4,
.o_colored_level #calendar_employee .fc-cell-shaded .h4,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h4,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h4,
.o_website_sale_checkout .o_total_card .accordion-item .h4,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .h4,
.o_figure_relative_layout .figure-caption .h4,
.o_colored_level .o_figure_relative_layout .figure-caption .h4,
.o_footer .o_footer_copyright .h4,
.o_colored_level .o_footer .o_footer_copyright .h4,
.o_cc5 .h4,
.o_footer .h4,
.o_colored_level .o_cc5 .h4,
.o_colored_level .o_footer .h4,
.o_cc4 .h4,
.o_colored_level .o_cc4 .h4,
.o_cc3 .h4,
.o_colored_level .o_cc3 .h4,
.o_cc2 .h4,
.o_colored_level .o_cc2 .h4,
.o_cc1 .h4,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h4,
.navbar-light .h4,
.o_colored_level .o_cc1 .h4,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h4,
.o_colored_level .navbar-light .h4,
.bg-o-color-5 .h4,
.o_colored_level .bg-o-color-5 .h4,
.bg-o-color-4 .h4,
.o_colored_level .bg-o-color-4 .h4,
.bg-o-color-3 .h4,
.o_colored_level .bg-o-color-3 .h4,
.bg-o-color-2 .h4,
.o_colored_level .bg-o-color-2 .h4,
.bg-o-color-1 .h4,
.o_colored_level .bg-o-color-1 .h4,
:where(.card:not([data-vxml])) .card-body .h4,
.o_colored_level :where(.card:not([data-vxml])) .card-body .h4,
.bg-white .h4,
.o_colored_level .bg-white .h4,
.bg-black .h4,
.o_colored_level .bg-black .h4,
.bg-black-50 .h4,
.o_colored_level .bg-black-50 .h4,
.bg-black-75 .h4,
.o_colored_level .bg-black-75 .h4,
.bg-white-50 .h4,
.o_colored_level .bg-white-50 .h4,
.bg-white-75 .h4,
.o_colored_level .bg-white-75 .h4,
.bg-white-85 .h4,
.o_colored_level .bg-white-85 .h4,
.bg-900 .h4,
.o_colored_level .bg-900 .h4,
.bg-800 .h4,
.o_colored_level .bg-800 .h4,
.bg-700 .h4,
.o_colored_level .bg-700 .h4,
.bg-600 .h4,
.o_colored_level .bg-600 .h4,
.bg-500 .h4,
.o_colored_level .bg-500 .h4,
.bg-400 .h4,
.bg-300 .h4,
.bg-200 .h4,
.bg-100 .h4,
#calendar_employee .fc-col-header h5,
.o_colored_level #calendar_employee .fc-col-header h5,
#calendar_employee .fc-cell-shaded h5,
.o_colored_level #calendar_employee .fc-cell-shaded h5,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h5,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h5,
.o_website_sale_checkout .o_total_card .accordion-item h5,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item h5,
.o_figure_relative_layout .figure-caption h5,
.o_colored_level .o_figure_relative_layout .figure-caption h5,
.o_footer .o_footer_copyright h5,
.o_colored_level .o_footer .o_footer_copyright h5,
.o_cc5 h5,
.o_footer h5,
.o_colored_level .o_cc5 h5,
.o_colored_level .o_footer h5,
.o_cc4 h5,
.o_colored_level .o_cc4 h5,
.o_cc3 h5,
.o_colored_level .o_cc3 h5,
.o_cc2 h5,
.o_colored_level .o_cc2 h5,
.o_cc1 h5,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h5,
.navbar-light h5,
.o_colored_level .o_cc1 h5,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h5,
.o_colored_level .navbar-light h5,
.bg-o-color-5 h5,
.o_colored_level .bg-o-color-5 h5,
.bg-o-color-4 h5,
.o_colored_level .bg-o-color-4 h5,
.bg-o-color-3 h5,
.o_colored_level .bg-o-color-3 h5,
.bg-o-color-2 h5,
.o_colored_level .bg-o-color-2 h5,
.bg-o-color-1 h5,
.o_colored_level .bg-o-color-1 h5,
:where(.card:not([data-vxml])) .card-body h5,
.o_colored_level :where(.card:not([data-vxml])) .card-body h5,
.bg-white h5,
.o_colored_level .bg-white h5,
.bg-black h5,
.o_colored_level .bg-black h5,
.bg-black-50 h5,
.o_colored_level .bg-black-50 h5,
.bg-black-75 h5,
.o_colored_level .bg-black-75 h5,
.bg-white-50 h5,
.o_colored_level .bg-white-50 h5,
.bg-white-75 h5,
.o_colored_level .bg-white-75 h5,
.bg-white-85 h5,
.o_colored_level .bg-white-85 h5,
.bg-900 h5,
.o_colored_level .bg-900 h5,
.bg-800 h5,
.o_colored_level .bg-800 h5,
.bg-700 h5,
.o_colored_level .bg-700 h5,
.bg-600 h5,
.o_colored_level .bg-600 h5,
.bg-500 h5,
.o_colored_level .bg-500 h5,
.bg-400 h5,
.o_colored_level .bg-400 h5,
.bg-300 h5,
.o_colored_level .bg-300 h5,
.bg-200 h5,
.o_colored_level .bg-200 h5,
.bg-100 h5,
.o_colored_level .bg-100 h5,
#calendar_employee .fc-col-header .h5,
.o_colored_level #calendar_employee .fc-col-header .h5,
#calendar_employee .fc-cell-shaded .h5,
.o_colored_level #calendar_employee .fc-cell-shaded .h5,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h5,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h5,
.o_website_sale_checkout .o_total_card .accordion-item .h5,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .h5,
.o_figure_relative_layout .figure-caption .h5,
.o_colored_level .o_figure_relative_layout .figure-caption .h5,
.o_footer .o_footer_copyright .h5,
.o_colored_level .o_footer .o_footer_copyright .h5,
.o_cc5 .h5,
.o_footer .h5,
.o_colored_level .o_cc5 .h5,
.o_colored_level .o_footer .h5,
.o_cc4 .h5,
.o_colored_level .o_cc4 .h5,
.o_cc3 .h5,
.o_colored_level .o_cc3 .h5,
.o_cc2 .h5,
.o_colored_level .o_cc2 .h5,
.o_cc1 .h5,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h5,
.navbar-light .h5,
.o_colored_level .o_cc1 .h5,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h5,
.o_colored_level .navbar-light .h5,
.bg-o-color-5 .h5,
.o_colored_level .bg-o-color-5 .h5,
.bg-o-color-4 .h5,
.o_colored_level .bg-o-color-4 .h5,
.bg-o-color-3 .h5,
.o_colored_level .bg-o-color-3 .h5,
.bg-o-color-2 .h5,
.o_colored_level .bg-o-color-2 .h5,
.bg-o-color-1 .h5,
.o_colored_level .bg-o-color-1 .h5,
:where(.card:not([data-vxml])) .card-body .h5,
.o_colored_level :where(.card:not([data-vxml])) .card-body .h5,
.bg-white .h5,
.o_colored_level .bg-white .h5,
.bg-black .h5,
.o_colored_level .bg-black .h5,
.bg-black-50 .h5,
.o_colored_level .bg-black-50 .h5,
.bg-black-75 .h5,
.o_colored_level .bg-black-75 .h5,
.bg-white-50 .h5,
.o_colored_level .bg-white-50 .h5,
.bg-white-75 .h5,
.o_colored_level .bg-white-75 .h5,
.bg-white-85 .h5,
.o_colored_level .bg-white-85 .h5,
.bg-900 .h5,
.o_colored_level .bg-900 .h5,
.bg-800 .h5,
.o_colored_level .bg-800 .h5,
.bg-700 .h5,
.o_colored_level .bg-700 .h5,
.bg-600 .h5,
.o_colored_level .bg-600 .h5,
.bg-500 .h5,
.o_colored_level .bg-500 .h5,
.bg-400 .h5,
.bg-300 .h5,
.bg-200 .h5,
.bg-100 .h5,
#calendar_employee .fc-col-header h6,
.o_colored_level #calendar_employee .fc-col-header h6,
#calendar_employee .fc-cell-shaded h6,
.o_colored_level #calendar_employee .fc-cell-shaded h6,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h6,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h6,
.o_website_sale_checkout .o_total_card .accordion-item h6,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item h6,
.o_figure_relative_layout .figure-caption h6,
.o_colored_level .o_figure_relative_layout .figure-caption h6,
.o_footer .o_footer_copyright h6,
.o_colored_level .o_footer .o_footer_copyright h6,
.o_cc5 h6,
.o_footer h6,
.o_colored_level .o_cc5 h6,
.o_colored_level .o_footer h6,
.o_cc4 h6,
.o_colored_level .o_cc4 h6,
.o_cc3 h6,
.o_colored_level .o_cc3 h6,
.o_cc2 h6,
.o_colored_level .o_cc2 h6,
.o_cc1 h6,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h6,
.navbar-light h6,
.o_colored_level .o_cc1 h6,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    h6,
.o_colored_level .navbar-light h6,
.bg-o-color-5 h6,
.o_colored_level .bg-o-color-5 h6,
.bg-o-color-4 h6,
.o_colored_level .bg-o-color-4 h6,
.bg-o-color-3 h6,
.o_colored_level .bg-o-color-3 h6,
.bg-o-color-2 h6,
.o_colored_level .bg-o-color-2 h6,
.bg-o-color-1 h6,
.o_colored_level .bg-o-color-1 h6,
:where(.card:not([data-vxml])) .card-body h6,
.o_colored_level :where(.card:not([data-vxml])) .card-body h6,
.bg-white h6,
.o_colored_level .bg-white h6,
.bg-black h6,
.o_colored_level .bg-black h6,
.bg-black-50 h6,
.o_colored_level .bg-black-50 h6,
.bg-black-75 h6,
.o_colored_level .bg-black-75 h6,
.bg-white-50 h6,
.o_colored_level .bg-white-50 h6,
.bg-white-75 h6,
.o_colored_level .bg-white-75 h6,
.bg-white-85 h6,
.o_colored_level .bg-white-85 h6,
.bg-900 h6,
.o_colored_level .bg-900 h6,
.bg-800 h6,
.o_colored_level .bg-800 h6,
.bg-700 h6,
.o_colored_level .bg-700 h6,
.bg-600 h6,
.o_colored_level .bg-600 h6,
.bg-500 h6,
.o_colored_level .bg-500 h6,
.bg-400 h6,
.o_colored_level .bg-400 h6,
.bg-300 h6,
.o_colored_level .bg-300 h6,
.bg-200 h6,
.o_colored_level .bg-200 h6,
.bg-100 h6,
.o_colored_level .bg-100 h6,
#calendar_employee .fc-col-header .h6,
.o_colored_level #calendar_employee .fc-col-header .h6,
#calendar_employee .fc-cell-shaded .h6,
.o_colored_level #calendar_employee .fc-cell-shaded .h6,
#wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h6,
.o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h6,
.o_website_sale_checkout .o_total_card .accordion-item .h6,
.o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .h6,
.o_figure_relative_layout .figure-caption .h6,
.o_colored_level .o_figure_relative_layout .figure-caption .h6,
.o_footer .o_footer_copyright .h6,
.o_colored_level .o_footer .o_footer_copyright .h6,
.o_cc5 .h6,
.o_footer .h6,
.o_colored_level .o_cc5 .h6,
.o_colored_level .o_footer .h6,
.o_cc4 .h6,
.o_colored_level .o_cc4 .h6,
.o_cc3 .h6,
.o_colored_level .o_cc3 .h6,
.o_cc2 .h6,
.o_colored_level .o_cc2 .h6,
.o_cc1 .h6,
#wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h6,
.navbar-light .h6,
.o_colored_level .o_cc1 .h6,
.o_colored_level
    #wrapwrap.o_header_overlay
    > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown)
    > .navbar
    .h6,
.o_colored_level .navbar-light .h6,
.bg-o-color-5 .h6,
.o_colored_level .bg-o-color-5 .h6,
.bg-o-color-4 .h6,
.o_colored_level .bg-o-color-4 .h6,
.bg-o-color-3 .h6,
.o_colored_level .bg-o-color-3 .h6,
.bg-o-color-2 .h6,
.o_colored_level .bg-o-color-2 .h6,
.bg-o-color-1 .h6,
.o_colored_level .bg-o-color-1 .h6,
:where(.card:not([data-vxml])) .card-body .h6,
.o_colored_level :where(.card:not([data-vxml])) .card-body .h6,
.bg-white .h6,
.o_colored_level .bg-white .h6,
.bg-black .h6,
.o_colored_level .bg-black .h6,
.bg-black-50 .h6,
.o_colored_level .bg-black-50 .h6,
.bg-black-75 .h6,
.o_colored_level .bg-black-75 .h6,
.bg-white-50 .h6,
.o_colored_level .bg-white-50 .h6,
.bg-white-75 .h6,
.o_colored_level .bg-white-75 .h6,
.bg-white-85 .h6,
.o_colored_level .bg-white-85 .h6,
.bg-900 .h6,
.o_colored_level .bg-900 .h6,
.bg-800 .h6,
.o_colored_level .bg-800 .h6,
.bg-700 .h6,
.o_colored_level .bg-700 .h6,
.bg-600 .h6,
.o_colored_level .bg-600 .h6,
.bg-500 .h6,
.o_colored_level .bg-500 .h6,
.bg-400 .h6,
.bg-300 .h6,
.bg-200 .h6,
.bg-100 .h6 {
    color: inherit;
}
.fa.fa-tiktok {
    font-family: 'FontAwesome-tiktok-only' !important;
}

#wrapwrap {
    z-index: 0;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    min-height: 100%;
}
#wrapwrap > * {
    flex: 0 0 auto;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
    position: absolute !important;
}

header#top {
    z-index: 1030;
}
header {
    font-size: 0.875rem;
}

header.o_header_is_scrolled,
header.o_transitioning.o_header_affixed {
    background-color: transparent !important;
}
.o_header_affixed:not(.o_header_no_transition) {
    transition: transform 200ms;
}
.o_main_header.o_header_is_scrolled,
.o_main_header.o_transitioning.o_header_affixed {
    background-color: white !important;
}
.o_main_header.o_header_is_scrolled,
.o_main_header.o_sub_opened {
    transition: all 0.2s ease;
}

.o_main_header {
    background-color: #ffffff;
    color: #374151;
    font-size: 12px;
    transition: all 0.2s ease;
    transition-property: background-color, box-shadow;
    transform: translate3d(auto, auto, 0);
}
.o_main_header > .o_main_header_main a:not(.btn):hover,
.o_main_header > .o_main_header_main a:not(.btn):focus {
    color: #111827;
    outline: none;
}
.o_header_affixed {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    position: fixed;
}

.o_main_header:not(.o_header_affixed) {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
}

.o_main_header > .o_main_header_main {
    height: 60px;
    --gutter-x: 32px;
    --gutter-y: 0;
    width: 100%;
    padding-left: calc(var(--gutter-x) * 0.5);
    padding-right: calc(var(--gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
}

.o_main_header.o_inverted:not(.o_mobile_menu_opened):not(.o_sub_opened):not(.o_header_is_scrolled) {
    background-color: transparent;
    color: #fff;
    box-shadow: none;
}

@media (min-width: 576px) {
    .o_main_header > .o_main_header_main {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .o_main_header > .o_main_header_main {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .o_main_header > .o_main_header_main {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .o_main_header > .o_main_header_main {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .o_main_header > .o_main_header_main {
        max-width: 1320px;
    }
}
@media (min-width: 992px) {
    .o_main_header > .o_main_header_main {
        display: flex;
        justify-content: space-between;
    }
}

.o_logo {
    background-image: url(/infosas_assests/site/assets/logos/300code_logo.png);
    background-image: url(/infosas_assests/site/assets/logos/300code_logo.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 94px;
    height: 30px;
    background-size: auto 30px;
}
.o_main_header .o_logo {
    background-position: 0 0;
}
.o_main_header > .o_main_header_main .o_logo {
    /* width: 68px;
    height: 22px;
    margin: 18px 0; */
    width: 143px;
    height: 44px;
    margin: 8px 0;
    background-size: cover;
    z-index: 1;
}
.o_main_header > .o_main_header_main a:not(.btn) {
    color: inherit;
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div a:hover,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div a:hover,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div a:focus,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div a:focus {
    color: #f7704c;
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div a:hover,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div a:hover,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div a:focus,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div a:focus,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div a:active,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div a:active {
    background-color: transparent;
}

.o_main_header > .o_main_header_main .o_header_buttons {
    height: 100%;
    line-height: 60px;
    float: left;
    z-index: 1;
}

.o_main_header > .o_main_header_main .o_header_buttons > * {
    display: inline-block;
    float: right;
}
.o_main_header > .o_main_header_main .o_header_buttons a:not(.btn) {
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
}

.o_main_header > .o_main_header_main > .o_primary_nav {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    white-space: nowrap;
}
@media (min-width: 992px) {
    .o_main_header > .o_main_header_main > .o_primary_nav {
        height: 100%;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        width: 100%;
        justify-self: center;
    }
}

@media (min-width: 992px) {
    .o_main_header > .o_main_header_main > .o_primary_nav::before {
        content: '';
        background: transparent;
        z-index: -1;
        visibility: hidden;
        box-shadow: 0 1px 0 transparent;
        width: 100%;
        height: 60px;
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        transition: background 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 500ms,
            box-shadow 500ms linear 0ms;
    }
}

.o_main_header > .o_main_header_main > .o_primary_nav > li > a {
    height: 100%;
    line-height: 60px;
}
.o_main_header > .o_main_header_main > .o_primary_nav > li {
    display: inline-block !important;
}
.o_main_header > .o_main_header_main > .o_primary_nav .dropdown {
    position: static;
}

.o_main_header > .o_main_header_main > .o_primary_nav .dropdown > a {
    position: relative;
}

.o_main_header > .o_main_header_main > .o_primary_nav > li > a:not(.btn) {
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
}
.o_main_header.o_inverted:not(.o_mobile_menu_opened):not(.o_sub_opened):not(.o_header_is_scrolled)
    > .o_main_header_main
    a:not(.active):hover,
.o_main_header.o_inverted:not(.o_mobile_menu_opened):not(.o_sub_opened):not(.o_header_is_scrolled)
    > .o_main_header_main
    a:not(.active):focus {
    color: inherit;
}

.dropdown-menu,
.o_dropdown_menu {
    max-height: 70vh;
    overflow: auto;
    background-clip: border-box;
}
.dropdown-menu,
.o_dropdown_menu {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
header .dropdown-menu,
header .o_dropdown_menu,
header .btn {
    font-size: inherit !important;
}
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav {
    overflow: inherit;
    max-height: none;
    width: 100%;
    padding: 0 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}

@media (min-width: 992px) {
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav {
        display: block;
        background-color: #ffffff;
        visibility: hidden;
        z-index: -2;
        transform: translate(0, -115%);
        transition: transform 333.33333333ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 333.33333333ms,
            background-color 0ms linear 0ms;
    }
}
.o_main_header > .o_main_header_main > .o_primary_nav .dropdown > .dropdown-menu,
.o_main_header > .o_main_header_main > .o_primary_nav .dropdown > .o_dropdown_menu {
    border: none;
    border-radius: 0;
    margin: 0;
}

@media (min-width: 992px) {
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav::before {
        content: '';
        position: absolute;
        top: 100%;
        right: 0;
        bottom: -1000px;
        left: 0;
        display: block;
        background-color: #000;
        opacity: 0;
        transition: opacity 500ms cubic-bezier(0.55, 0, 0.1, 1) 0s;
    }
}
@media (min-width: 768px) {
    .o_main_header > .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav::before {
        opacity: 0.5;
    }
}

@media (min-width: 992px) {
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row,
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row {
        margin-right: -46px;
        margin-left: -46px;
    }
}

[class^='col-lg-'] {
    min-height: 24px;
}
@media (min-width: 992px) {
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div,
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div {
        padding-right: 46px;
        padding-left: 46px;
    }
}
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div {
    font-size: 1rem;
    overflow: hidden;
}
@media (min-width: 992px) {
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav .container > .row > div,
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav .o_container_small > .row > div {
        opacity: 0;
        transform: translate(0, -30%);
        transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms;
    }
}
@media (min-width: 992px) {
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row:first-of-type > div,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row:first-of-type
        > div {
        padding-top: 30px;
        padding-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .o_main_header > .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav {
        visibility: visible;
        background-color: white;
        transform: translate(0, 0);
        transition: transform 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 0ms,
            background-color 0ms linear 500ms;
    }
}

@media (min-width: 768px) {
    .o_main_header > .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .container > .row > div,
    .o_main_header > .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_container_small > .row > div {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@media (min-width: 768px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        > li.show
        > .o_secondary_nav
        .container
        > .row
        > div:nth-child(1),
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        > li.show
        > .o_secondary_nav
        .o_container_small
        > .row
        > div:nth-child(1) {
        transition-delay: 100ms;
    }
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family,
.o_main_header
    > .o_main_header_main
    > .o_primary_nav
    .o_secondary_nav
    > .o_container_small
    > .row
    > div
    .o_nav_app_family,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family,
.o_main_header
    > .o_main_header_main
    > .o_primary_nav
    .o_secondary_nav
    > .o_container_small
    > .row
    > div
    .o_nav_com_family,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family,
.o_main_header
    > .o_main_header_main
    > .o_primary_nav
    .o_secondary_nav
    > .o_container_small
    > .row
    > div
    .o_nav_ind_family {
    padding: 0 15px;
    font-weight: 600;
    pointer-events: none;
    cursor: default;
}
@media (min-width: 992px) {
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_nav_app_family,
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_nav_com_family,
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_nav_ind_family {
        padding: 0;
        margin-bottom: 8px;
        text-transform: uppercase;
    }
}
@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_finance_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_finance_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_finance_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_finance_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_retail_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_retail_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_retail_industries
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_retail_industries
        .o_nav_ind_family {
        color: #017e84;
    }
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul {
    position: relative;
    list-style: none;
    padding: 0;
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_finance_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_finance_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_finance_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_finance_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_retail_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_retail_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_retail_industries
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_retail_industries
        .o_nav_ind_family:after {
        background-color: #017e84;
    }
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li {
    height: 30px;
    transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms;
    transition-property: height, opacity;
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li > a,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li > a,
.o_main_header
    > .o_main_header_main
    > .o_primary_nav
    .o_secondary_nav
    > .container
    > .row
    > div
    ul
    > li
    > .o_schedule_demo
    a,
.o_main_header
    > .o_main_header_main
    > .o_primary_nav
    .o_secondary_nav
    > .o_container_small
    > .row
    > div
    ul
    > li
    > .o_schedule_demo
    a {
    display: block;
    height: 100%;
    padding: 0;
    line-height: 30px;
    font-weight: 500;
    font-size: 0.8rem;
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_sale_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_sale_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_sale_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_sale_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_construction_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_construction_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_construction_industries
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_construction_industries
        .o_nav_ind_family {
        color: #e46f78;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_nav_com_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_nav_com_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_nav_ind_family:after {
        content: '';
        width: 100%;
        height: 1px;
        display: block;
        opacity: 0.3;
        margin-top: 0.3rem;
    }
}
@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_sale_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_sale_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_sale_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_sale_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_construction_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_construction_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_construction_industries
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_construction_industries
        .o_nav_ind_family:after {
        background-color: #e46f78;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_website_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_website_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_website_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_website_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_services_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_services_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_services_industries
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_services_industries
        .o_nav_ind_family {
        color: #47738f;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_website_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_website_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_website_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_website_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_services_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_services_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_services_industries
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_services_industries
        .o_nav_ind_family:after {
        background-color: #47738f;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_inventory_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_inventory_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_inventory_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_inventory_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_supply_chain_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_supply_chain_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_supply_chain_industries
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_supply_chain_industries
        .o_nav_ind_family {
        color: #6e6d99;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_inventory_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_inventory_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_inventory_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_inventory_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_supply_chain_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_supply_chain_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_supply_chain_industries
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_supply_chain_industries
        .o_nav_ind_family:after {
        background-color: #6e6d99;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_hr_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_hr_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_hr_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_hr_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_health_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_health_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_health_industries
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_health_industries
        .o_nav_ind_family {
        color: #5c5b80;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_hr_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_hr_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_hr_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_hr_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_health_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_health_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_health_industries
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_health_industries
        .o_nav_ind_family:after {
        background-color: #5c5b80;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_marketing_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_marketing_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_marketing_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_marketing_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_hospitality_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_hospitality_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_hospitality_industries
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_hospitality_industries
        .o_nav_ind_family {
        color: #f07346;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_marketing_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_marketing_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_marketing_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_marketing_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_hospitality_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_hospitality_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div
        .o_hospitality_industries
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_hospitality_industries
        .o_nav_ind_family:after {
        background-color: #f07346;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_services_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_services_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_services_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_services_apps
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_supply_chain_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_supply_chain_industries
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_supply_chain_industries
        .o_nav_ind_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_supply_chain_industries
        .o_nav_ind_family {
        color: #d5653e;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_services_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_services_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_services_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_services_apps
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_supply_chain_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_supply_chain_industries
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_supply_chain_industries
        .o_nav_ind_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_supply_chain_industries
        .o_nav_ind_family:after {
        background-color: #d5653e;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_productivity_apps
        .o_nav_app_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_productivity_apps
        .o_nav_app_family {
        color: #714b67;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_productivity_apps
        .o_nav_app_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_productivity_apps
        .o_nav_app_family:after {
        background-color: #714b67;
    }
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_store_link,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social {
    overflow: hidden;
    display: block;
    height: 120px;
    line-height: 60px;
    border-top: 1px solid #f3f4f6;
    text-align: center;
}
@media (min-width: 992px) {
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav .o_store_link,
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav .o_header_social {
        max-height: 0;
        transition: max-height 250ms cubic-bezier(0.55, 0, 0.1, 1) 0s;
    }
}
@media (min-width: 768px) {
    .o_main_header > .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_store_link,
    .o_main_header > .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_header_social {
        max-height: 60px;
        transition: max-height 500ms cubic-bezier(0.55, 0, 0.1, 1) 300ms;
    }
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_store_link a,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social a {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 500;
    font-size: 0.8rem;
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_store_link a:hover,
.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social a:hover {
    background-color: transparent;
    color: #017e84;
}

a {
    text-decoration: none;
}

.o_main_header .dropdown-toggle::after {
    display: none;
}

*:lang(ar) .x_wd [class*='display-'],
*:lang(ja-JP) .x_wd [class*='display-'],
*:lang(ko-KR) .x_wd [class*='display-'],
*:lang(th-TH) .x_wd [class*='display-'],
*:lang(vi-VN) .x_wd [class*='display-'],
*:lang(zh-CN) .x_wd [class*='display-'],
*:lang(zh-TW) .x_wd [class*='display-'] {
    font-family: 'Inter';
    font-weight: 600;
    line-height: 1.2;
}
*:lang(ar) .x_wd .display-6,
*:lang(ja-JP) .x_wd .display-6,
*:lang(ko-KR) .x_wd .display-6,
*:lang(th-TH) .x_wd .display-6,
*:lang(vi-VN) .x_wd .display-6,
*:lang(zh-CN) .x_wd .display-6,
*:lang(zh-TW) .x_wd .display-6 {
    font-size: 1rem;
}

.rotate-280 {
    rotate: 280deg;
}
.flip {
    transform: scaleX(-1);
}
.o_rtl .rotate-280:not(.o_rtl_no_rotate) {
    rotate: calc(360deg - 280deg);
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_learn_com
        .o_nav_com_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_learn_com
        .o_nav_com_family {
        color: #f07346;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_learn_com
        .o_nav_com_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_learn_com
        .o_nav_com_family:after {
        background-color: #f07346;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_software_com
        .o_nav_com_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_software_com
        .o_nav_com_family {
        color: #017e84;
    }
}
@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_software_com
        .o_nav_com_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_software_com
        .o_nav_com_family:after {
        background-color: #017e84;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_collab_com
        .o_nav_com_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_collab_com
        .o_nav_com_family {
        color: #714b67;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_collab_com
        .o_nav_com_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_collab_com
        .o_nav_com_family:after {
        background-color: #714b67;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_services_com
        .o_nav_com_family,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_services_com
        .o_nav_com_family {
        color: #47738f;
    }
}

@media (min-width: 992px) {
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .container
        > .row
        > div.o_services_com
        .o_nav_com_family:after,
    .o_main_header
        > .o_main_header_main
        > .o_primary_nav
        .o_secondary_nav
        > .o_container_small
        > .row
        > div.o_services_com
        .o_nav_com_family:after {
        background-color: #47738f;
    }
}

@media (min-width: 768px) {
    .o_main_header > .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_header_social {
        max-height: 90px;
    }
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social {
    line-height: 40px;
}

.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social .social_icons a {
    font-size: 1.1rem;
}

.o_schedule_demo {
    display: inline-block;
}

.btn-fill-light,
.btn-light {
    --btn-color: #111827;
    --btn-bg: #f9f9f9;
    --btn-border-color: #f9f9f9;
    --btn-hover-color: #111827;
    --btn-hover-bg: #fafafa;
    --btn-hover-border-color: #fafafa;
    --btn-focus-shadow-rgb: 214, 215, 218;
    --btn-active-color: #111827;
    --btn-active-bg: #fafafa;
    --btn-active-border-color: #fafafa;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #111827;
    --btn-disabled-bg: #f9f9f9;
    --btn-disabled-border-color: #f9f9f9;
}

.btn {
    --btn-padding-x: 1.5rem;
    --btn-padding-y: 0.75rem;
    --btn-font-family: ;
    --btn-font-size: 1rem;
    --btn-font-weight: 600;
    --btn-line-height: 1.5;
    --btn-color: var(--body-color);
    --btn-bg: transparent;
    --btn-border-width: var(--border-width);
    --btn-border-color: transparent;
    --btn-border-radius: 0.25rem;
    --btn-hover-border-color: transparent;
    --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --btn-disabled-opacity: 0.65;
    --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), 0.5);
    display: inline-block;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    font-family: var(--btn-font-family);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);
    color: var(--btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    background-color: var(--btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

.btn-light {
    background-color: #f3f4f6;
    color: #714b67;
}
.x_wd b,
.x_wd strong,
.x_wd a {
    font-weight: 600;
}

#wrapwrap:not(.o_fullscreen) > main::before,
#wrapwrap:not(.o_fullscreen) > main::after {
    content: '';
    display: table;
}

#o_shared_blocks {
    min-height: 0px;
    height: 0px;
}

#o_shared_blocks:empty {
    display: none;
}

#wrapwrap > header + main > :not(#wrap):not(.o_wslides_fs_main),
#wrapwrap > header + main > #wrap:not(.o_wblog_cover_post) > :first-child {
    border-top: 60px solid transparent !important;
}

#wrap .container::before,
#wrap .o_container_small::before,
#wrap .container::after,
#wrap .o_container_small::after,
#wrap .container-fluid::before,
#wrap .container-sm::before,
#wrap .container-md::before,
#wrap .container-lg::before,
#wrap .container-xl::before,
#wrap .container-xxl::before,
#wrap .container-fluid::after,
#wrap .container-sm::after,
#wrap .container-md::after,
#wrap .container-lg::after,
#wrap .container-xl::after,
#wrap .container-xxl::after {
    content: '';
    display: table;
    clear: both;
}

*:lang(ar) .x_wd .display-1,
*:lang(ja-JP) .x_wd .display-1,
*:lang(ko-KR) .x_wd .display-1,
*:lang(th-TH) .x_wd .display-1,
*:lang(vi-VN) .x_wd .display-1,
*:lang(zh-CN) .x_wd .display-1,
*:lang(zh-TW) .x_wd .display-1 {
    font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
    *:lang(ar) .x_wd .display-1,
    *:lang(ja-JP) .x_wd .display-1,
    *:lang(ko-KR) .x_wd .display-1,
    *:lang(th-TH) .x_wd .display-1,
    *:lang(vi-VN) .x_wd .display-1,
    *:lang(zh-CN) .x_wd .display-1,
    *:lang(zh-TW) .x_wd .display-1 {
        font-size: 4rem;
    }
}

.x_wd_yellow_highlight_bold_05 {
    background-image: url(/infosas_assests/site/assets/img/highlights/yellow_highlight_bold_05.svg);
    background-position: center 60%;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

*:lang(ar) .x_wd .display-3,
*:lang(ja-JP) .x_wd .display-3,
*:lang(ko-KR) .x_wd .display-3,
*:lang(th-TH) .x_wd .display-3,
*:lang(vi-VN) .x_wd .display-3,
*:lang(zh-CN) .x_wd .display-3,
*:lang(zh-TW) .x_wd .display-3 {
    font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
    *:lang(ar) .x_wd .display-3,
    *:lang(ja-JP) .x_wd .display-3,
    *:lang(ko-KR) .x_wd .display-3,
    *:lang(th-TH) .x_wd .display-3,
    *:lang(vi-VN) .x_wd .display-3,
    *:lang(zh-CN) .x_wd .display-3,
    *:lang(zh-TW) .x_wd .display-3 {
        font-size: 2.5rem;
    }
}

.x_wd_blue_highlight_01 {
    background-image: url(/infosas_assests/site/assets/img/highlights/blue_highlight_01.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.rotate-350 {
    rotate: 350deg;
}
.x_wd_doodle {
    display: block;
    color: #f7704c;
    font-family: 'Caveat';
    font-size: calc(1.325rem + 0.9vw);
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}
@media (min-width: 1200px) {
    .x_wd_doodle {
        font-size: 2rem;
    }
}
.o_rtl .rotate-350:not(.o_rtl_no_rotate) {
    rotate: calc(360deg - 350deg);
}
*:lang(ar) .x_wd .x_wd_doodle,
*:lang(ja-JP) .x_wd .x_wd_doodle,
*:lang(ko-KR) .x_wd .x_wd_doodle,
*:lang(th-TH) .x_wd .x_wd_doodle,
*:lang(vi-VN) .x_wd .x_wd_doodle,
*:lang(zh-CN) .x_wd .x_wd_doodle,
*:lang(zh-TW) .x_wd .x_wd_doodle {
    font-family: 'Inter';
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
}

.o_rtl .o_rtl_flip {
    transform: scaleX(-1);
}

span[data-oe-type='monetary'] {
    white-space: nowrap;
}

.mt-n3 {
    margin-top: -1rem !important;
}
.me-n10 {
    margin-left: -12rem !important;
}

.o_background_video,
.parallax,
section,
.oe_img_bg,
[data-oe-shape-data],
.o_background_video > *,
.parallax > *,
section > *,
.oe_img_bg > *,
[data-oe-shape-data] > * {
    position: relative;
}

.bg-200 {
    --background-color: #f3f4f6;
    --color: #111827;
    background-color: #f3f4f6 !important;
    color: #111827;
}

@media (min-width: 768px) {
    .pt-md-6 {
        padding-top: 4rem !important;
    }
}

.pb-7 {
    padding-bottom: 6rem !important;
}

.o_we_shape {
    --ShapeConnections--size-tiny: 2rem;
    --ShapeConnections--size-regular: 4rem;
    --ShapeConnections--size-big: 15rem;
}
.o_background_video,
.parallax,
section,
.oe_img_bg,
[data-oe-shape-data],
.o_background_video > *,
.parallax > *,
section > *,
.oe_img_bg > *,
[data-oe-shape-data] > * {
    position: relative;
}
.parallax > .s_parallax_bg,
.o_bg_video_container,
.o_we_shape,
.o_we_bg_filter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute !important;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    pointer-events: none;
}
.o_we_shape.o_illustration_doodle_03 {
    background-image: url(/infosas_assests/site/assets/img/shape/doodle/03.svg?c4=%23ffffff);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat no-repeat;
}

#wrapwrap .x_wd_apps_switched {
    display: none;
    top: 440px;
    width: 1250px;
    pointer-events: none;
}

@media (min-width: 768px) {
    .mt-md-6 {
        margin-top: 4rem !important;
    }
}

.x_wd b,
.x_wd strong,
.x_wd a {
    font-weight: 600;
}

.rounded-1 {
    --border-radius-sm: 0.25rem;
    border-radius: var(--border-radius-sm) !important;
}
.img-thumbnail {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
#wrapwrap .x_wd_app_entry figure img {
    transition: 0.1s ease;
}

.text-o-color-5 {
    color: #111827 !important;
}

.pt40 {
    padding-top: 40px !important;
}

.x_wd_corner_highlight_04 {
    position: relative;
}

.text-o-color-1 {
    color: #f7704c !important;
}
.form-check .form-check-input:not(:disabled):not(.o_wysiwyg_loader),
.form-check .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label {
    cursor: pointer;
}

.x_wd_corner_highlight_04::after {
    content: '';
    width: 60px;
    height: 60px;
    background-image: url(/infosas_assests/site/assets/img/graphics/corner_4.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.x_wd_corner_highlight_04::after {
    position: absolute;
    top: -40px;
    left: -30px;
    bottom: auto;
    right: auto;
}

[class^='col-lg-'] {
    min-height: 24px;
}

.x_wd b,
.x_wd strong,
.x_wd a {
    font-weight: 600;
}

@media (min-width: 992px) {
    .pb-lg-7 {
        padding-bottom: 6rem !important;
    }
}

@media (min-width: 768px) {
    .x_wd p,
    .x_wd ul,
    .x_wd ol {
        font-size: 1.25rem;
    }
}
@media (min-width: 768px) {
    .x_wd .lead {
        font-size: 1.5rem;
    }
}

.zn-1 {
    z-index: 1;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}
.s_wd_persona {
    width: fit-content;
}

@media (min-width: 768px) {
    .s_wd_persona::before {
        content: '';
        position: absolute;
        top: -80px;
        right: 20px;
        bottom: auto;
        left: auto;
        height: 50px;
        width: 50px;
        background-image: url(/infosas_assests/site/assets/img/snippets/s_wd_persona/message.svg);
        background-size: cover;
    }
}

.s_wd_persona .s_wd_persona_bg {
    position: absolute;
    top: -40px;
    right: -60px;
    bottom: auto;
    left: auto;
    width: 200px;
}

.bg-white {
    --background-color: #ffffff;
    --color: #111827;
    background-color: #ffffff !important;
    color: #111827;
}
@media (min-width: 768px) {
    .rounded-pill-md {
        border-radius: 50rem !important;
    }
}

.s_wd_persona .s_wd_persona_icon {
    position: absolute;
    top: -50px;
    right: -30px;
    bottom: auto;
    left: auto;
    width: 60px;
}

@media (min-width: 768px) {
    .s_wd_persona .s_wd_persona_icon {
        top: -30px;
    }
}

.o_we_shape.o_illustration_doodle_02 {
    background-image: url(/infosas_assests/site/assets/img/shape/doodle/02.svg?c5=%23111827);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}

:lang(ar) .x_wd .display-2,
:lang(ja-JP) .x_wd .display-2,
:lang(ko-KR) .x_wd .display-2,
:lang(th-TH) .x_wd .display-2,
:lang(vi-VN) .x_wd .display-2,
:lang(zh-CN) .x_wd .display-2,
:lang(zh-TW) .x_wd .display-2 {
    font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
    :lang(ar) .x_wd .display-2,
    :lang(ja-JP) .x_wd .display-2,
    :lang(ko-KR) .x_wd .display-2,
    :lang(th-TH) .x_wd .display-2,
    :lang(vi-VN) .x_wd .display-2,
    :lang(zh-CN) .x_wd .display-2,
    :lang(zh-TW) .x_wd .display-2 {
        font-size: 3rem;
    }
}

.x_wd_yellow_highlight_03 {
    background-image: url(/infosas_assests/site/assets/img/highlights/yellow_highlight_03.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    white-space: nowrap;
}

.o_grid_mode {
    --grid-item-padding-y: 10px;
    --grid-item-padding-x: 10px;
}
@media (min-width: 992px) {
    .o_grid_mode {
        grid-auto-rows: 50px;
        grid-template-columns: repeat(12, 1fr);
        row-gap: 0px;
        column-gap: 0px;
        --gutter-x: 0px;
        display: grid !important;
    }
}

@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
}
.o_grid_mode > * {
    padding: var(--grid-item-padding-y) var(--grid-item-padding-x) !important;
}

@media (min-width: 992px) {
    .o_grid_mode > * {
        width: 100%;
        min-width: 0px;
        margin: 0px !important;
    }
}

.o_anim_fade_in {
    animation-name: o_anim_fade_in;
}
.img-thumbnail {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0.5rem 1rem;
}

.o_animate:not(.o_animating):not(.o_animate_in_dropdown) {
    transform: none !important;
}

.pt-6 {
    padding-top: 4rem !important;
}

.rotate-40 {
    rotate: 40deg;
}

:lang(ar) .x_wd .display-5,
:lang(ja-JP) .x_wd .display-5,
:lang(ko-KR) .x_wd .display-5,
:lang(th-TH) .x_wd .display-5,
:lang(vi-VN) .x_wd .display-5,
:lang(zh-CN) .x_wd .display-5,
:lang(zh-TW) .x_wd .display-5 {
    font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
    :lang(ar) .x_wd .display-5,
    :lang(ja-JP) .x_wd .display-5,
    :lang(ko-KR) .x_wd .display-5,
    :lang(th-TH) .x_wd .display-5,
    :lang(vi-VN) .x_wd .display-5,
    :lang(zh-CN) .x_wd .display-5,
    :lang(zh-TW) .x_wd .display-5 {
        font-size: 1.5rem;
    }
}

.pt-7 {
    padding-top: 6rem !important;
}

.x_wd_blue_highlight_bold_03 {
    background-image: url(/infosas_assests/site/assets/img/highlights/blue_highlight_bold_03.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 60%;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .s_wd_features {
        border-top-right-radius: 10rem;
        border-bottom-left-radius: 10rem;
    }
}

.x_wd_display_circle {
    background-image: url(/infosas_assests/site/assets/img/graphics/circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.x_wd_display_underline {
    background-image: url(/infosas_assests/site/assets/img/graphics/underline.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom 10%;
}

.text-o-color-8 {
    --text-opacity: 1;
    color: rgba(var(--o-color-8-rgb), var(--text-opacity)) !important;
}
.text-o-color-8 {
    color: #1bb6f9 !important;
}

.s_wd_features .s_wd_features_item {
    position: relative;
    margin-bottom: 2rem;
    padding: 2rem;
    background-color: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.s_wd_features .s_wd_features_item .s_wd_features_title {
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .s_wd_features .s_wd_features_item .s_wd_features_title {
        margin-left: 75px;
    }
}

.o_rtl .rotate-340:not(.o_rtl_no_rotate) {
    rotate: calc(360deg - 340deg);
}

.pb-6 {
    padding-bottom: 4rem !important;
}

/* Footer  */

.o_cc5,
.o_footer {
    --background-color: #111827;
    --color: #ffffff;
    background-color: #111827;
    color: #ffffff;
    --o-cc-bg: #111827;
}
.o_footer {
    --background-color: #252733;
    --color: #ffffff;
    background-color: #252733;
    color: #ffffff;
}

/* #vue-app { */
/* min-height: 50vh; */
/* margin: 0;
    display: grid;
    grid-template-rows: 1fr auto; */
/* } */
.o_logo_inverse {
    background-position: 100% 0;
}

.o_logo.d-block.mx-auto,
.o_logo.o_logo_responsive_half {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

#wrapwrap > footer .o_footer_title {
    font-size: 1.25rem;
    font-weight: 500;
}

#wrapwrap > footer .o_footer_links {
    margin-bottom: 1.25rem;
}

#wrapwrap > footer .o_footer_title + .o_footer_links {
    margin-top: 0.5rem;
}

#wrapwrap > footer a:not(.dropdown-item) {
    color: #adb5bd;
}

#wrapwrap > footer .o_footer_links a,
#wrapwrap > footer .o_footer_copyright a {
    font-size: 0.875rem;
    font-weight: 500;
}

#wrapwrap > footer a:not(.dropdown-item):hover,
#wrapwrap > footer a:not(.dropdown-item):focus,
#wrapwrap > footer a:not(.dropdown-item):active {
    color: white;
}

#wrapwrap > footer hr {
    border-top-color: #6c757d;
}

.o_footer .o_footer_copyright {
    --background-color: #1a1c24;
    --color: #ffffff;
    background-color: #1a1c24;
    color: #ffffff;
}

.o_logo_inverse {
    background-position: 100% 0;
}

.o_logo_15 {
    width: 47px;
    height: 15px;
    background-size: auto 15px;
}
#wrapwrap > footer .o_footer_copyright .o_logo {
    margin-right: 5px;
    margin-bottom: -2px;
}

#wrapwrap > footer .o_language_selector .dropdown-menu,
#wrapwrap > footer .o_language_selector .o_dropdown_menu {
    /* transform: translate3d(0, 0, 0) !important; */
    max-height: 230px;
    min-width: 12rem;
    overflow: auto;
    margin-top: 2rem;
}

#wrapwrap > footer .o_language_selector .dropdown-menu .dropdown-item,
#wrapwrap > footer .o_language_selector .o_dropdown_menu .dropdown-item {
    font-size: 0.75rem;
}

.o_lang_flag {
    width: 1em;
    height: 1em;
    margin-left: 0.2em;
    border-radius: 50rem;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.429) -1px 1px 1px;
}

@media (min-width: 1400px) {
    .s_wd_users .s_wd_users_box {
        margin: 0.75rem;
    }
}

.s_wd_users .s_wd_users_box.s_wd_users_alt_bg {
    background-image: url(/infosas_assests/site/assets/img/snippets/s_wd_users/users_01.jpg);
    transition: 0.2s ease-in-out;
}

.s_wd_users .s_wd_users_box {
    width: 80px;
    height: 80px;
    background-image: url(/infosas_assests/site/assets/img/snippets/s_wd_users/users_01.jpg);
    transition: 0.2s ease-in-out;
    border-radius: 0.25rem;
}

.s_wd_users .s_wd_users_box.s_wd_users_alt_bg {
    background-image: url(/infosas_assests/site/assets/img/snippets/s_wd_users/users_01.jpg);
    transition: 0.2s ease-in-out;
}

@media (min-width: 768px) {
    .p-md-6 {
        padding: 4rem !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-n7 {
        margin-top: -6rem !important;
    }
}

.btn-fill-primary,
.btn-primary {
    --btn-color: #ffffff;
    --btn-bg: #f08365;
    --btn-border-color: #f7704c;
    --btn-hover-color: #ffffff;
    --btn-hover-bg: #f08366;
    --btn-hover-border-color: #f08366;
    --btn-focus-shadow-rgb: 134, 102, 126;
    --btn-active-color: #ffffff;
    --btn-active-bg: #f08366;
    --btn-active-border-color: #f08366;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #ffffff;
    --btn-disabled-bg: #f08366;
    --btn-disabled-border-color: #f08366;
}
.x_wd b,
.x_wd strong,
.x_wd a {
    font-weight: 600;
}

.x_wd_display_fireworks_01::before {
    content: url(/infosas_assests/site/assets/img/graphics/fireworks_01a.svg);
    position: absolute;
    top: auto;
    left: -7rem;
    bottom: -1rem;
    right: auto;
    pointer-events: none;
}

.x_wd_display_fireworks_01::after {
    content: url(/infosas_assests/site/assets/img/graphics/fireworks_01b.svg);
    position: absolute;
    top: auto;
    left: 100%;
    bottom: 0px;
    right: auto;
    pointer-events: none;
}

.pt-10 {
    padding-top: 12rem !important;
}

.container,
.o_container_small,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --gutter-x: 32px;
    --gutter-y: 0;
    width: 100%;
    padding-left: calc(var(--gutter-x) * 0.5);
    padding-right: calc(var(--gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
}

.x_wd_display_fireworks_01 {
    position: relative;
}

.text-o-color-2 {
    color: #017e84 !important;
}

.js_top_banner {
    overflow: hidden;
}
.o_gradient,
#o_partner_dashboard .o_partner_dashboard_box_header > h2,
#o_partner_dashboard .o_partner_dashboard_box_header > .h2 {
    background: linear-gradient(-150deg, #f7704c 20%, #f08366 80%) !important;
}

#wrapwrap.o_odoo_enterprise_trial .subscription-widget-container {
    position: relative;
}
#wrapwrap {
    backface-visibility: hidden;
}

#wrapwrap > main {
    flex: 1 0 auto;
}
.o_main_header + main {
    padding-top: 0 !important;
}
#wrapwrap:not(.o_fullscreen) > main {
    position: relative;
    height: auto;
    white-space: normal;
}

.o_bg_arch1,
#wrapwrap.o_odoo_enterprise_trial .subscription-widget-container:before,
#wrapwrap.o_login > main,
#wrapwrap.o_sign_up_login > main,
#wrapwrap.o_reset_password > main {
    background-image: url(https://odoocdn.com/openerp_website/static/src/img/2016/components/arch_1_xs.jpg);
}
@media (min-width: 768px) {
    .o_bg_arch1,
    #wrapwrap.o_odoo_enterprise_trial .subscription-widget-container:before,
    #wrapwrap.o_login > main,
    #wrapwrap.o_sign_up_login > main,
    #wrapwrap.o_reset_password > main {
        background-image: url(https://odoocdn.com/openerp_website/static/src/img/2016/components/arch_1.jpg);
    }
}
.o_bg_cover,
#wrapwrap.o_odoo_enterprise_trial .subscription-widget-container:before,
#wrapwrap.o_login > main,
#wrapwrap.o_sign_up_login > main,
#wrapwrap.o_reset_password > main {
    background-size: cover;
}
.o_bg_fixed,
#wrapwrap.o_odoo_enterprise_trial .subscription-widget-container:before,
#wrapwrap.o_login > main,
#wrapwrap.o_sign_up_login > main,
#wrapwrap.o_reset_password > main {
    background-attachment: fixed;
}

#wrapwrap.o_login > main,
#wrapwrap.o_sign_up_login > main,
#wrapwrap.o_reset_password > main {
    align-items: center;
    min-height: 100vh;
    overflow: hidden;
}

#wrapwrap.o_odoo_enterprise_trial .subscription-widget-container:before {
    content: '';
    display: block;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
}

#wrapwrap.o_odoo_enterprise_trial .choose-app-step {
    animation: fadeUp 1s ease;
}

#wrapwrap.o_odoo_enterprise_trial .choose-app-list {
    transition: margin-right 0.3s;
}

.fw_semibold,
#o_partner_dashboard .o_partner_dashboard_wizard [class*='o_partner_dashboard_grade_active'],
#o_partner_dashboard .o_partner_dashboard_box .o_partner_dashboard_box_title {
    font-weight: 600;
}
.o_animate_in_children.o_visible > * {
    opacity: 1;
    transform: scale(1) translateY(0px);
}
#wrapwrap.o_odoo_enterprise_trial .o_animate_in_children > * {
    transform: translateY(20px);
}
#wrapwrap.o_odoo_enterprise_trial .o_animate_in_children.o_visible > * {
    transform: translateY(0px);
}

#wrapwrap.o_odoo_enterprise_trial .choose-app-list > .row {
    margin-right: -8px;
    margin-left: -8px;
}
.o_animate_in_children > * {
    transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    transform-origin: 50% 100%;
    opacity: 0;
    transform: scale(0.9) translateY(20px);
}

.openerp_enterprise_pricing_app {
    display: block;
    padding-bottom: 8px;
    cursor: pointer;
    box-shadow: none;
}

.subscription-widget .oe-app {
    display: block;
}
#wrapwrap.o_odoo_enterprise_trial .choose-app-list > .row .app-category,
#wrapwrap.o_odoo_enterprise_trial .choose-app-list > .row .openerp_enterprise_pricing_app {
    padding-right: 8px;
    padding-left: 8px;
}

.card {
    --card-color: ;
    --body-color: var(--card-color);
}
.card {
    overflow: hidden;
}
.card {
    transition: all 0.2s ease-in-out;
}
.openerp_enterprise_pricing_app .openerp_enterprise_pricing_app_container {
    border-top: 1px solid #f3f4f6;
    user-select: none;
}

@media (min-width: 576px) {
    .openerp_enterprise_pricing_app .openerp_enterprise_pricing_app_container .openerp_enterprise_pricing_app_name {
        font-size: 0.85em;
        line-height: 1.25;
    }
}

.openerp_enterprise_pricing_app .openerp_enterprise_trial_app_checkbox + span,
.openerp_enterprise_pricing_app .openerp_enterprise_pricing_app_checkbox + span {
    width: 16px;
    height: 16px;
    border: 1px solid #d8dadd;
    border-radius: 100%;
    color: transparent;
    font-size: 12px;
    line-height: 1.3;
}

.openerp_enterprise_pricing_app .openerp_enterprise_trial_app_checkbox:checked + span,
.openerp_enterprise_pricing_app .openerp_enterprise_pricing_app_checkbox:checked + span {
    border: 1px solid #23923d;
    background: #28a745;
    color: white;
    text-shadow: 0 1px 0 #23923d, 0 -1px 0 #23923d, -1px 0 0 #23923d, 1px 0 0 #23923d;
}

.mb-6 {
    margin-bottom: 4rem !important;
}

#wrapwrap.o_odoo_enterprise_trial .choose-app-info-panel .card.affix {
    position: fixed;
}
@media (min-width: 992px) {
    #wrapwrap.o_odoo_enterprise_trial .choose-app-info-panel .card.affix {
        width: 208px;
    }
}

@media (min-width: 1200px) {
    #wrapwrap.o_odoo_enterprise_trial .choose-app-info-panel .card.affix {
        width: 253px;
    }
}

:where(.card:not([data-vxml])) .card-body {
    --background-color: rgba(255, 255, 255, 0.9);
    --color: #111827;
    background-color: rgba(255, 255, 255, 0.9);
    color: #111827;
}
:where(.card:not([data-vxml])) .card-body:first-child {
    --border-radius: 0.625rem;
    --border-radius: 0.625rem;
    border-top-right-radius: calc(var(--border-radius) - 0);
    border-top-left-radius: calc(var(--border-radius) - 0);
}
:where(.card:not([data-vxml])) .card-body:last-child {
    --border-radius: 0.625rem;
    --border-radius: 0.625rem;
    border-bottom-left-radius: calc(var(--border-radius) - 0);
    border-bottom-right-radius: calc(var(--border-radius) - 0);
}
#wrapwrap.o_odoo_enterprise_trial .choose-app-info-panel .card-body {
    padding: 15px;
}

.alert {
    clear: both;
}
#wrapwrap.o_odoo_enterprise_trial .choose-app-info-panel .card.affix .openerp_enterprise_multi_trial_message {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.35;
}

.o_cc5 .text-muted,
.o_footer .text-muted,
.o_colored_level .o_cc5 .text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
}
.o_footer .text-muted,
.o_colored_level .o_footer .text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
}

#wrapwrap > footer .o_language_selector .dropdown-toggle,
#wrapwrap > footer .o_country_selector {
    color: #adb5bd;
}

#wrapwrap > footer .o_language_selector .dropdown-toggle {
    padding-right: 0;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

#wrapwrap > footer .o_language_selector .dropdown-toggle:hover,
#wrapwrap > footer .o_language_selector .dropdown-toggle:focus,
#wrapwrap > footer .o_language_selector .dropdown-toggle:active,
#wrapwrap > footer .o_country_selector:hover,
#wrapwrap > footer .o_country_selector:focus,
#wrapwrap > footer .o_country_selector:active {
    color: white;
}

/* // Docs  */

.o_cc4 {
    --background-color: #f08365;
    --color: #ffffff;
    background-color: #f08365;
    color: #ffffff;
    --o-cc-bg: #714b67;
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.card.x_wd_card_hover .card-body {
    background-color: #f9fafb !important;
    transition: all 0.2s ease-in-out;
}

*:lang(ar) .x_wd .display-4,
*:lang(ja-JP) .x_wd .display-4,
*:lang(ko-KR) .x_wd .display-4,
*:lang(th-TH) .x_wd .display-4,
*:lang(vi-VN) .x_wd .display-4,
*:lang(zh-CN) .x_wd .display-4,
*:lang(zh-TW) .x_wd .display-4 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    *:lang(ar) .x_wd .display-4,
    *:lang(ja-JP) .x_wd .display-4,
    *:lang(ko-KR) .x_wd .display-4,
    *:lang(th-TH) .x_wd .display-4,
    *:lang(vi-VN) .x_wd .display-4,
    *:lang(zh-CN) .x_wd .display-4,
    *:lang(zh-TW) .x_wd .display-4 {
        font-size: 2rem;
    }
}

.text-900 {
    color: #111827 !important;
}

/* // help */

.x_wd_green_highlight_01 {
    background-image: url(/infosas_assests/site/assets/img/highlights/green_highlight_01.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.o_we_shape.o_illustration_doodle_01 {
    background-image: url(/infosas_assests/site/assets/img/shape/doodle/01.svg?c4=%23ffffff);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat no-repeat;
}

#wrapwrap .x_wd_help_button .o_schedule_demo {
    width: 100%;
}
#wrapwrap .x_wd_help_button .btn:not(.dropdown-item) {
    background-color: white;
    color: #017e84;
    padding: 1.75rem;
    width: 100%;
    font-size: 1.15rem;
    margin-bottom: 0 !important;
}

.x_wd_blue_highlight_02 {
    background-image: url(https://odoocdn.com/openerp_website/static/src/img/highlights/blue_highlight_02.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.py-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.form-control {
    padding: 0.75rem 0.75rem;
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }
}

.bg-300 {
    --background-color: #e6e9ed;
    --color: #111827;
    background-color: #e6e9ed !important;
    color: #111827;
}
.badge,
.o_filter_tag {
    --badge-color: var(--color);
    background: var(--badge-bg, var(--background-color)) !important;
    color: var(--badge-color, var(--color)) !important;
    border: 1px solid var(--badge-border-color) !important;
}

.badge.text-bg-gamma,
.o_filter_tag.text-bg-gamma {
    --badge-bg: #fcf1f2;
    --badge-color: #b2212d;
    --badge-color-hover: #ffffff;
    --badge-border-color: #e46f78;
}

.badge.text-bg-delta,
.o_filter_tag.text-bg-delta {
    --badge-bg: #efeff2;
    --badge-color: #403f59;
    --badge-color-hover: #ffffff;
    --badge-border-color: #5c5b80;
}

.badge.text-bg-primary,
.o_filter_tag.text-bg-primary {
    --badge-bg: #f1edf0;
    --badge-color: #52374b;
    --badge-color-hover: #ffffff;
    --badge-border-color: #714b67;
}

/* // developers-on-demand */

li.oe-nested {
    display: block;
}
ul {
    list-style-type: disc;
}

.pt160 {
    padding-top: 160px !important;
}
.pb160 {
    padding-bottom: 160px !important;
}
/* @media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2.5rem;
    }
} */

@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 3.5rem;
    }
}

.s_o_number .title,
.s_o_number .desc {
    display: block;
}
.s_o_number .title {
    padding-top: 0.2em;
    font-size: 4em;
    line-height: 1.1;
    color: #017e84;
}

.s_o_number {
    text-align: center;
    font-family: 'Inter', 'Odoo Unicode Support Noto', sans-serif;
    font-size: 12px;
}
@media (min-width: 1200px) {
    .s_o_number {
        font-size: 14px;
    }
}

.s_o_number .title.has_sidetext .number,
.s_o_number .title.has_sidetext .sidetext {
    display: inline-block;
}

.s_o_number .title.has_sidetext .sidetext {
    font-size: 0.3em;
    line-height: 1;
    vertical-align: top;
    padding-top: 0.7em;
    text-align: right;
    margin-right: -0.8em;
}

.s_o_number .desc {
    font-size: 1em;
}

.btn-fill-secondary,
.btn-secondary {
    --btn-color: #ffffff;
    --btn-bg: #017e84;
    --btn-border-color: #017e84;
    --btn-hover-color: #ffffff;
    --btn-hover-bg: #016b70;
    --btn-hover-border-color: #01656a;
    --btn-focus-shadow-rgb: 39, 145, 150;
    --btn-active-color: #ffffff;
    --btn-active-bg: #01656a;
    --btn-active-border-color: #015f63;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #ffffff;
    --btn-disabled-bg: #017e84;
    --btn-disabled-border-color: #017e84;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pt120 {
    padding-top: 120px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.text-o-color-1 {
    color: #f7704c !important;
}

.pt64 {
    padding-top: 64px !important;
}

.pb112 {
    padding-bottom: 112px !important;
}

.pt24 {
    padding-top: 24px !important;
}

.o_bg_arch5 {
    background-image: url(https://odoocdn.com/openerp_website/static/src/img/2016/components/arch_5_xs.jpg);
}

@media (min-width: 768px) {
    .o_bg_arch5 {
        background-image: url(https://odoocdn.com/openerp_website/static/src/img/2016/components/arch_5.jpg);
    }
}

.pt80 {
    padding-top: 80px !important;
}

.fa {
    font-family: 'FontAwesome' !important;
}

.fa.rounded-circle,
.fa.rounded-empty-circle,
.fa.rounded,
.fa.rounded-0,
.fa.rounded-leaf,
.fa.img-thumbnail,
.fa.shadow {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    background-color: #f9fafb;
}

.fa.rounded-circle.fa-2x,
.fa.fa-2x.rounded-empty-circle,
.fa.rounded.fa-2x,
.fa.rounded-0.fa-2x,
.fa.rounded-leaf.fa-2x,
.fa.img-thumbnail.fa-2x,
.fa.shadow.fa-2x {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
}

.o_rtl .fa.fa-align-right,
.o_rtl .fa.fa-align-left,
.o_rtl .fa.fa-chevron-right,
.o_rtl .fa.fa-chevron-left,
.o_rtl .fa.fa-arrow-right,
.o_rtl .fa.fa-arrow-left,
.o_rtl .fa.fa-hand-o-right,
.o_rtl .fa.fa-hand-o-left,
.o_rtl .fa.fa-arrow-circle-right,
.o_rtl .fa.fa-arrow-circle-left,
.o_rtl .fa.fa-caret-right,
.o_rtl .fa.fa-caret-left,
.o_rtl .fa.fa-rotate-right,
.o_rtl .fa.fa-rotate-left,
.o_rtl .fa.fa-angle-double-right,
.o_rtl .fa.fa-angle-double-left,
.o_rtl .fa.fa-angle-right,
.o_rtl .fa.fa-angle-left,
.o_rtl .fa.fa-quote-right,
.o_rtl .fa.fa-quote-left,
.o_rtl .fa.fa-chevron-circle-right,
.o_rtl .fa.fa-chevron-circle-left,
.o_rtl .fa.fa-long-arrow-right,
.o_rtl .fa.fa-long-arrow-left,
.o_rtl .fa.fa-toggle-right,
.o_rtl .fa.fa-toggle-left,
.o_rtl .fa.fa-caret-square-o-right,
.o_rtl .fa.fa-arrow-circle-o-left,
.o_rtl .fa.fa-arrow-circle-o-right,
.o_rtl .fa.fa-caret-square-o-left {
    transform: rotate(-180deg);
}

.text-gamma {
    --text-opacity: 1;
    color: rgba(var(--gamma-rgb), var(--text-opacity)) !important;
}

.text-gamma {
    color: #e46f78 !important;
}

.s_text_cover > *:not(.o_scroll_button):not(#o_wblog_post_content_jump),
.s_text_cover > *:not(.o_scroll_button):not(#o_wblog_post_content_jump) > .row {
    min-height: inherit;
}

.o_cc2 {
    --background-color: #f9f9f9;
    --color: #111827;
    background-color: #f9f9f9;
    color: #111827;
    --o-cc-bg: #f9f9f9;
}

.s_website_form[data-vcss='001'] .s_website_form_submit .s_website_form_label,
.s_website_form[data-vcss='001'] .s_website_form_recaptcha .s_website_form_label {
    float: right;
    height: 1px;
}

.accordion {
    --accordion-color: inherit;
    --accordion-bg: inherit;
    --accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --accordion-border-color: #d8dadd;
    --accordion-border-width: 1px;
    --accordion-border-radius: var(--border-radius);
    --accordion-inner-border-radius: calc(var(--border-radius) - 1px);
    --accordion-btn-padding-x: 1.5rem;
    --accordion-btn-padding-y: 1.25rem;
    --accordion-btn-color: var(--body-color);
    --accordion-btn-bg: #fff;
    --accordion-btn-icon: url(
        data:image/svg + xml,
        %3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 16 16'fill='%23374151'%3e%3cpathtransform='rotate%280, 8, 8%29'fill-rule='evenodd'd='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e
    );
    --accordion-btn-icon-width: 1.25rem;
    --accordion-btn-icon-transform: rotate(-180deg);
    --accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --accordion-btn-active-icon: url(
        data:image/svg + xml,
        %3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 16 16'fill='none'stroke='%23111827'stroke-linecap='round'stroke-linejoin='round'%3e%3cpathd='M2 5L8 11L14 5'/%3e%3c/svg%3e
    );
    --accordion-btn-focus-box-shadow: none;
    --accordion-body-padding-x: 1.5rem;
    --accordion-body-padding-y: 1.25rem;
    --accordion-active-color: #111827;
    --accordion-active-bg: #f1edf0;
}

.card-header {
    --card-cap-padding-y: 0.75rem;
    --card-cap-padding-x: 1.5rem;
    --card-cap-color: ;
    --card-cap-bg: transparent;
    --card-border-width: 0;
    --card-border-color: #d8dadd;
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
    margin-bottom: 0;
    color: var(--card-cap-color);
    background-color: var(--card-cap-bg);
    border-bottom: var(--card-border-width) solid var(--card-border-color);
}

/* .card-header:first-child {
    border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0;
} */

.accordion .collapsing > .card-body:first-child,
.accordion .collapse.show > .card-body:first-child {
    margin-top: 0;
}

.card {
    --card-spacer-y: 1.5rem;
    --card-spacer-x: 1.5rem;
    --card-title-spacer-y: 0.75rem;
    --card-title-color: ;
    --card-subtitle-color: ;
    --card-border-width: 0;
    --card-border-color: #d8dadd;
    --card-border-radius: var(--border-radius);
    --card-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --card-inner-border-radius: calc(var(--border-radius) - 0);
    --card-cap-padding-y: 0.75rem;
    --card-cap-padding-x: 1.5rem;
    --card-cap-bg: transparent;
    --card-cap-color: ;
    --card-height: ;
    --card-color: ;
    --card-bg: #ffffff;
    --card-img-overlay-padding: 1rem;
    --card-group-margin: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--card-height);
    color: var(--body-color);
    word-wrap: break-word;
    background-color: var(--card-bg);
    background-clip: border-box;
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--card-border-radius);
}

.pt32 {
    padding-top: 32px !important;
}

.pb32 {
    padding-bottom: 32px !important;
}

.pt16 {
    padding-top: 16px !important;
}

.pb16 {
    padding-bottom: 16px !important;
}

/* //help-form */
@media (min-width: 992px) {
    .mt-lg-6 {
        margin-top: 4rem !important;
    }
}

/* //become-a-partner */
@media (min-width: 992px) {
    .s_responsive_to_image_block .wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

@media (min-width: 576px) {
    .container-sm,
    .container,
    .o_container_small {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container-md,
    .container-sm,
    .container,
    .o_container_small {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container,
    .o_container_small {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container,
    .o_container_small {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container,
    .o_container_small {
        max-width: 1320px;
    }
}
@media (min-width: 992px) {
    .s_responsive_to_image_block .wrapper > .container,
    .s_responsive_to_image_block .wrapper > .o_container_small,
    .s_responsive_to_image_block .wrapper > .container > .row,
    .s_responsive_to_image_block .wrapper > .o_container_small > .row {
        height: 100%;
    }
}

.s_responsive_to_image_block {
    overflow: hidden;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media (min-width: 992px) {
    .s_responsive_to_image_block {
        padding-bottom: 50% !important;
    }
}
@media (min-width: 1200px) {
    .s_responsive_to_image_block {
        padding-bottom: 42% !important;
    }
}
.s_responsive_to_image_block.js_top_banner {
    background-size: auto 100%;
}

.o_rtl .s_responsive_to_image_block:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: inherit;
    background-position: inherit;
    background-repeat: inherit;
    background-size: inherit;
    transform: scale(-1, 1);
}

.btn-fill-info,
.btn-info {
    --btn-color: #ffffff;
    --btn-bg: #17a2b8;
    --btn-border-color: #17a2b8;
    --btn-hover-color: #ffffff;
    --btn-hover-bg: #148a9c;
    --btn-hover-border-color: #128293;
    --btn-focus-shadow-rgb: 58, 176, 195;
    --btn-active-color: #ffffff;
    --btn-active-bg: #128293;
    --btn-active-border-color: #117a8a;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #ffffff;
    --btn-disabled-bg: #17a2b8;
    --btn-disabled-border-color: #17a2b8;
}

.text-o-color-6 {
    color: #fc787d !important;
}

.bg-beta {
    --beta-rgb: 91, 137, 158;
    --bg-opacity: 1;
    background-color: rgba(var(--beta-rgb), var(--bg-opacity)) !important;
}

.bg-500 {
    --background-color: #adb5bd;
    --color: #111827;
    background-color: #adb5bd !important;
    color: #111827;
}

.display-3 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 600;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-3 {
        font-size: 2.5rem;
    }
}

.lead {
    font-size: 1.125rem;
    font-weight: 300;
}

.display-4 {
    font-size: calc(1.325rem + 0.9vw);
    font-weight: 600;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 2rem;
    }
}

.mt48 {
    margin-top: 48px !important;
}

.mb24 {
    margin-bottom: 24px !important;
}

.display-2 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 600;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-2 {
        font-size: 3rem;
    }
}

.mb32 {
    margin-bottom: 32px !important;
}

/* // privacy */

.s_affix #features_affix {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    right: auto;
    bottom: auto;
    left: auto;
    overflow-y: auto;
    padding: 4rem 0;
    opacity: 0;
}

.s_affix #features_affix.o_js_affix_active {
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.s_affix #features_affix > a.list-group-item-action {
    color: rgba(55, 65, 81, 0.7);
    font-size: 0.75rem;
    transition: all 0.2s ease-in-out;
    box-shadow: none;
    padding-right: 8px;
    position: relative;
}
.s_affix #features_affix > a.list-group-item-action.active {
    background: none;
    color: #714b67;
    font-size: 0.875rem;
    font-weight: 600;
}

/* security */

.fa.fa-tiktok {
    font-family: 'FontAwesome-tiktok-only' !important;
}

/* //all-apps */

.x_wd_app_card,
.x_wd_app_horizontal {
    background-color: #f9fafb;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
}

.x_wd_app_card:hover,
.x_wd_app_horizontal:hover {
    background-color: #f3f4f6;
    transform: translateY(-0.125rem);
}

/* apps */

.x_wd_red_highlight_01 {
    background-image: url(https://odoocdn.com/openerp_website/static/src/img/highlights/red_highlight_01.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .pt-lg-6 {
        padding-top: 4rem !important;
    }
}

/* //pricing */

.x_wd_red_highlight_03 {
    background-image: url(https://odoocdn.com/openerp_website/static/src/img/highlights/red_highlight_03.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.form-switch .form-check-input {
    --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23111827'/%3e%3c/svg%3e");
    width: 2em;
    margin-right: -2.5em;
    background-image: var(--form-switch-bg);
    background-position: right center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}

.o_pricing16_switch .form-check-input,
.o_pricing16_switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%281, 126, 132%29'/%3e%3c/svg%3e");
    background-color: #f9fafb;
    border-color: #d8dadd;
}

.o_pricing16_switch {
    transform: scale(1.5);
    transform-origin: 23% center;
}

.bg-o-color-8 {
    --bg-opacity: 1;
    --o-color-8-rgb: 27, 182, 249;
    background-color: rgba(var(--o-color-8-rgb), var(--bg-opacity)) !important;
}

.bg-o-color-6 {
    --bg-opacity: 1;
    --o-color-6-rgb: 252, 120, 125;
    background-color: rgba(var(--o-color-6-rgb), var(--bg-opacity)) !important;
}

.bg-o-color-9 {
    --bg-opacity: 1;
    --o-color-9-rgb: 0, 206, 179;
    background-color: rgba(var(--o-color-9-rgb), var(--bg-opacity)) !important;
}

.text-o-color-8 {
    color: #1bb6f9 !important;
}
.o_pricing16_price {
    font-size: 4.125rem;
    line-height: 1;
}
.o_pricing15_price {
    font-size: 3.125rem;
    line-height: 1;
}

.o_pricing16_price_striked > span {
    text-decoration: red line-through;
    -webkit-text-decoration: red line-through;
}

.display-5 {
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 600;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 1.5rem;
    }
}

a {
    --link-color-rgb: 1, 126, 132;
    color: rgba(var(--link-color-rgb), var(--link-opacity, 1));
    text-decoration: none;
}

.btn:hover {
    color: var(--btn-hover-color);
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color);
}
.btn:focus-visible {
    color: var(--btn-hover-color);
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color);
    outline: 0;
    box-shadow: var(--btn-focus-box-shadow);
}

.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
    color: var(--btn-active-color);
    background-color: var(--btn-active-bg);
    border-color: var(--btn-active-border-color);
}

.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
    color: var(--btn-active-color);
    background-color: var(--btn-active-bg);
    border-color: var(--btn-active-border-color);
}

.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
    box-shadow: var(--btn-focus-box-shadow);
}

.form-check:hover,
.form-check:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader) {
    border-color: #f7704c;
}

.form-check-input:checked {
    background-color: #f7704c;
    border-color: #f7704c;
}

a.text-o-color-1:hover,
a.text-o-color-1:focus {
    color: #34222f !important;
}

.accordion-button:not(.collapsed) {
    --accordion-active-color: #111827;
    --accordion-active-bg: #f1edf0;
    --accordion-border-width: 1px;
    color: var(--accordion-active-color);
    background-color: var(--accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--accordion-border-color);
}

.accordion-button:focus {
    --accordion-btn-focus-box-shadow: none;
    z-index: 3;
    outline: 0;
    box-shadow: var(--accordion-btn-focus-box-shadow);
}

a:hover {
    color: unset;
}
a:hover {
    --link-hover-color-rgb: 0.42481203, 53.52631579, 56.07518797;
    --link-color-rgb: var(--link-hover-color-rgb);
    text-decoration: none;
}
.accordion-button:hover {
    z-index: 2;
}

.btn-sm,
.btn-group-sm > .btn {
    --btn-padding-y: 0.5rem;
    --btn-padding-x: 1rem;
    --btn-font-size: 0.875rem;
    --btn-border-radius: 0.25rem;
}

#wrapwrap.o_login > main .oe_website_login_container button[type='submit'],
#wrapwrap.o_sign_up_login > main .oe_website_login_container button[type='submit'],
#wrapwrap.o_reset_password > main .oe_website_login_container button[type='submit'] {
    float: none !important;
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

.card {
    --body-color: var(--card-color);
}
.card {
    overflow: hidden;
}
.card {
    transition: all 0.2s ease-in-out;
}

#wrapwrap.o_login > main .oe_website_login_container,
#wrapwrap.o_sign_up_login > main .oe_website_login_container,
#wrapwrap.o_reset_password > main .oe_website_login_container {
    overflow: hidden;
    margin: 0 auto;
}
@media (min-width: 768px) {
    #wrapwrap.o_login > main .oe_website_login_container,
    #wrapwrap.o_sign_up_login > main .oe_website_login_container,
    #wrapwrap.o_reset_password > main .oe_website_login_container {
        padding-top: 0px !important;
        margin-top: -30px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
}

.oe_login_form,
.oe_signup_form,
.oe_reset_password_form {
    max-width: 300px;
    position: relative;
    margin: 50px auto;
}
#wrapwrap.o_login > main .oe_website_login_container form,
#wrapwrap.o_sign_up_login > main .oe_website_login_container form,
#wrapwrap.o_reset_password > main .oe_website_login_container form {
    max-width: 400px;
    border-top: 1px solid #f3f4f6;
    padding-top: 10px;
}
#wrapwrap.o_login > main .oe_website_login_container .oe_login_form,
#wrapwrap.o_login > main .oe_website_login_container .oe_signup_form,
#wrapwrap.o_sign_up_login > main .oe_website_login_container .oe_login_form,
#wrapwrap.o_sign_up_login > main .oe_website_login_container .oe_signup_form,
#wrapwrap.o_reset_password > main .oe_website_login_container .oe_login_form,
#wrapwrap.o_reset_password > main .oe_website_login_container .oe_signup_form {
    margin: 15px auto 0;
}

.btn:disabled,
.btn.o_wysiwyg_loader,
.btn.disabled,
fieldset:disabled .btn,
fieldset.o_wysiwyg_loader .btn {
    color: var(--btn-disabled-color);
    pointer-events: none;
    background-color: var(--btn-disabled-bg);
    border-color: var(--btn-disabled-border-color);
    opacity: var(--btn-disabled-opacity);
}
button:not(:disabled):not(.o_wysiwyg_loader),
[type='button']:not(:disabled):not(.o_wysiwyg_loader),
[type='reset']:not(:disabled):not(.o_wysiwyg_loader),
[type='submit']:not(:disabled):not(.o_wysiwyg_loader) {
    cursor: pointer;
}
#wrapwrap.o_login > main .oe_website_login_container button[type='submit'],
#wrapwrap.o_sign_up_login > main .oe_website_login_container button[type='submit'],
#wrapwrap.o_reset_password > main .oe_website_login_container button[type='submit'] {
    float: none !important;
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 400;
}
#wrapwrap.o_login > main .oe_website_login_container button[type='submit'],
#wrapwrap.o_sign_up_login > main .oe_website_login_container button[type='submit'],
#wrapwrap.o_reset_password > main .oe_website_login_container button[type='submit'] {
    float: none !important;
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

.subscription-widget .form-headline {
    color: #017e84;
}
#wrapwrap.o_odoo_enterprise_trial .o_animate_in_children.o_visible > * {
    transform: translateY(0px);
}
.o_animate_in_children.o_visible > * {
    opacity: 1;
    transform: scale(1) translateY(0px);
}

.material-design-form {
}

.material-design-form .group {
    position: relative;
    margin-top: 30px;
}

.material-design-form input[type='text'],
.material-design-form input[type='password'],
.material-design-form input[type='email'],
.material-design-form input[type='tel'],
.material-design-form input[type='number'],
.material-design-form .material-design-input {
    display: block;
    padding: 0;
    border: none;
    border-bottom: 1px solid #777;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    font-size: 1rem;
    outline: none;
    color: #444;
    background-color: #f9f9f9;
}
#wrapwrap.o_odoo_enterprise_trial
    .subscription-widget-container
    .material-design-form
    input:not(.btn):not(.form-check-input:checked),
#wrapwrap.o_odoo_enterprise_trial .subscription-widget-container .material-design-form select {
    background-color: white;
}

.material-design-form .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    right: 0;
    pointer-events: none;
    opacity: 0.5;
}

.material-design-form .bar {
    position: relative;
    display: block;
    width: 100%;
}

.material-design-form .bar:before,
.material-design-form .bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #017e84;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.material-design-form .bar:before {
    right: 50%;
}

.material-design-form .bar:after {
    left: 50%;
}

.material-design-form label.moving-label {
    color: #aaa;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    right: 0px;
    top: 0px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.material-design-form input:focus ~ label,
.material-design-form input:valid:not(:placeholder-shown) ~ label,
.material-design-form input ~ .group-label,
.material-design-form textarea:valid:not(:placeholder-shown) ~ label {
    top: -15px;
    font-size: 12px;
    color: #aaa;
}

.material-design-form .select-label {
    margin: 0;
    color: #aaa;
    font-size: 12px;
    font-weight: normal;
}

.material-design-form select {
    display: block;
    padding: 0;
    border: none;
    border-bottom: 1px solid #777;
    border-radius: 0;
    box-shadow: none;
    font-size: 1rem;
    color: #444;
    background-color: #f9f9f9;
    width: 100%;
}
#wrapwrap.o_odoo_enterprise_trial
    .subscription-widget-container
    .material-design-form
    input:not(.btn):not(.form-check-input:checked),
#wrapwrap.o_odoo_enterprise_trial .subscription-widget-container .material-design-form select {
    background-color: white;
}

.btn-fill-secondary,
.btn-secondary {
    --btn-color: #ffffff;
    --btn-bg: #017e84;
    --btn-border-color: #017e84;
    --btn-hover-color: #ffffff;
    --btn-hover-bg: #016b70;
    --btn-hover-border-color: #01656a;
    --btn-focus-shadow-rgb: 39, 145, 150;
    --btn-active-color: #ffffff;
    --btn-active-bg: #01656a;
    --btn-active-border-color: #015f63;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #ffffff;
    --btn-disabled-bg: #017e84;
    --btn-disabled-border-color: #017e84;
    --border-width: 1px;
    --btn-border-width: var(--border-width);
}

.subscription-widget .error_message {
    color: red;
}
.input-group {
    flex-flow: row nowrap;
}
.input-group
    > :not(:first-child):not(.dropdown-menu):not(.o_dropdown_menu):not(.valid-tooltip):not(.valid-feedback):not(
        .invalid-tooltip
    ):not(.invalid-feedback) {
    --border-width: 1px;
    margin-right: calc(var(--border-width) * -1);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.material-design-form .input-group-addon {
    border: 0;
    border-bottom: 1px solid #777;
    background-color: white;
    border-radius: 0;
}

.overflow-hidden {
    overflow: hidden;
}
#wrapwrap.o_typo .o_typo_page_bg {
    background: no-repeat left / auto 100%;
}
#wrapwrap.o_typo .o_typo_page_bg_1 {
    background-color: #eef1f0;
}

@media (min-width: 992px) {
    #wrapwrap.o_typo .o_typo_page_content {
        max-width: 400px;
        width: 41%;
    }
}
#wrapwrap.o_typo .o_typo_page_bg_1 .o_typo_page_content {
    background-color: rgba(238, 241, 240, 0.75);
}

.text-alpha {
    --text-opacity: 1;
    color: rgba(var(--alpha-rgb), var(--text-opacity)) !important;
}
.text-alpha {
    color: #00a09d !important;
}

@media (min-width: 768px) {
    .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
@media (min-width: 768px) {
    .gap-md-3 {
        gap: 1rem !important;
    }
}
.bg-100 {
    --background-color: #f9fafb;
    --color: #111827;
    background-color: #f9fafb !important;
    color: #111827;
}

.btn-link {
    --btn-font-weight: 400;
    --btn-color: var(--link-color);
    --btn-bg: transparent;
    --btn-border-color: transparent;
    --btn-hover-color: var(--link-hover-color);
    --btn-hover-border-color: transparent;
    --btn-active-color: var(--link-hover-color);
    --btn-active-border-color: transparent;
    --btn-disabled-color: #6c757d;
    --btn-disabled-border-color: transparent;
    --btn-box-shadow: 0 0 0 #000;
    --btn-focus-shadow-rgb: 39, 145, 150;
    text-decoration: none;
}

a:hover {
    --link-color-rgb: var(--link-hover-color-rgb);
    text-decoration: none;
}
.btn:hover {
    color: var(--btn-hover-color);
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color);
}

.btn-link:hover,
.btn-link:focus-visible {
    text-decoration: none;
}

.btn-link:hover {
    color: var(--btn-hover-color);
}

a.bg-100:hover,
a.bg-100:focus,
button.bg-100:hover,
button.bg-100:focus {
    --background-color: #dae1e7;
    --color: #111827;
    background-color: #dae1e7 !important;
    color: #111827;
}

.pt104 {
    padding-top: 104px !important;
}
.pb104 {
    padding-bottom: 104px !important;
}
.overflow-x-hidden {
    overflow-x: hidden !important;
}
.mb-n8 {
    margin-bottom: -8rem !important;
}

.pt-8 {
    padding-top: 8rem !important;
}
.pb-8 {
    padding-bottom: 8rem !important;
}

.o_my_sales_orders .o_partner_dashboard_box {
    background-color: #fff;
    flex: 1;
}

.fw_semibold,
.o_my_sales_orders .o_partner_dashboard_wizard [class*='o_partner_dashboard_grade_active'],
.o_my_sales_orders .o_partner_dashboard_box .o_partner_dashboard_box_title {
    font-weight: 600;
}
.o_my_sales_orders .o_partner_dashboard_box .o_partner_dashboard_box_title {
    padding: 30px 20px 15px 20px;
    margin: 0;
    font-size: 16px;
}

.o_my_sales_orders .o_partner_dashboard_box .o_partner_dashboard_box_body {
    flex: 1;
    padding: 0 20px 30px 20px;
}

.o_my_sales_orders .o_partner_dashboard_box .o_partner_dashboard_box_footer {
    padding: 10px 20px;
    background-color: #f9fafb;
}

.btn-outline-primary {
    --border-width: 1px;
    --btn-border-width: var(--border-width);
    --btn-color: #714b67;
    --btn-border-color: #714b67;
    --btn-hover-color: #ffffff;
    --btn-hover-bg: #714b67;
    --btn-hover-border-color: #714b67;
    --btn-focus-shadow-rgb: 113, 75, 103;
    --btn-active-color: #ffffff;
    --btn-active-bg: #714b67;
    --btn-active-border-color: #714b67;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #714b67;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #714b67;
    --gradient: none;
}

.o_my_sales_orders .o_partner_dashboard_salesman {
    float: left;
    margin-top: -30px;
}

.o_gradient,
.o_my_sales_orders .o_partner_dashboard_box_header > h2,
.o_my_sales_orders .o_partner_dashboard_box_header > .h2 {
    background: linear-gradient(-150deg, #f08365 20%, #f49e86 80%) !important;
}
.o_my_sales_orders .o_partner_dashboard_box_header > h2,
.o_my_sales_orders .o_partner_dashboard_box_header > .h2 {
    margin: 0;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
}

@media (min-width: 768px) {
    .o_my_sales_orders .o_partner_dashboard_box_header > h2,
    .o_my_sales_orders .o_partner_dashboard_box_header > .h2 {
        display: inline-block;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
    }
}

.btn-outline-secondary {
    --border-width: 1px;
    --btn-border-width: var(--border-width);
    --btn-color: #017e84;
    --btn-border-color: #017e84;
    --btn-hover-color: #ffffff;
    --btn-hover-bg: #017e84;
    --btn-hover-border-color: #017e84;
    --btn-focus-shadow-rgb: 1, 126, 132;
    --btn-active-color: #ffffff;
    --btn-active-bg: #017e84;
    --btn-active-border-color: #017e84;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #017e84;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #017e84;
    --gradient: none;
}

.list-group-flush > .list-group-item {
    --border-width: 1px;
    --list-group-border-width: var(--border-width);
    border-width: 0 0 var(--list-group-border-width);
}
.list-group-item:not([class*='list-group-item-']):not(.active) {
    color: #111827;
}
.list-group {
    text-align: unset !important;
}

.o_main_header > .o_main_header_main .o_header_buttons > .dropdown > .dropdown-menu,
.o_main_header > .o_main_header_main .o_header_buttons > .dropdown > .o_dropdown_menu {
    right: auto;
    left: 0;
    line-height: 1.5;
}
.o_main_header > .o_main_header_main .o_header_buttons > .dropdown > .dropdown-menu .dropdown-item,
.o_main_header > .o_main_header_main .o_header_buttons > .dropdown > .o_dropdown_menu .dropdown-item {
    padding: 5px 16px;
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
}

.pt8 {
    padding-top: 8px !important;
}

.modal-backdrop {
    display: none;
}
.modal-open > .modal-backdrop {
    z-index: 999;
}

@media (min-width: 576px) {
    .modal {
        --modal-margin: 1.75rem;
        --modal-box-shadow: var(--box-shadow);
    }
}
.modal:not([data-bs-backdrop='false']) {
    background-color: rgba(0, 0, 0, 0.5);
}

.o_website_sale_checkout .o_total_card {
    --o-border-color: color-mix(in srgb, currentColor 15%, transparent);
    --border-radius: 0.625rem;
    background-color: #ffffff;
    border: 1px solid var(--o-border-color);
    border-radius: var(--border-radius);
}
@media (min-width: 992px) {
    .o_website_sale_checkout .o_total_card {
        top: 9rem;
    }
}

.accordion-item:first-of-type {
    border-top-right-radius: var(--accordion-border-radius);
    border-top-left-radius: var(--accordion-border-radius);
}
.accordion-item:last-of-type {
    --border-radius: 0.625rem;
    --accordion-border-radius: var(--border-radius);
    border-bottom-left-radius: var(--accordion-border-radius);
    border-bottom-right-radius: var(--accordion-border-radius);
}

.o_website_sale_checkout .o_total_card .accordion-item {
    --background-color: rgba(255, 255, 255, 0.9);
    --color: #111827;
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #111827;
}

@media (min-width: 992px) {
    .position-lg-static {
        position: static !important;
    }
}

.o_website_sale_checkout .o_wsale_accordion .accordion-button {
    background-color: unset;
}
.o_image_64_max {
    max-width: 64px;
    max-height: 64px;
}

.o_website_sale_checkout .o_wsale_accordion .o_wsale_scrollable_table {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
@media (min-width: 992px) {
    .o_website_sale_checkout .o_wsale_accordion .o_wsale_scrollable_table {
        overflow-y: scroll;
        height: 15rem;
    }
}

.o_website_sale_checkout .error_message {
    color: red;
}

.bg-info {
    --info-rgb: 23, 162, 184;
    --bg-opacity: 1;
    background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important;
}

:where(.card:not([data-vxml])) .card-body {
    --background-color: rgba(255, 255, 255, 0.9);
    --color: #111827;
    background-color: rgba(255, 255, 255, 0.9);
    color: #111827;
}
:where(.card:not([data-vxml])) .card-body:first-child {
    border-top-right-radius: calc(var(--border-radius) - 0);
    border-top-left-radius: calc(var(--border-radius) - 0);
}
:where(.card:not([data-vxml])) .card-body:last-child {
    border-bottom-left-radius: calc(var(--border-radius) - 0);
    border-bottom-right-radius: calc(var(--border-radius) - 0);
}
@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}
.vr {
    --border-width: 1px;
    display: inline-block;
    align-self: stretch;
    width: var(--border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: 1;
}
.mt16 {
    margin-top: 16px !important;
}
.opacity-75 {
    opacity: 0.75 !important;
}

.o_website_sale_checkout button[name='o_payment_submit_button'] {
    margin-right: 0 !important;
}

/* industries */

.x_wd_shape_leaf {
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.mb-7 {
    margin-bottom: 6rem !important;
}
img.float-start,
.media_iframe_video.float-start,
.o_image.float-start {
    margin-left: 16px;
}

.ms-n2 {
    margin-right: -0.5rem !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.s_wd_features .s_wd_features_item .s_wd_features_icon {
    display: none;
}
@media (min-width: 768px) {
    .s_wd_features .s_wd_features_item .s_wd_features_icon {
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 2rem;
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f9fafb;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
    }
}
@media (min-width: 768px) {
    .s_wd_features .s_wd_features_item .s_wd_features_icon img {
        height: 35px;
    }
}

.horizontal-timeline .items {
    border-top: 3px solid #e9ecef;
}

.horizontal-timeline .items .items-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0;
}

.horizontal-timeline .items .items-list:before {
    content: '';
    position: absolute;
    height: 36px;
    border-right: 2px dashed #dee2e6;
    top: 0;
}

.horizontal-timeline .items .items-list .event-date {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    width: 50%;
    margin: 0 auto;
    font-size: 0.9rem;
    padding-top: 8px;
}

@media (min-width: 1140px) {
    .horizontal-timeline .items .items-list {
        display: inline-block;
        width: 24%;
        padding-top: 45px;
    }

    .horizontal-timeline .items .items-list .event-date {
        top: -40px;
    }
}

.bg-301 {
    --background-color: #0dcaf0;
    --color: #fff;
    background-color: #0dcaf0 !important;
    color: #fff;
}
.bg-401 {
    --background-color: #dc3545;
    --color: #fff;
    background-color: #dc3545 !important;
    color: #fff;
}

.bg-501 {
    --background-color: #ffc107;
    --color: #fff;
    background-color: #ffc107 !important;
    color: #fff;
}

.bg-601 {
    --background-color: #198754;
    --color: #fff;
    background-color: #198754 !important;
    color: #fff;
}

.text-o-color-7 {
    --text-opacity: 1;
    color: rgba(var(--o-color-7-rgb), var(--text-opacity)) !important;
}

.x_wd_yellow_highlight_02 {
    background-image: url(/infosas_assests/site/assets/img/highlights/yellow_highlight_02.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important;
    }
}
.text-o-color-7 {
    color: #fbb130 !important;
}
.x_wd_display_sup {
    font-size: 1.5rem;
    position: absolute;
    top: -2.5rem;
    right: auto;
    bottom: auto;
    left: auto;
}

.x_wd_blue_highlight_03 {
    background-image: url(/infosas_assests/site/assets/img/highlights/blue_highlight_03.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.x_wd_green_highlight_scribble_01 {
    background-image: url(/infosas_assests/site/assets/img/highlights/green_highlight_scribble_01.svg);
    background-position: 50% 65%;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.x_wd_red_highlight_04 {
    background-image: url(/infosas_assests/site/assets/img/highlights/red_highlight_04.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.x_wd_blue_highlight_05 {
    background-image: url(/infosas_assests/site/assets/img/highlights/blue_highlight_05.svg);
    background-position: right bottom;
    background-repeat: repeat-x;
    background-size: auto;
    white-space: nowrap;
}

.x_wd_red_highlight_scribble_01 {
    background-image: url(/infosas_assests/site/assets/img/highlights/red_highlight_scribble_01.svg);
    background-position: 50% 65%;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.x_wd_red_highlight_bold_03 {
    background-image: url(/infosas_assests/site/assets/img/highlights/red_highlight_bold_03.svg);
    background-position: center 60%;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.x_wd_yellow_highlight_01 {
    background-image: url(/infosas_assests/site/assets/img/highlights/yellow_highlight_01.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.x_wd_green_highlight_03 {
    background-image: url(/infosas_assests/site/assets/img/highlights/green_highlight_03.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.mt-6 {
    margin-top: 4rem !important;
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
}

#wrapwrap.o_odoo_enterprise_trial .choose-app-info-panel {
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.opacity-100 {
    opacity: 1 !important;
}

a.no-decoration {
    cursor: pointer;
    text-decoration: none !important;
}
.oe_website_sale .address-inline address {
    display: inline-block;
}
.text-600 {
    color: #6c757d !important;
}

.badge.text-bg-info,
.o_filter_tag.text-bg-info {
    --badge-bg: #e8f6f8;
    --badge-color: #0e626f;
    --badge-color-hover: #ffffff;
    --badge-border-color: #17a2b8;
}
.o_force_ltr {
    unicode-bidi: embed;
    direction: ltr;
}
[type='tel'],
[type='url'],
[type='email'],
[type='number'],
.o_force_ltr {
    text-align: end !important;
}
span.o_force_ltr {
    display: inline;
}

.x_wd_corner_highlight {
    position: relative;
}

.x_wd_corner_highlight::after {
    content: '';
    width: 120px;
    height: 120px;
    background-image: url(/infosas_assests/site/assets/img/graphics/corner_1.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.x_wd_corner_highlight::after {
    position: absolute;
    top: -90px;
    left: -60px;
    bottom: auto;
    right: auto;
}

.pb-10 {
    padding-bottom: 12rem !important;
}

.x_wd_shape_bottom::before,
.x_wd_shape_bottom::after {
    top: 40%;
}
.x_wd_shape_rtl::before,
.x_wd_shape_rbl::before,
.x_wd_shape_rs::before {
    right: 100%;
}

.x_wd_shape_ol::after {
    right: 20%;
}
.x_wd_shape_rs::after {
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
}
#wrapwrap .x_wd_animation_block .visible {
    opacity: 1;
    transition: 0.2s ease;
    position: relative;
}
#wrapwrap .x_wd_animation_block .visible:before {
    content: '';
    background-image: url(/infosas_assests/site/assets/img/apps/crm/p_on.svg);
    background-size: contain;
    width: 75px;
    height: 75px;
    position: absolute;
    top: -25px;
    right: -75px;
}
@media (min-width: 992px) {
    .mt-lg-n9 {
        margin-top: -10rem !important;
    }
}
@media (min-width: 992px) {
    .me-lg-n8 {
        margin-left: -8rem !important;
    }
}

.x_wd_paperplane::after {
    content: url(/infosas_assests/site/assets/img/apps/invoicing/invoice_sent.svg);
    position: absolute;
    top: -80px;
    right: -140px;
    bottom: auto;
    left: auto;
    transform: rotate(10deg);
    z-index: -1;
}

.x_wd_paperplane {
    position: relative;
}

img.ms-auto,
img.mx-auto {
    display: block;
}

@media (min-width: 576px) {
    .w-sm-50 {
        width: 50% !important;
    }
}
@media (min-width: 992px) {
    .w-lg-75 {
        width: 75% !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-50 {
        width: 50% !important;
    }
}

.x_wd_shape_middle::before,
.x_wd_shape_middle::after {
    top: 20%;
    bottom: 20%;
}

.x_wd_shape_rtr::before,
.x_wd_shape_rbr::before,
.x_wd_shape_re::before {
    right: auto;
    left: 100%;
}

.x_wd_shape_middle::before,
.x_wd_shape_middle::after {
    top: 20%;
    bottom: 20%;
}
.x_wd_shape_re::after {
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
}

.o_rtl .rotate-20:not(.o_rtl_no_rotate) {
    rotate: calc(360deg - 20deg);
}

@media (min-width: 1200px) {
    .ms-xl-n7 {
        margin-right: -6rem !important;
    }
}

.s_wd_screenshot_arrow {
    display: inline-flex;
    align-items: center;
    width: 100%;
}
@media (min-width: 992px) {
    .s_wd_screenshot_arrow {
        position: absolute;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: flex;
        flex-direction: column;
        max-width: 22%;
    }
}

@media (min-width: 992px) {
    .s_wd_screenshot_arrow.s_wd_screenshot_arrow_left {
        left: 100%;
        align-items: end;
        text-align: left;
    }
}

@media (min-width: 992px) {
    .s_wd_screenshot_arrow h3,
    .s_wd_screenshot_arrow .h3 {
        color: #714b67;
        font-family: 'Caveat';
        font-size: calc(1.3rem + 0.6vw);
        line-height: 1;
    }
}

.rotate-300 {
    rotate: 300deg;
}
@media (min-width: 992px) {
    .s_wd_screenshot_arrow.s_wd_screenshot_arrow_left img {
        margin-left: 0.5rem;
    }
}
.o_rtl .rotate-300:not(.o_rtl_no_rotate) {
    rotate: calc(360deg - 300deg);
}

@media (min-width: 992px) {
    .s_wd_screenshot_arrow.s_wd_screenshot_arrow_right {
        right: 100%;
        align-items: start;
    }
}

.rotate-140 {
    rotate: 140deg;
}
@media (min-width: 992px) {
    .s_wd_screenshot_arrow.s_wd_screenshot_arrow_right img {
        margin-right: 0.5rem;
    }
}
.o_rtl .rotate-140:not(.o_rtl_no_rotate) {
    rotate: calc(360deg - 140deg);
}

.rotate-60 {
    rotate: 60deg;
}
@media (min-width: 992px) {
    .s_wd_screenshot_arrow.s_wd_screenshot_arrow_right img {
        margin-right: 0.5rem;
    }
}
.o_rtl .rotate-60:not(.o_rtl_no_rotate) {
    rotate: calc(360deg - 60deg);
}

.rotate-130 {
    rotate: 130deg;
}
@media (min-width: 992px) {
    .s_wd_screenshot_arrow.s_wd_screenshot_arrow_right img {
        margin-right: 0.5rem;
    }
}

.o_rtl .rotate-130:not(.o_rtl_no_rotate) {
    rotate: calc(360deg - 130deg);
}

.x_wd_yellow_highlight_scribble_04 {
    background-image: url(/infosas_assests/site/assets/img/highlights/yellow_highlight_scribble_04.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.x_wd_shape,
.x_wd_shape_bottom,
.x_wd_shape_short,
.x_wd_shape_middle,
.x_wd_shape_top {
    position: relative;
    z-index: 0;
}

.x_wd_shape::before,
.x_wd_shape_bottom::before,
.x_wd_shape_short::before,
.x_wd_shape_middle::before,
.x_wd_shape_top::before {
    width: 100vw;
}
.x_wd_shape::before,
.x_wd_shape_bottom::before,
.x_wd_shape_short::before,
.x_wd_shape_middle::before,
.x_wd_shape_top::before,
.x_wd_shape::after,
.x_wd_shape_bottom::after,
.x_wd_shape_short::after,
.x_wd_shape_middle::after,
.x_wd_shape_top::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #f3f4f6;
}
.x_wd_shape_rtl::before,
.x_wd_shape_rbl::before,
.x_wd_shape_rs::before {
    right: 100%;
}

.x_wd_shape::before,
.x_wd_shape_bottom::before,
.x_wd_shape_short::before,
.x_wd_shape_middle::before,
.x_wd_shape_top::before,
.x_wd_shape::after,
.x_wd_shape_bottom::after,
.x_wd_shape_short::after,
.x_wd_shape_middle::after,
.x_wd_shape_top::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #f3f4f6;
}
.x_wd_shape_ol::after {
    right: 20%;
}
.x_wd_shape_rs::after {
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
}

.ms-7 {
    margin-right: 6rem !important;
}
.mt-n10 {
    margin-top: -12rem !important;
}

.x_wd_red_highlight_02 {
    background-image: url(/infosas_assests/site/assets/img/highlights/red_highlight_02.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}

.x_wd_blue_highlight_bold_05 {
    background-image: url(/infosas_assests/site/assets/img/highlights/blue_highlight_bold_05.svg);
    background-position: center 60%;
    background-repeat: no-repeat;
    background-size: contain;
    white-space: nowrap;
}
.js_language_selector .dropdown-menu,
.js_language_selector .o_dropdown_menu {
    min-width: 0;
}

.mt32 {
    margin-top: 32px !important;
}
.o_portal_security_body section {
    margin-top: 3rem;
    border-top: 1px solid var(--o-border-color);
    padding-top: 1.5rem;
}
.oe_login_form,
.oe_signup_form,
.oe_reset_password_form {
    max-width: 300px;
    position: relative;
    margin: 50px auto;
}
.o_portal_security_body section form.oe_reset_password_form {
    max-width: initial;
    margin: initial;
}

@media (min-width: 768px) {
    .w-md-75 {
        width: 75% !important;
    }
}
@media (min-width: 992px) {
    .w-lg-50 {
        width: 50% !important;
    }
}

.alert-secondary {
    --secondary-text-emphasis: #003235;
    --secondary-bg-subtle: #cce5e6;
    --secondary-border-subtle: #99cbce;
    --alert-color: var(--secondary-text-emphasis);
    --alert-bg: var(--secondary-bg-subtle);
    --alert-border-color: var(--secondary-border-subtle);
    --alert-link-color: var(--secondary-text-emphasis);
}

#wrapwrap.o_odoo_enterprise_trial .choose-app-step .form-check input:checked + label::after {
    content: '\f00c';
    font-family: 'FontAwesome';
    position: absolute;
    top: -0.875rem;
    right: auto;
    bottom: auto;
    left: -0.875rem;
    width: 1.75rem;
    height: 1.75rem;
    background-color: #f3f4f6;
    border: 2px solid #f08365;
    border-radius: 50%;
    color: #f08365;
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: center;
}
.form-check-input:checked[type='checkbox'] {
    --form-check-bg-image: url(
        data:image/svg + xml,
        %3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 20 20'%3e%3cpathfill='none'stroke='%23FFF'stroke-linecap='round'stroke-linejoin='round'stroke-width='3'd='m6 10 3 3 6-6'/%3e%3c/svg%3e
    );
}
#wrapwrap.o_odoo_enterprise_trial .choose-app-step .form-check label {
    background-color: #fff;
    border: 2px solid transparent;
    transition: all 0.2s ease-in-out;
}
#wrapwrap.o_odoo_enterprise_trial .choose-app-step .form-check input:checked + label {
    position: relative;
    border-color: #f08365;
    background-color: #f3f4f6;
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: '';
    background-color: #ffffff;
    border-radius: 0.25rem;
}

.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
/* // mobile resposnive  */
@media (max-width: 991.98px) {
    .o_main_header > .o_main_header_main {
        max-width: none;
    }
}
@media (max-width: 991.98px) {
    .o_main_header > .o_main_header_main {
        text-align: left;
    }
}

@media (max-width: 991.98px) {
    .o_main_header > .o_main_header_main > .o_mobile_menu_toggle {
        width: 60px;
        line-height: 60px;
        margin-left: -16px;
        font-size: 18px;
        text-align: center;
    }
}

@media (max-width: 991.98px) {
    .o_main_header > .o_main_header_main > .o_primary_nav,
    .o_main_header > .o_main_header_main .o_header_buttons {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened {
        position: fixed;
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main {
        height: 100%;
        overflow-y: scroll;
        margin: 0;
    }
}

.o_main_header > .o_main_header_main a:not(.btn):hover,
.o_main_header > .o_main_header_main a:not(.btn):focus {
    color: #111827;
    outline: none;
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons {
        padding: 0 16px;
        box-sizing: content-box;
        margin: 0 -16px 0;
        display: flex;
        justify-content: center;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * {
        overflow: visible !important;
        float: none;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * {
        overflow: visible !important;
        float: none;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav {
        display: block;
        margin: 0 -16px 0;
        padding: 0;
        white-space: normal;
    }
}
@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav,
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav .dropdown-menu,
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav .o_dropdown_menu {
        color: #374151;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav li {
        border-top: 1px solid #d8dadd;
    }
}
@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li {
        width: 100%;
        padding: 0 16px;
    }
}
@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown {
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > a {
        display: block;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .dropdown-menu,
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_dropdown_menu {
        position: static !important;
        transform: none !important;
        background-color: transparent;
        box-shadow: none;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav {
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container,
    .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small {
        max-width: 100%;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_store_link {
        text-align: right;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_store_link
        a {
        display: block;
        border-top: 1px solid #d8dadd;
        height: 60px;
        line-height: 60px;
    }
}

@media (max-width: 767.98px) {
    section,
    .parallax,
    .row,
    .hr,
    .blockquote {
        height: auto !important;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .container
        > .row
        > div,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_container_small
        > .row
        > div {
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .container
        > .row
        > div
        > .o_nav_app_family,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_container_small
        > .row
        > div
        > .o_nav_app_family,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .container
        > .row
        > div
        .o_nav_com_family,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_nav_com_family,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .container
        > .row
        > div
        .o_nav_ind_family,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_nav_ind_family {
        height: 60px;
        line-height: 60px;
        background-color: #f2f2f2;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .container
        > .row
        > div
        ul,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_container_small
        > .row
        > div
        ul {
        list-style-type: none;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .container
        > .row
        > div
        ul
        > li,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_container_small
        > .row
        > div
        ul
        > li {
        height: 60px;
        padding: 0 16px;
        border-width: 1px 0 0;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .container
        > .row
        > div
        ul
        > li
        > a,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_container_small
        > .row
        > div
        ul
        > li
        > a {
        line-height: 60px;
    }
}

@media (max-width: 991.98px) {
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .container
        > .row
        > div
        > .o_nav_app_family::before,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_container_small
        > .row
        > div
        > .o_nav_app_family::before,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .container
        > .row
        > div
        .o_nav_com_family::before,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_nav_com_family::before,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .container
        > .row
        > div
        .o_nav_ind_family::before,
    .o_main_header.o_mobile_menu_opened
        > .o_main_header_main
        > .o_primary_nav
        > li.dropdown
        > .o_secondary_nav
        > .o_container_small
        > .row
        > div
        .o_nav_ind_family::before {
        content: 'Apps';
        display: inline-block;
        font-size: 0.8rem;
        line-height: 0.8rem;
        background: #017e84;
        color: #fff;
        border-radius: 2px;
        padding: 0.2rem;
        margin-left: 0.5rem;
        vertical-align: text-bottom;
    }
}

@media (max-width: 991.98px) {
    #wrapwrap.o_odoo_enterprise_trial .choose-app-info-panel {
        box-shadow: 0 -0.5rem 2rem rgba(0, 0, 0, 0.1);
    }
}

@media (min-width: 992px) {
    .py-lg-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}

@media (max-width: 575.98px) {
    .x_wd_corner_highlight::after {
        display: none;
    }
}